Maqueteando mi web volumen 1

[jafp_pe]

amigos quiero que me ayuden estoy maqueteando ya lei muchos manuales y pues alguito se me quedo pero quiero que me ayuden con esto .. miren mi conten es esta :

Código:

<TABLE cellSpacing=0 cellPadding=0 width=460 align=center 
              border=0>
                      <TBODY>
                        <TR>
                          <TD width=460 background=http://i32.tinypic.com/2ujnh1t.jpg colSpan=3 
                height=40><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
                              <TBODY>
                                <TR>
                                  <TD><DIV class=Estilo1 align=center><span class="Estilo6">'.$title.'</span></DIV></TD>
                                </TR>
                              </TBODY>
                          </TABLE></TD>
                        </TR>
                        <TR>
                          <TD width=20 background=http://i30.tinypic.com/rac9pl.jpg>&nbsp;</TD>
                          <TD width=416 background=http://i30.tinypic.com/rac9pl.jpg>'.$content.'
                            <DIV align=center></DIV></TD>
                          <TD width=24 background=http://i30.tinypic.com/rac9pl.jpg>&nbsp;</TD>
                        </TR>
                        <TR>
                          <TD width=460 colSpan=3><IMG height=10 
                  src="123/t03.jpg" width=460></TD>
                        </TR>
                      </TBODY>
                    </TABLE>

quiero que me ayuden y que me digan como seria maqueteado ... osea el css , y el html .. luego me guiare para trabajar toda mi web de la misma manera por favor ayuda :(

[McPinkY18]

estas usando tablas no ?

deberias aprender css tendrias mas control :D , algun experto en el tema te ayudara ;)

[Aresillo]

Sobretodo porque abres un tema en el foro de css...
Podrías abrirlo en el foro de tablas...
A no? que no hay!

Si quieres empezar, te recomiendo dos cosas:
- Si ya sabes maquetar con tablas...MIGRACIÓN SIN DOLOR, De HTML+Tablas a XHTML+CSS
-Si no..
Introduccion al CSS

[jafp_pe]

si ya lei eso pero me e liado con los div , ya pues.. ese ejemplo que esta en tablas .. que es mi web maqueteenlo .. a . CSS cuando hagas eso yo me dare cuenta .. como hicieron de las celdas todo eso y se me ara mas facil .. por favor quien lo hace !

[McPinkY18]

es q es mejor q aprendas a pedir q te lo hagan

x lo menos yo me estoy leyendo lo que me recomendaron y mas o menos tengo ideas del css

[Mikmoro]

No es fácil saber cómo sería eso con CSS porque no es fácil ver lo que es. Si no se ve en un contexto no puedo imaginar.

Pon una url con ese código como lo ves tu ahora, y entonces se podrá empezar a ver cómo transformarlo.

[Aresillo]

Sinceramente si quieres hacerte una idea de como se maqueta con css lo que tienes que hacer es seguir alguno de los ejemplos de web que hay por la red.
Con este aprendí yo

Y respecto a lo que dices que te has leído esos dos manuales, con todos mis respetos, no me lo creo. De ser así sabrías hacerlo por ti mismo y en caso de tener dudas las preguntarías y te ayudaríamos a responderlas...
Y no es el caso...

Suerte con tu aprendizaje

Aresillo!!

[rb3m]

No se traduce así nada más de tablas a capas + css, pero más o menos viendo la estructura tu culebrón de código podría quedar así:

<div id="envoltorio">
<div id="encabezado">
<h1><?php echo $title; ?></h1>
</div>
<div id="contenido">
<?php echo $contenido; ?>
</div>
<div id="pie">
</div>
</div>

Como ves no hay una correspondencia directa, pero ése código te recrearía la misma estructura que estás tratando de hacer con tablas. Sólo faltaría el css para decirle como se debe ver:

#envoltorio {
width: 460px;
margin: 0 auto;
}

#encabezado {
width: 100%;
background-image: url('http://i32.tinypic.com/2ujnh1t.jpg');
text-align: center;
}

#encabezado h1 {
margin-top: 40px;
}

#contenido {
width: 100%;
background-image: url('http://i30.tinypic.com/rac9pl.jpg');
padding: 0 24px 0 20px;
}

#pie {
width: 100%;
height: 10px;
background-image: url('123/t03.jpg');
}

[jafp_pe]

Iniciado por rb3m

No se traduce así nada más de tablas a capas + css, pero más o menos viendo la estructura tu culebrón de código podría quedar así:

<div id="envoltorio">
<div id="encabezado">
<h1><?php echo $title; ?></h1>
</div>
<div id="contenido">
<?php echo $contenido; ?>
</div>
<div id="pie">
</div>
</div>

Como ves no hay una correspondencia directa, pero ése código te recrearía la misma estructura que estás tratando de hacer con tablas. Sólo faltaría el css para decirle como se debe ver:

#envoltorio {
width: 460px;
margin: 0 auto;
}

#encabezado {
width: 100%;
background-image: url('http://i32.tinypic.com/2ujnh1t.jpg');
text-align: center;
}

#encabezado h1 {
margin-top: 40px;
}

#contenido {
width: 100%;
background-image: url('http://i30.tinypic.com/rac9pl.jpg');
padding: 0 24px 0 20px;
}

#pie {
width: 100%;
height: 10px;
background-image: url('123/t03.jpg');
}

Gracias . amigo y graia a todos por sus consejos eh leido pero en un dia no voy a dominar el css... y pues deseo maquetear urgentemente .. todo lo hice leyendo e manual pero cuando hay muchas tablas como el ejemplo que le di .. para poder guiarme , pues se me complica .. gracias a rb3m ^^ ,pues ya me esta saliedo XD . gracias.