Foros del Web » Creando para Internet » HTML »

Cuerpo de esta web

Estas en el tema de Cuerpo de esta web en el foro de HTML en Foros del Web. Muy buenas. Me gustaría saber cómo hacer un cuerpo similar al de esta web . Para que quede más claro que parte quiero, he subido ...
  #1 (permalink)  
Antiguo 23/10/2008, 11:39
Avatar de Vercceti  
Fecha de Ingreso: noviembre-2005
Ubicación: Salamanca
Mensajes: 167
Antigüedad: 12 años
Puntos: 0
Cuerpo de esta web

Muy buenas.

Me gustaría saber cómo hacer un cuerpo similar al de esta web.

Para que quede más claro que parte quiero, he subido una captura.

Me da igual el código que utilicéis, pero yo querré incluir todo tipo de contenido dentro de ese cuerpo. Quiero que tenga una anchura de 900px.


Muchísimas gracias.
__________________
El código lo es todo.
  #2 (permalink)  
Antiguo 23/10/2008, 15:15
Avatar de America|UNK  
Fecha de Ingreso: noviembre-2006
Ubicación: Piura - Perú
Mensajes: 582
Antigüedad: 11 años
Puntos: 56
Respuesta: Cuerpo de esta web

Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>
<style type="text/css">
table, td, th {border:none; padding::0px}
body {color:#FF0000; font:normal 8pt Arial; margin:0px; padding::0px}
#main {margin: 0pt auto; width:900px}
#main table {width:100%; height:100%; border-collapse:collapse;}
.menu1 {background:#000;color:#FFF; height:35px; }
.menu2 {background:#CC0000;color:#FFF;height:35px; }

.white {background:#fff;}
.red {background:#CC0000; color:#FFF;}
.black {background:#000;}
.orange {background:#FF6600;}

.v {width:400px;}
.small {width: 250px;}
.rght {background:#666; width:250px}
.img2 {width:250px}

.reviews {height:400px;}
.news {height:150px;}
</style>
<body>
<div id="main">
  <table>
    <tr>
      <td colspan="3" class="menu1"><div>Menu  - Menu - Menu  - Menu - Menu  - Menu</div></td>
    </tr>
    <tr>
      <td colspan="3" class="menu2"><div>Menu2  - Menu - Menu  - Menu - Menu  - Menu</div></td>
    </tr>
    <tr>
      <td class="small">img</td>
      <td colspan="2">ad</td>
    </tr>
    <tr>
      <td colspan="2">
	  	<table class="reviews">
          <tr>
            <td rowspan="2" height="100%" class="black" valign="top">IMG</td>
            <td class="white small news" valign="top">IMG2</td>
          </tr>
          <tr>
            <td class="orange small news" valign="top">IMG2</td>
          </tr>
        </table> </td>
      <td rowspan="2" class="rght" valign="top">rght</td>
    </tr>
    <tr>
      <td class="small" valign="top"><div class="red">OUT NOW</div>
        <div>List 1</div>
        <div>List 2</div>
        <div>List 3</div>
        <div>List 4</div>
        <div class="red">COMING SOON</div>
        <div>List 1</div>
        <div>List 2</div>
        <div>List 3</div>
        <div>List 4</div></td>
      <td valign="top" class="v">
	  <div>Videos</div>
	  <div>Videos</div>
	  <div>Videos</div>
	  <div>Videos</div>
	  <div>Videos</div>
      <div>Videos</div>      
      <div>Videos</div>
      <div>Videos</div>
      <div>Videos</div>
      <div>Videos</div>
      <div>Videos</div>
      <div>Videos</div>
      <div>Videos</div>
      <div>Videos</div>
      <div>Videos</div>
      <div>Videos</div>
      <p>&nbsp;</p></td>
    </tr>
  </table>
</div>
</body>
</html> 
Sin pensarlo se han pasado 14 minutos -.-, pruebalo no lo e visto aun en IE, pero en Firefox va bien.
__________________
/* El que atiende, entiende..., el que entiende, aprende!.
Desarrollo Web Freelance, Contactar */
  #3 (permalink)  
Antiguo 23/10/2008, 16:10
Avatar de Vercceti  
Fecha de Ingreso: noviembre-2005
Ubicación: Salamanca
Mensajes: 167
Antigüedad: 12 años
Puntos: 0
Respuesta: Cuerpo de esta web

Impresionantemente perfecto. Muchísimas gracias, te lo has currado, de verdad.
__________________
El código lo es todo.
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 01:50.