Cómo solucionar 4 errores en mi blog

[Galachadas]

He revisado el codigo de mi blog y me salen estos 4 errores, aparentemente parecen facil de solucionar, pero es que me parece que no es cuestion de modificar el header que es donde los tengo, sino de enredar con los estilos, ¿estoy en lo cierto o me equivoco? muchisimas gracias!

El enlace es:
[Invalid] Markup Validation of http://galachadas.com/ - W3C Markup Validator

 

[econsorte]

Cuando inicias un <b> tenes que cerrarlo antes de abrir un <h3>!!! Se entiende?

<b></b> <h3></h3> y listo!

Si queres, pásame el archivo y te lo modifico en dos segundos!

 

[Nachitox]

además el center ya está obsoleto, usa css.

 

[Galachadas]

gracias, si jheje eso era facil fue un despiste, ahora me han salido muchisimos mas errores, voy a ver los que puedo solucionar y si no, vuelvo😉

además el center ya está obsoleto, usa css.

como hago eso, es que el error que tengo muchas veces es ese, el usar center

 

[Nachitox]

si quieres centrar un elemento se hace así:

#element {margin: 0 auto; width: 500px;}

Eso corresponde a un div, con el margen lo centras y obligatoriamente le asignas un tamaño.

Si quieres centrar un texto:

p {text-align: center;}

eso 😛

 

[Galachadas]

Pero por ejemplo si el codigo lo tengo añadido como un widget en el sidebar, el cual es:

<a href="http://galachadas.com/"><img border="0" src="http://galachadas.com/wp-content/themes/twentyten/images/inicio.png" width="160" height="48" alt="galachadas"></a>

y resulta que el error que me da es:

Warning Line 361, Column 252: The border attribute is obsolete. Consider specifying img { border: 0; } in CSS instead.

…emes/twentyten/images/inicio.png" width="160" height="48" alt="galachadas"></a>

¿Qué es lo que debería de hacer?¿tengo que modificar la hoja de estilos y darle ahí una llamada o como se haria para modificar ese widget correctamente?

 

[econsorte]

Imagenes

<img src=”http://www.tudirectorio.co.cc/directorio.jpg” alt=”Directorio Web” width=”80″ height=”15″ border=”0″[B]/[/B]>

 

[Nachitox]

para eliminar el borde no se usa border: 0; se usa:

img  {border: none;}

 

[econsorte]

Te falta cerrar el img />

 

[Galachadas]

Imagenes

<img src=”http://www.tudirectorio.co.cc/directorio.jpg” alt=”Directorio Web” width=”80″ height=”15″ border=”0″[B]/[/B]>

Quieres decir que debo poner todos asi,no?

<img src="http://galachadas.com/wp-content/themes/twentyten/images/inicio.png" alt="galachadas" width="160" height="48" border="0"/>

o bastaria con que añadiera la barra detras de la etiqueta alt? que seria así:

<img border="0" src="http://galachadas.com/wp-content/themes/twentyten/images/inicio.png" width="160" height="48" alt="galachadas"/>

Gracias

para eliminar el borde no se usa border: 0; se usa:

img  {border: none;}

El codigo deberia quedar asi entonces:

<a href="http://galachadas.com/"><img {border: none;} src="http://galachadas.com/wp-content/themes/twentyten/images/inicio.png" width="160" height="48" alt="galachadas"</a>

es que no se si tengo que hacer las modificaciones sobre el widget en html o donde...