Ver Mensaje Individual
  #8 (permalink)  
Antiguo 24/06/2007, 04:55
Borjimante
Invitado
 
Mensajes: n/a
Puntos:
Re: Poner enlaces en una linea

Ya he cambiado el codigo y me queda asi, lo unico que con el mozilla firefox no se me quedan en una linea como con IE haber si me ayudais a ponerlo igual:

Cita:
<div id="enlaces">
<ul class="menu">
<li class="lien"><a href="#" class="enlace-1">Inicio</a></li>
<li class="lien"><a href="#" class="enlace">Empresa</a></li>
<li class="lien"><a href="#" class="enlace">Servicios</a></li>
<li class="lien"><a href="#" class="enlace">Localizaci&oacute;n</a></li>
<li class="lien"><a href="#" class="enlace-2">Contacto</a></li>
</ul>
</div>
style.css:

Cita:
#enlaces {
width: 700px;
height: 25px;
background-color: #FFFFFF;
text-align: center;
padding-bottom: 1px;
}

a.enlace{
color: #FFFFFF;
text-decoration: none;
background-color:#37618d;
display: block;
height: 25px;
width: 131px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
border-right: 1px solid #FFFFFF;
}

a.enlace:hover{
color: #FFFFFF;
text-decoration: none;
background-color: #95BBE0;
display: block;
height: 25px;
width: 131px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
border-right: 1px solid #FFFFFF;
}

a.enlace-1{
color: #FFFFFF;
text-decoration: none;
background-color:#37618d;
display: block;
height: 25px;
width: 131px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}

a.enlace-1:hover{
color: #FFFFFF;
text-decoration: none;
background-color: #95BBE0;
display: block;
height: 25px;
width: 131px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
border-right: 1px solid #FFFFFF;
border-left: 1px solid #FFFFFF;
}

a.enlace-2{
color: #FFFFFF;
text-decoration: none;
background-color:#37618d;
display: block;
height: 25px;
width: 130px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
border-right: 1px solid #FFFFFF;
}

a.enlace-2:hover{
color: #FFFFFF;
text-decoration: none;
background-color: #95BBE0;
display: block;
height: 25px;
width: 130px;
line-height: 22px;
text-align: left;
padding-left: 8px;
font-weight: bold;
border-right: 1px solid #FFFFFF;
}

.menu {
list-style: none;
display: inline;
padding: 10px 0px 10px 8px;
}

.menu li {
list-style: none;
display: inline;
}

.lien {
float: left;
display: inline;
}
Haber si me podeis ayudar, gracias