Poner borde a unos iconos

[LuisaJava]

Hola a todos


En una página aparecen una serie de productos precedidos por un icono cuadrado. A su vez, dicho icono se encuentra dentro de otra caja mayor. Lo que quiero hacer es rodearlo por un borde. Para ello utilizo el siguiente código, pero no consigo ningún resultado

Código PHP:

  /* Caja contenedora */
table#CatList td {
    vertical-align: top;
    border: thin solid gray;
    background-color: #EFFBFC; 

}


/* ICONO */
img.CatIco {
    padding: 5px 5px 5px 5px;
    border: 20px solid Yellow;

} 
   

¿Alguna idea?

Saludos,
Luisa

[kseso?]

Hola Luisajava:
para definir propiedades que afecten únicamente a un elemento hijo mediante css, se pone el padre+espacio_en_blanco+hijo.

Por ejemplo, tengamos un contenedor padre llamado .productos y que quieras a la imágenes contenidas en él (y sólo a esas imágenes) darle las propiedades que tú indicas.

.productos imag {
padding: 5px 5px 5px 5px;
border: 20px solid Yellow;
}

[jepsersk8]

En tu caso seria:

/* Caja contenedora */
table#CatList td {
vertical-align: top;
border: thin solid gray;
background-color: #EFFBFC;
}


/* ICONO */
table#CatList img{
padding: 5px 5px 5px 5px;
border: 20px solid Yellow;
}

esto va a hacer que toda imagen contenida en la tabla con id CatList tenga esa propiedad... y es IMG no IMAG... para casos que puedas encontrar en el futuro...

saludos y espero haberte ayudado...

[Mikmoro]

En su caso sería así suponiendo que sepamos realmente cómo es el html, porque el que no funcione podría ser debido a que en realidad no es como lo podemos imaginar.