Foros del Web » Creando para Internet » CSS »

Enlaces

Estas en el tema de Enlaces en el foro de CSS en Foros del Web. Hola, me gustaria saber como podia poner todos los enlaces en una linea y a la vez que tengan la propiedad isplay: block os dejo ...
  #1 (permalink)  
Antiguo 11/03/2007, 07:53
 
Fecha de Ingreso: noviembre-2005
Mensajes: 669
Antigüedad: 12 años
Puntos: 1
Enlaces

Hola, me gustaria saber como podia poner todos los enlaces en una linea y a la vez que tengan la propiedad isplay: block os dejo el codigo

Cita:
<div id="enlaces">
<a href="#" class="enlace-principal">INICIO</a><a href="#" class="enlace-principal">SERVICIOS</a><a href="#" class="enlace-principal">EMPRESA</a><a href="#" class="enlace-principal">CLIENTES</a><a href="#" class="enlace-principal">CONTACTO</a>
</div>
Style.css

Cita:
#enlaces{
width: 700px;
height: 25px;
margin: auto;
text-align: center;
display: inline;
}

a.enlace-principal{
margin: auto;
padding:0;
height: 25px;
width: 138px;
display: block;
background-color:#ffffff;
color:#ffffff;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
background-image: url(img/boton.jpg);
background-repeat:no-repeat;
text-decoration: none;
line-height: 23px;
font-weight: bold;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}

a.enlace-principal:hover{
margin: auto;
padding:0;
height: 25px;
width: 138px;
display: block;
background-color:#ffffff;
color:#ffffff;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
background-image: url(img/boton.jpg);
background-repeat:no-repeat;
text-decoration: underline;
line-height: 23px;
font-weight: bold;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}
Un saludo
__________________
Antera Solutions Diseño y desarrollo web
  #2 (permalink)  
Antiguo 11/03/2007, 09:10
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Re: Enlaces

Hola Borjimante

Añade a los enlaces: float:left

Por curiosidad, ¿por qué pones a los enlaces el mismo color de fondo y de primer plano?

Saludos,
  #3 (permalink)  
Antiguo 11/03/2007, 14:37
 
Fecha de Ingreso: noviembre-2005
Mensajes: 669
Antigüedad: 12 años
Puntos: 1
Re: Enlaces

ya lo he alegrado.

Por nada en especial.

Un saludo
__________________
Antera Solutions Diseño y desarrollo web
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:04.