Foros del Web » Creando para Internet » CSS »

URL sin tablas

Estas en el tema de URL sin tablas en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 26/12/2006, 08:41
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
URL sin tablas

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%">&nbsp;</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">&nbsp;</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 ametconsectetuer adipiscing elitDonec quis 
                        justo
Aliquam sodales risus porta leoCras gravida consequat 
                        quam
. <a href="http://www.kuartadimension.com.ar/test/4">Ut 
                        ultrices
</a>. Suspendisse potentiDonec varius placerat 
                        tortor
Aliquam cursus ligula vel estPhasellus dui neque
                        
convallis vitaepulvinar necmattis sedpurusCurabitur 
                        non mauris in lorem iaculis consectetuer
Nunc at metus
                        
Cras vitae ipsum et odio nonummy facilisisUt 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 maurisNulla in lorem. <br> <br
                      </
td>
                    </
tr>
                  </
tbody>
                </
table></td>
              <
td width="12">&nbsp;</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
  #2 (permalink)  
Antiguo 26/12/2006, 14:54
Avatar de Ruben_JD  
Fecha de Ingreso: diciembre-2003
Ubicación: Quito-Ecuador
Mensajes: 218
Antigüedad: 14 años
Puntos: 7
Re: URL sin tablas

lo que puedes hacer es crear layouts y centrar todo en un div que contenga las capas izquierda derecha arriba y abajo. estos links te pueden ayudar a crear y aprender algo más.
referencia Css:
http://www.w3c.es/Divulgacion/GuiasReferencia/CSS21/
un tutorial en español:
http://www.webtaller.com/construccio...na_con_css.php
en ingles:
http://www.dynamicdrive.com/style/layouts/
y revisar algunos templates:
http://andreasviklund.com/templates/
y usar una herramienta para modificar y ver los cambios de tu css:
http://www.newsgator.com/NGOLProduct...&ProdView=lite (gratis).
__________________
RubénJ. Regresando al foro despues de un par de años. A preguntar más de las novedades del foro.
  #3 (permalink)  
Antiguo 26/12/2006, 19:41
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: URL sin tablas

mil millón gracias!!!!!!!!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 15:59.