Foros del Web » Creando para Internet » CSS »

Maqueteando mi web volumen 1

Estas en el tema de Maqueteando mi web volumen 1 en el foro de CSS en Foros del Web. amigos quiero que me ayuden estoy maqueteando ya lei muchos manuales y pues alguito se me quedo pero quiero que me ayuden con esto .. ...
  #1 (permalink)  
Antiguo 07/12/2008, 10:16
 
Fecha de Ingreso: noviembre-2008
Mensajes: 371
Antigüedad: 9 años
Puntos: 3
Maqueteando mi web volumen 1

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 :(

Última edición por jafp_pe; 07/12/2008 a las 10:21
  #2 (permalink)  
Antiguo 07/12/2008, 11:46
 
Fecha de Ingreso: diciembre-2008
Ubicación: Cordoba
Mensajes: 127
Antigüedad: 9 años
Puntos: 17
Respuesta: Maqueteando mi web volumen 1

estas usando tablas no ?

deberias aprender css tendrias mas control :D , algun experto en el tema te ayudara ;)
  #3 (permalink)  
Antiguo 07/12/2008, 12:01
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Maqueteando mi web volumen 1

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
  #4 (permalink)  
Antiguo 07/12/2008, 13:35
 
Fecha de Ingreso: noviembre-2008
Mensajes: 371
Antigüedad: 9 años
Puntos: 3
Respuesta: Maqueteando mi web volumen 1

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 !
  #5 (permalink)  
Antiguo 07/12/2008, 15:22
 
Fecha de Ingreso: diciembre-2008
Ubicación: Cordoba
Mensajes: 127
Antigüedad: 9 años
Puntos: 17
Respuesta: Maqueteando mi web volumen 1

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
  #6 (permalink)  
Antiguo 07/12/2008, 16:47
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Maqueteando mi web volumen 1

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.
__________________
Visita mi nueva web idplus.org
  #7 (permalink)  
Antiguo 07/12/2008, 18:08
Avatar de Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 9 años, 8 meses
Puntos: 53
Respuesta: Maqueteando mi web volumen 1

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!!
  #8 (permalink)  
Antiguo 07/12/2008, 18:22
 
Fecha de Ingreso: noviembre-2008
Mensajes: 94
Antigüedad: 9 años
Puntos: 6
Respuesta: Maqueteando mi web volumen 1

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');
}
  #9 (permalink)  
Antiguo 08/12/2008, 18:16
 
Fecha de Ingreso: noviembre-2008
Mensajes: 371
Antigüedad: 9 años
Puntos: 3
Respuesta: Maqueteando mi web volumen 1

Cita:
Iniciado por rb3m Ver Mensaje
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.
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 18:46.