Hola amigos, ante todo muy felices fiestas!!!!!!
bueno, les cuento....estoy recien empezando con esto de CSS y sinceramente me parece fascinante, es más me descargue el WEBDeveloper para FireFox y no puedo creer lo que hacen con estilos, por eso es que quiero empezar....nunca es tarde!
Les cuento, tengo este código:
Código PHP:
<body>
<table align="center" background="kuarta_archivos/fondo-total.gif" border="0" cellpadding="0" cellspacing="0" height="100%" width="750">
<tbody>
<tr>
<td align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td align="left" valign="top" width="11"><img src="kuarta_archivos/spacer-izquierda.gif" height="2" width="11"></td>
<td align="left" valign="top" width="39%"> </td>
<td align="left" valign="top" width="28%"><img src="kuarta_archivos/img-home.gif" height="166" width="547"></td>
<td align="right" valign="top" width="12"><img src="kuarta_archivos/spacer-derecha.gif" height="7" width="12"></td>
</tr>
<tr>
<td width="11"> </td>
<td align="left" valign="top"> <div id="blueblock">
<ul>
<li><a href="#">Principal</a></li>
<li><a href="#">Angeología</a></li>
<li><a href="#">Astrología</a></li>
<li><a href="#">Chakras</a></li>
<li><a href="#">Homeopatia</a></li>
<li><a href="#">Mitología y Religión</a></li>
<li><a href="#">Psicología de los Sueños</a></li>
<li><a href="#">Reiki</a></li>
<li><a href="#">Tantra</a></li>
<li><a href="#">Tarot</a></li>
<li><a href="#">Yoga</a></li>
<li><a href="#">Osho</a></li>
<li><a href="#">Recetas Vegetarianas</a></li>
<li><a href="#">Historial de Noticias</a></li>
<li><a href="#">Descargas</a></li>
<li><a href="#">Contactanos</a></li>
<li><a href="#">Avisos</a></li>
</ul>
</div></td>
<td align="left" valign="top"><br> <table border="0" cellpadding="0" cellspacing="0" width="98%">
<tbody>
<tr>
<td width="2%"><img src="kuarta_archivos/pixel_blanco.gif" height="10" width="18"></td>
<td width="98%"> <h1>novedades y noticias</h1>
dolor sit amet, consectetuer adipiscing elit. Donec quis
justo. Aliquam sodales risus porta leo. Cras gravida consequat
quam. <a href="http://www.kuartadimension.com.ar/test/4">Ut
ultrices</a>. Suspendisse potenti. Donec varius placerat
tortor. Aliquam cursus ligula vel est. Phasellus dui neque,
convallis vitae, pulvinar nec, mattis sed, purus. Curabitur
non mauris in lorem iaculis consectetuer. Nunc at metus.
Cras vitae ipsum et odio nonummy facilisis. Ut tincidunt
sapien eu nulla. Sed nec nulla ac turpis hendrerit tincidunt.
habitant morbi tristique senectus et netus et malesuada
fames ac turpis egestas. Quisque ultricies orci quis nulla.
Nunc luctus dolor sed mauris. Nulla in lorem. <br> <br>
</td>
</tr>
</tbody>
</table></td>
<td width="12"> </td>
</tr>
</tbody>
</table></td>
</tr>
</tbody>
</table>
</body></html>
Como verán es un HTML común y corriente, el cual llama a una hoja de estilos, hasta ahi todo bien, ahora lo que quisiera hacer es poder armar la misma estructura, pero sin tablas, osea todo en CSS.
Mi mayor problema esta en centrar la imagen y repetirla en y indefinidamente.....alguien podria orientarme un poco y decirme como adaptar este código para poder hacerlo sin tablas!!??
Desde ya mil gracias!
DX