usher

estou querendo centralizar um site, será que é no css? /* Alpha PNG support for IE ------------------------------ \*/ * html img/**/{ filter:expression( this.alphaxLoaded ? "" : ( this.src.substr(this.src.length-4)==".png" ? ( (!this.complete) ? "" : this.runtimeStyle.filter= ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+ (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+ String(this.alphaxLoaded=true).substr(0,0)+ (this.src="images/layout/blank.png").substr(0,0) ) : this.runtimeStyle.filter="" ) ); } body { background-color: #1D1C58; background-image: url(../images/layout/body.background.jpg); background-repeat: repeat-x; padding-left: 60px; padding-right: 60px; padding-top:0px; background-position: 68px 0px; _background-position: 70px 0px; margin: 0px; } #MenuPrincipal{ text-align: center; background-image:url(../images/layout/tabs.bg.jpg); background-repeat: repeat-x; height: 29px; _background-position: 0px 1px; width: 584px; } .TextMenu, .TextMenu a:link, .TextMenu a:active, .TextMenu a:visited{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; vertical-align: text-top; color: #1B1C58; text-decoration: none; } .TextMenu a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; vertical-align: text-top; color: #0066CC; text-decoration: none; } a:link, a:active, a:visited{ color:#0066CC; text-decoration: none; } a:hover{ color:#0066FF; text-decoration:underline; } #MenuPrincipal img{ vertical-align: middle; } #DivContent{ ~~~´obackground-image:url(../images/layout/content.begin.jpg); background-repeat:no-repeat; width:840px; padding: 5px; } #BGContent{ background-image:url(../images/layout/content.bg.jpg); background-repeat:repeat-x; background-color:#FFFFFF; width:860px; margin-bottom: 0px; padding-bottom: 0px; } #EndContent{ background-image:url(../images/layout/content.ending.jpg); background-repeat:no-repeat; background-color:#FFFFFF; width:860px; height:22px; } #LeftBar{ width: 450px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1B1C58; text-align: justify; padding: 0 0 0 10px; } #RightBar{ width: 390px; } .bordaBox { background: transparent; width: 380px; } .bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b4, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b, .bordaBox .b4b { display:block; overflow:hidden; font-size:1px; } .bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b { height:1px; } .bordaBox .b2, .bordaBox .b3, .bordaBox .b4 { background:#DFE7F1; border-left:1px solid #A9BFD8; border-right:1px solid #A9BFD8; } .bordaBox .b1 { margin:0 5px; background:#A9BFD8; } .bordaBox .b2 { margin:0 3px; border-width:0 2px; } .bordaBox .b3 { margin:0 2px; } .bordaBox .b4 { height:2px; margin:0 1px; } .bordaBox .conteudo { padding:4px; display:block; background:#DFE7F1; border-left:1px solid #A9BFD8; border-right:1px solid #A9BFD8; } #Camera { position:absolute; left:672px; top:120px; width:242px; height:129px; z-index:1; } #Box { position:absolute; left:-136px; top:254px; width:380px; height:129px; z-index:1; } #PosCamera { padding-right:5px; } h1{ font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #1B1C58; } .topicos{ margin: 5px; vertical-align:middle; } .FotoIni{ margin: 10px; float: right; vertical-align:middle; } #TextCamera{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1B1C58; text-align: justify; } .FotoIniBorder { margin: 10px; float: right; vertical-align:middle; border: 1px solid #9AB4D6; background-color: #FFFFFF; padding: 5px; } #TextFooter{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-align:center; } #Botoes { position:absolute; left:597px; top:0px; width:324px; height:42px; z-index:2; } #BotoesBG { position:absolute; left:597px; top:0px; width:324px; height:42px; z-index:2; } #Interno{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #1B1C58; text-align: justify; padding: 0 10px 0 10px; } .FotoBorder { margin:0 5px 0 5px; border: 1px solid #9AB4D6; background-color: #FFFFFF; padding: 5px; } #Logo{ width: 860px; height: 250px; } #Shadow { border-right-width: 2px; border-left-width: 2px; border-right-style: solid; border-left-style: solid; border-right-color: #BACBE0; border-left-color: #BACBE0; width: 860px; display: block; background-color: #FFFFFF; } .FotoIniLeft { margin: 10px; float: left; vertical-align:middle; } textarea { font:10px arial, helvetica, sans-serif; color:#4283B7; border:1px solid #4283B7; } .form { background-color: #FFFFFF; font: 10px arial, helvetica, sans-serif; color:#4283B7; border:1px solid #4280B3; width: 70%; } #ContatoLabel { width: 350px; text-align: right; display: block; line-height: 14px; padding-right: 5px; } #ContatoFields { display: block; float: left; width: 200px; clear: right; } .formButton { background-color: #FFFFFF; font: 10px arial, helvetica, sans-serif; color:#4283B7; border:1px solid #4280B3; }

Tenho o codigo abaixo numa pagina, que chama 3 imagens, gostaria de saber se é possivel nesse codigo colocar uma borda que envolva as 3 imagens, como um retângulo e as imagens dentro dele. Desde já agradeço!!! <link href="file:stylesheet.css" rel="stylesheet" type="text/css"> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr class="header"> <td align="center" valign="bottom"><span class="pageHeading"><span class="main"> <?php require(DIR_WS_MODULES . 'categories_snapshot.php'); ?> </span></span></td>

Sinceramente não consegui com as dicas, é possivel fazer com que a janela fique por alguns segundos então e depois suma?

A função eu crio no head? :huh:

Bom galera, achei esse script na net e achei super interessante, eu queria saber como colocar um botão que ao ser clicado fechasse a imagem. Desde já, agradeço pela atenção. moveobj.js /*********************************************** * Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620) * Modified by Dynamic Drive for various improvements * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ var vmin=2; var vmax=5; var vr=2; var timer1; function iecompattest(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body } function Chip(chipname,width,height){ this.named=chipname; this.vx=vmin+vmax*Math.random(); this.vy=vmin+vmax*Math.random(); this.w=width+20; this.h=height; this.xx=0; this.yy=0; this.timer1=null; } function movechip(chipname){ if (document.getElementById){ eval("chip="+chipname); if (window.innerWidth || window.opera){ pageX=window.pageXOffset; pageW=window.innerWidth-40; pageY=window.pageYOffset; pageH=window.innerHeight-20; } else if (document.body){ pageX=iecompattest().scrollLeft; pageW=iecompattest().offsetWidth-40; pageY=iecompattest().scrollTop; pageH=iecompattest().offsetHeight-20; } chip.xx=chip.xx+chip.vx; chip.yy=chip.yy+chip.vy; chip.vx+=vr*(Math.random()-0.5); chip.vy+=vr*(Math.random()-0.5); if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx; if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx; if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy; if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy; if(chip.xx<=pageX){ chip.xx=pageX; chip.vx=vmin+vmax*Math.random(); } if(chip.xx>=pageX+pageW-chip.w){ chip.xx=pageX+pageW-chip.w; chip.vx=-vmin-vmax*Math.random(); } if(chip.yy<=pageY) {chip.yy=pageY; chip.vy=vmin+vmax*Math.random(); } if(chip.yy>=pageY+pageH-chip.h) {chip.yy=pageY+pageH-chip.h; chip.vy=-vmin-vmax*Math.random(); } document.getElementById(chip.named).style.left=chip.xx+"px"; document.getElementById(chip.named).style.top=chip.yy+"px"; chip.timer1=setTimeout("movechip('"+chip.named+"')",100); } } <head> &lt;script type="text/javascript" src="moveobj.js"> </script> &lt;script type="text/javascript"> /*********************************************** * Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620) * Modified by Dynamic Drive for various improvements * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code ***********************************************/ //Step 1: Define unique variable names depending on number of flying images (ie:3): var flyimage1, flyimage2, flyimage3 function pagestart(){ //Step 2: Using the same variable names as 1), add or delete more of the below lines (60=width, height=80 of image): flyimage1=new Chip("flyimage1",47,68); flyimage2=new Chip("flyimage2",47,68); flyimage3=new Chip("flyimage3",47,68); //Step 3: Using the same variable names as 1), add or delete more of the below lines: movechip("flyimage1"); movechip("flyimage2"); movechip("flyimage3"); } if (window.addEventListener) window.addEventListener("load", pagestart, false) else if (window.attachEvent) window.attachEvent("onload", pagestart) else if (document.getElementById) window.onload=pagestart </script> </head> <body> <!-- Step 4: Define your flying images. For each image's ID tag, use the same variable names as 1) above --> <DIV ID="flyimage1" STYLE="position:absolute; left: -500px; width:47; height:68;"> <A HREF="http://dynamicdrive.com"><IMG SRC="test.gif" BORDER=0></a> </DIV> <DIV ID="flyimage2" STYLE="position:absolute; left: -500px; width:47; height:68;"> <A HREF="http://dynamicdrive.com"><IMG SRC="test.gif" BORDER=0></a> </DIV> <DIV ID="flyimage3" STYLE="position:absolute; left: -500px; width:47; height:68;"> <A HREF="http://dynamicdrive.com"><IMG SRC="test.gif" BORDER=0></a> </DIV></body>