Problema con propiedad

[Labelin]

Buenas, tengo una hoja de estilo e incluye esta linea

Código:

#boton{background:url(images/button.png); color:#FFFFFF; width:110px; height:40px; text-decoration:none; text-align:center; background-repeat:no-repeat; display:block; padding-top:10px;}

vale, y el resultado de cuando pongo un link asi:

Código HTML:

<a href='index.php' id='boton'>Hola</a> 

el resultado que muestra es
un botón bien, como lo necesito, pero si pongo lo siguiente

Código HTML:

<a href='index.php' id='boton'>Hola</a>
<a href='login.php' id='boton'>Login</a> 

los botones deberían aparecer uno al lado del otro pero aparecen uno debajo del otro :S ... Gracias

[Calizman]

Saludos!!

Cambia esto:

Código CSS:

#boton {
background:url(images/button.png); 
color:#FFFFFF; 
width:110px; 
height:40px; 
text-decoration:none; 
text-align:center; 
background-repeat:no-repeat; 
display:block; 
padding-top:10px;
}
 

Por esto:

Código CSS:

#boton {
background:url(images/button.png); 
color:#FFFFFF; 
width:110px; 
height:40px; 
text-decoration:none; 
text-align:center; 
background-repeat:no-repeat; 
display:inline; 
padding-top:10px;
float: left;
}
 

Lo que hice, fue cambiar el display: block por display: inline; y agregue un float: left; para que se alinearan.

Espero te sirva, Hasta Luego!!

[Labelin]

Lo arreglé de otra forma porque con el codigo que me diste se desmaquetaba toda la web.

[Calizman]

Uff... Strike 2!

Parace que este no es mi dia de ayudar en el foro... Bueno! sea como sea, que bueno que pudiste solucionar tu problema!

Te invito a que nos digas cual fue la solucion, seguramente en un futuro vas a ayudar a alguien que tenga el mismo problema!

Hasta Luego!!

[Labelin]

Iniciado por CaLiZzZ

Uff... Strike 2!

Parace que este no es mi dia de ayudar en el foro... Bueno! sea como sea, que bueno que pudiste solucionar tu problema!

Te invito a que nos digas cual fue la solucion, seguramente en un futuro vas a ayudar a alguien que tenga el mismo problema!

Hasta Luego!!

Lo que hice fué escribir los botones con una tabla:

Código HTML:

<table>
<td><a href='index.php' id='boton'>Hola</a></td><td><a href='login.php' id='boton'>Login</a></td></table> 

[jomaruro]

Hola:

Maquetar con tablas no es la mejor solución, pero si te funciona es elección tuya. La solución de CaLiZzZ es más válida, sobre todo a la hora de validar tu página.

De todas formas tenías otro problema (lo que te remarco en rojo).

Código:

<a href='index.php' id='boton'>Hola</a>
<a href='login.php' id='boton'>Login</a>

En CSS un id debe ser único, es decir utilizado una sola vez. Si lo vas a usar más de una vez deberas definirlo como class, es decir así:

Código:

.boton {...}

y no así:

Código:

#boton{...}

Saludos.