solracnet 8 de abr. de 2010
Desse jeito ele não vai funcionar direito em nenhum browser.
Menu Com css
#menu {
width : 11 em ;
padding : 0 ;
margin : 0 ;
font : 12 px Arial ;
background : # 000 ;
border - top : 10 px solid red ;
border - bottom : 10 px solid red ;
display : inline ;
}
# menu li {
margin : 0.5 em 0 0.5 em 0.5 em ;
float : left ;
border : 2 px dashed white ;
}
# menu li a {
margin : 0 ;
padding : 0 ;
color : white ;
# menu li a : hover {
background : #fff ;
color : black ;
}
# menu li a : active {
background : #FFC125 ;
color : #000 ;
}
vcbrito_ 8 de abr. de 2010
Blz eu coloquei o Id…olha o código, cria um arquivo html e testa pra voce ver no ie ele ta funcionando e no fire fox não!!!
< HTML>
< HEAD>
< TITLE> Menu Com css < /TITLE>
< style type="text/css">
#menu {
width: 11em;
padding: 0;
margin: 0;
font: 12px Arial;
background: #000;
border-top: 10px solid red;
border-bottom: 10px solid red;
display:inline;
}
#menu li {
margin: 0.5em 0 0.5em 0.5em;
float:left;
border: 2px dashed white;
}
#menu li a {
margin:0;
padding:0;
color: white;
}
#menu li a:hover {
background: #fff;
color: black;
}
#menu li a:active {
background: #FFC125;
color: #000;
}
< /style>
< /HEAD>
< BODY>
<ul >
<li>
<a href= "http://www.globo.com" > Globo</a>
</li>
<li>
<a href= "http://www.terra.com.br" > Terra</a>
</li>
<li>
<a href= "http://www.uol.com.br" > Uol</a>
</li>
</ul>
< /BODY>
< /HTML>
vcbrito_ 8 de abr. de 2010
O id nao ta aparecendo no post acima !!!
<HTML>
<HEAD>
<TITLE> Menu Com css </TITLE>
<style type= “text/css” >
#menu {
width : 11 em ;
padding : 0 ;
margin : 0 ;
font : 12 px Arial ;
background : # 000 ;
border - top : 10 px solid red ;
border - bottom : 10 px solid red ;
display : inline ;
}
# menu li {
margin : 0.5 em 0 0.5 em 0.5 em ;
float : left ;
border : 2 px dashed white ;
}
# menu li a {
margin : 0 ;
padding : 0 ;
color : white ;
li a:hover {
background: #fff;
color: black;
}
#menu li a:active {
background: #FFC125;
color: #000;
}
</style>
</HEAD>
<BODY>
</BODY>
</HTML>
vcbrito_ 8 de abr. de 2010
Menu Com css
#menu {
width : 11 em ;
padding : 0 ;
margin : 0 ;
font : 12 px Arial ;
background : # 000 ;
border - top : 10 px solid red ;
border - bottom : 10 px solid red ;
display : inline ;
}
# menu li {
margin : 0.5 em 0 0.5 em 0.5 em ;
float : left ;
border : 2 px dashed white ;
}
# menu li a {
margin : 0 ;
padding : 0 ;
color : white ;
# menu li a : hover {
background : #fff ;
color : black ;
}
# menu li a : active {
background : #FFC125 ;
color : #000 ;
}
