Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Nos ultimos dois dias eu li todos os topicos e tutoriais diponiveis e imaginaveis, e tentei todos os hacks que eu pude descobrir.... mas nao tive sucesso. Detalhe: no Firefox eh perfeito.1) Eu estou tentando colocar duas imagens dentro do cabecalho. Mesmo definido a altura, no IE a DIV tem +2px. 2) os items (botoes) do menu apresentam um gap no final do do layout. Eu agradeceria muito se alguem pudesse analisar e me dizer o que eu fiz de errado. Aqui o codigo (desculpem mas o link ainda nao esta disponivel).Code { margin: 0; padding: 0; }BODY { text-align:center; BACKGROUND-COLOR: #FFFFFF; Font-family: Verdana;}P { margin: 0 0 15px 0;} img { border: 0; }#ALL { width: 760px; margin: 0 auto; text-align:left; }#header { BORDER-TOP: 2px solid #666; BORDER-BOTTOM: 2px solid #666; BACKGROUND-COLOR: #000000; height: 77; } html #header{ height: 77px; }#menu { TEXT-ALIGN: center; HEIGHT: 25px; BACKGROUND-COLOR: #f1f1f1; BORDER-BOTTOM: #666 1px solid; TOP: 80px;}#colleft { width: 140px; padding: 0px; Float: left;}#colright { width: 140px; padding: 0px; Float: right;}#colCentral { PADDING: 10px; MARGIN: 0 150px; PADDING-BOTTOM: 2px; PADDING-TOP: 20px; font-size: 0.90em; color: #000000; background-image: url(/images/bg2.jpg); background-repeat: no-repeat; text-align: justify; text-decoration: none;}#pagebotton { TEXT-ALIGN: center; font-size: 0.90em; height: 40px; clear: both;}UL.nav { MARGIN: 0px; PADDING: 0px;}UL.nav LI { DISPLAY: inline; LIST-STYLE-TYPE: none;}UL.nav LI A { float:left; width: 7.51em; background: #f1f1f1; font: 1.0em; color:#333; text-align:center; padding:0 0.2em 0.2em 0; margin: 0px; border-width:0.1em; border-color:#fff #909090 #909090 #fff; border-style:solid; text-decoration:none;}* html ul.nav li a { width: 7.90em; }UL.nav A:hover { BORDER-LEFT-COLOR: #000; BACKGROUND: #999; BORDER-BOTTOM-COLOR: #fafafa; COLOR: #fff; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #fafafa;}_____________________________________________________________________________HTML<BODY><DIV id=all> <div id=header> <img src="Images/logo.jpg" width=330 height=77 > <img src="Images/banner.jpg" width=423 height=77> </div> <div id=menu> <UL class=nav> <LI><A href="index.htm#na"><b>Home</B></A> <LI><A href="archive.htm#nb"><b>Archive</B></A> <LI><A href="club.htm#nc"><b>Club</B></A> <LI><A href="regulars.htm#nd"><b>Regulars</B></A> <LI><A href="features.htm#ne"><b>Features</B></A> <LI><A href="contact.htm#nf"><b>Contact us</B></A> </LI></UL> </div> <DIV id=colleft> <IMG src="Images/cover.gif" width="140" height="180"> <IMG src="Images/spacer1.gif" width="140" height="29"> <IMG src="Images/ad1.jpg" width="140" height="180"> <IMG src="Images/spacer1.gif" width="140" height="29"> <IMG src="Images/ad2.jpg" width="140" height="180"> </div> <DIV id=colright> <IMG src="Images/ad3.jpg" width="140" height="180"> <IMG src="Images/spacer1.gif" width="140" height="29" > <IMG src="Images/ad4.jpg" width="140" height="180"> <IMG src="Images/spacer1.gif" width="140" height="29" > <IMG src="Images/ad5.jpg" width="140" height="180"> </div> <DIV id=colCentral> <P></P> </div> <div id=pagebotton> <IMG height=29 src="Images/bars.jpg" width=758 border=0><br> </div></div></FORM></BODY></HTML>
Carregando comentários...
