Problema CSS

MaNeLeT

Quiero que a una imagen los bordes de la izquierda y derecha sean de 5px y de color granate algo como: #A52121.
Bien, yo he hecho eso:

.logo {
border-right: 5px solid ##A52121;
border-left: 5px solid ##A52121;
}

/* porque la imagen es para el logo */

y el codigo de la imagen:

< img class="logo" src="Images/index.gif" width="700" height="80">

El caso es que los bordes me salen negros en vez de granate.

Gracias por adelantado.

B

pon los colores con un solo "#"

sintaxis de los colores: http://www.w3.org/TR/CSS21/syndata.html#color-units

bordes de las cosas: http://www.w3.org/TR/CSS21/box.html#border-color-properties

MaNeLeT

lod e los # es un error es escritura cuando posteaba perdon xd

B

pos no caigo no caigo XDD

edit.: prueba a poner "red" en vez de "#54...." a ver si lo coge o q. aunq ese no es el color q quieres pero por probar.. xD si así funciona a lo mejor es que no pilla los códigos numéricos para colores cuando utilizas los 'shorthands' estos q ajustan más de una propiedad en una sola línea.

MaNeLeT

bien, problema solucionado. :]

otro problema que me ha surgido... (eso es agobiante)

si hago:

<div id=cap>
<p>hola</p>
</div>
<div id=tr>
<p>holadenou</p>
</div>

xq me deja un espacio entre los dos div en blanco? (solo Mozilla IE no)

B

las capas por defecto "no abultan" pero los párrafos sí.

para evitar esto último haz algo como

p {
margin: 0px;
padding: 0px;
}

MaNeLeT

gracias

Usuarios habituales