← HTML + CSS

Menu com CSS

Lida 7869 vezes

Offline

rtbfreitas 
Equipa
Mensagens 1497 Gostos 9
Feedback +24

Troféus totais: 30
Trófeus: (Ver todos)
Windows User Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4

Grrr...não ligues, são os comprimidos a escrever já :(, percebi mal, sorry.
Offline

frsantos 
Membro
Mensagens 1458 Gostos 0
Troféus totais: 35
Trófeus: (Ver todos)
Linux User Mobile User Apple User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter

escapou-me ou não ficou respondida a questão?
está solucionado o problema mas com divs, que como disseram não devem ser usadas neste caso, então como faço com divs?

Offline

Thomato 
Membro
Mensagens 4125 Gostos 3
Feedback +2

Troféus totais: 28
Trófeus: (Ver todos)
Apple User Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2

Foi recomendado o uso de listas. Personaliza-se da mesma maneira que as divs (no geral) :)
Offline

frsantos 
Membro
Mensagens 1458 Gostos 0
Troféus totais: 35
Trófeus: (Ver todos)
Linux User Mobile User Apple User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter

já consegui corrigir o problema e fazer o que queria
fica aqui para quem precisar no futuro

Código: [Seleccione]
#menu-txt {
margin-top: 0px;
float: right;
text-align: right;
}
#menu-txt li{
list-style:none;
margin:0 0 0 1px;
font-weight: bold;
font-size: 14px;
line-height: 30px;
}
#menu-txt li {
display:block;
float:left;
height:30px;
text-decoration:none;
}
#menu-txt li a{
float:left;
display:block;
height:30px;
font-weight: bold;
text-decoration:none;
}
#menu-txt li a span{
float:left;
display:block;
height:30px;
}
#menu-txt li a.current, #menu li a.current span{
display:block;
float:left;
height:30px;
text-decoration:none;
}
#menu-txt li a, #menu li a.current{
color:#EBF1F1;
padding:0 15px 0 15px;
}
#menu-txt li a span, #menu li a.current span{
color:#EBF1F1;
padding:0 20px 0 9px;
}
#menu-txt li a:hover, #menu li a.current{
background:url(imagens/f_menu.png) top center;
color:#EBF1F1;
text-decoration:none;
}
Offline

João Godinho 
Membro
Mensagens 1755 Gostos 2
Troféus totais: 27
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Eu consegui fazer com a explicação do thomato de usar o div:hover, so que usei tables.
Offline

elcsat 
Membro
Mensagens 53 Gostos 0
Troféus totais: 19
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 4 Level 3 Level 2 Level 1 50 Posts 10 Posts First Post


ver o site maujor.com de css tens la bons exemplos e explicados
Offline

João Godinho 
Membro
Mensagens 1755 Gostos 2
Troféus totais: 27
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Eu usei isso, mas só ficou com o background à volta do texto... e o texto não fica centrado no background.
Ajuda? :D
Offline

João Godinho 
Membro
Mensagens 1755 Gostos 2
Troféus totais: 27
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Ajuda? ;D
Offline

João Godinho 
Membro
Mensagens 1755 Gostos 2
Troféus totais: 27
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Já Consegui! :D