Ajuda com o meu código CSS
|
02-07-2009, 22:20
Mensagem: #1
|
|||
|
|||
Ajuda com o meu código CSS
Preciso de ajuda para resolver um problema de CSS que tenho no template do meu blog
o problema está no menu, que neste momento está assim: http://img217.imageshack.us/img217/6475/34107308.jpg e noutra template minha (de onde copiei o código) tem este aspecto: http://img529.imageshack.us/img529/8370/19905268.jpg agora não percebo porque isto acontece se já copiei o CSS todo e os <div> coloquei prints para n dizerem que estou a fazer pub ao meu blog coloco aqui também o código CSS: /*======Header====== */ #header { background: #85ACAC url(http://s310.photobucket.com/albums/kk426...header.png); width: 980px; height: 120px; color: #FFFFFF; font-size: 11px; margin: 0px; padding: 0px; overflow: hidden; } #header h1 { color: #FFFFFF; font-size: 36px; font-family: Arial, Tahoma, Verdana; font-weight: normal; margin: 0px; padding: 15px 0px 0px 20px; text-decoration: none; } #header h1 a, #header h1 a:visited { color: #FFFFFF; font-size: 36px; font-family: Arial, Tahoma, Verdana; font-weight: normal; margin: 0px; padding: 0px; text-decoration: none; } #header h1 a:hover { color: #FFFFFF; text-decoration: none; } #header h3 { color: #7A3254; font-size: 16px; font-family: Arial, Tahoma, Verdana; font-weight: normal; margin: 0px; padding: 0px; } #header .description { padding: 0px 0px 0px 20px; text-decoration: none; } #header p { color: #FFFFFF; padding: 0px 0px 5px 20px; margin: 0px; line-height: 20px; } .headerleft { width: 460px; float: left; font-size: 14px; margin: 0px; padding: 0px; } .headerleft a img { border: none; margin: 0px; padding: 0px; } .headerright { width: 486px; float: right; margin: 0px; padding: 18px 0px 0px 0px; font-weight: bold; } .headerright a img { border: none; margin: 0px 0px 3px 0px; padding: 0px; border: 1px solid #FFFFFF; } /*======Navbar====== */ #navbartop { background: url(http://www.cemet.biz/demo/eem/images/nav_bg.jpg) repeat-x; width: 980px; height: 35px; font-size: 12px; font-family: Arial, Tahoma, Verdana; color: #FFFFFF; font-weight: bold; margin: 0px; padding: 0px; } #navbarleft { width: 680px; float: left; margin: 0px; padding: 0px; } #navbarright { width: 280px; font-size: 11px; float: right; margin: 0px; padding: 6px 0px 0px 0px; } #nav { margin: 0px; padding: 0px; } #nav ul { float: left; list-style: none; margin: 0px; padding: 0px; } #nav li { list-style: none; margin: 0px; padding: 0px; } #nav li a, #nav li a:link, #nav li a:visited { color: #495D5C; display: block; font-size: 16px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-transform: none; margin: 0px; padding: 8px 15px 8px 15px; } #nav li a:hover, #nav li a:active { background: #EBE6D4 url(http://s310.photobucket.com/albums/kk426...navhov.png); color: #495D5C; margin: 0px; padding: 8px 15px 8px 15px; text-decoration: none; } #nav li li a, #nav li li a:link, #nav li li a:visited { background: #E1DCCA; width: 150px; color: #495D5C; font-size: 14px; font-family: Arial, Tahoma, Verdana; font-weight: normal; text-transform: none; float: none; margin: 0px; padding: 7px 10px 7px 10px; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } #nav li li a:hover, #nav li li a:active { background: #85ACAC; color: #FFFFFF; padding: 7px 10px 7px 10px; } #nav li { float: left; padding: 0px; } #nav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 170px; margin: 0px; padding: 0px; } #nav li li { } #nav li ul a { width: 140px; } #nav li ul a:hover, #nav li ul a:active { } #nav li ul ul { margin: -32px 0 0 171px; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { position: static; } /*======SubNavbar====== */ #subnavbar { background: #666666; width: 980px; height: 24px; font-size: 10px; font-family: Arial, Tahoma, Verdana; color: #FFFFFF; margin: 0px; padding: 0px; } #subnav { margin: 0px; padding: 0px; float: left; } #subnav ul { float: left; list-style: none; margin: 0px; padding: 0px; } #subnav li { list-style: none; margin: 0px; padding: 0px; } #subnav li a, #subnav li a:link, #subnav li a:visited { color: #FFFFFF; display: block; font-size: 11px; font-family: Arial, Tahoma, Verdana; font-weight: bold; text-transform: none; margin: 0px; padding: 5px 13px 5px 13px; } #subnav li a:hover, #subnav li a:active { background: #85ACAC; color: #FFFFFF; text-decoration: none; margin: 0px; padding: 5px 13px 5px 13px; } #subnav li li a, #subnav li li a:link, #subnav li li a:visited { background: #666666; width: 140px; float: none; margin: 0px; font-family: Arial, Tahoma, Verdana; font-weight: normal; float: none; padding: 5px 10px 5px 10px; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } #subnav li li a:hover, #subnav li li a:active { background: #85ACAC; color: #FFFFFF; margin: 0px; padding: 5px 10px 5px 10px; } #subnav li { float: left; padding: 0px; } #subnav li ul { z-index: 9999; position: absolute; left: -999em; height: auto; width: 160px; margin: 0px; padding: 0px; } #subnav li li { } #subnav li ul a { width: 140px; } #subnav li ul a:hover, #subnav li ul a:active { } #subnav li ul ul { margin: -25px 0 0 161px; } #subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { left: -999em; } #subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul { left: auto; } #subnav li:hover, #subnav li.sfhover { position: static; } http://www.Ganha-Facil.com |
|||
02-07-2009, 22:46
Mensagem: #2
|
|||
|
|||
RE: Ajuda com o meu código CSS
Neste caso o URL dá muito mais jeito do que estar a olhar para isto... No entanto, tens autorização para "usar" esse template que "copiaste" ?
BrunoBernardino.com |
|||
03-07-2009, 00:09
Mensagem: #3
|
|||
|
|||
RE: Ajuda com o meu código CSS
Tanto quanto pareceu é para o teu blog pessoal.
Como o Bruno disse, o melhor é mesmo link para onde esta o erro... Atenção que para utilizares templates comerciais tens de pagar! Quanto ao tema do teu blog...tens outras coisas bem mais rentáveis e certas que PPC online... |
|||
« Mais Antigo | Mais Recente »
|
Utilizadores a ver este tópico: 2 Visitante(s)