21/01/2009, 18:09
|
 | Colaborador | | Fecha de Ingreso: junio-2008
Mensajes: 1.875
Antigüedad: 15 años, 11 meses Puntos: 351 | |
| Respuesta: Creando un diseño 3 columna ( no entiendo del todo la explicaión)
y aquí el html
Código:
<!-- saved from url=(0022)http://internet.e-mail -->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<meta http-equiv="Content-Type" content="text/html: charset=ISO-8859-1" />
<meta name="description" content="Empresa de Soluciones web" />
<meta name="Keywords" content="Diseño Web, Diseño Gráfico, Servicios Web, Soluciones Web, Traducciones, Programación, Consultoría" />
<meta name="Author" content="Paola Andrea Magariños" />
<meta name="Language" content="es" />
<title>Soluciones Web ©</title>
<!-- acceso a css -->
<link href="pao01.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>Soluciones Web</h1>
<!--contenedor general-->
<div id="contenedor">
<!--cuerpo-->
<!--imágen del header-->
<div id="cabecera">
<img src="images/cabecera.jpg" alt="Imagen corporativa" />
</div>
<!--menu-->
<div id="contmenu">
<div class="menua">
<ul>
<li><a accesskey="1" id="home" href="#"><span class="menua"> </span></a></li> <!-- estos cuatro enlaces están vacios de contenido-->
<li><a accesskey="2" id="serviciosweb" href="#"><span class="menua"> </span></a></li> <!-- estos cuatro enlaces están vacios de contenido-->
<li><a accesskey="3" id="diseñografico" href="#"><span class="menua"> </span></a></li> <!-- estos cuatro enlaces están vacios de contenido-->
<li><a accesskey="4" id="portfolio" href="#"><span class="menua"> </span></a></li> <!-- estos cuatro enlaces están vacios de contenido-->
</ul>
</div>
<div class="menub">
<ul>
<li><a accesskey="5" id="diseñoweb" href="#"><span class="menub"> </span></a></li> <!-- estos cuatro enlaces están vacios de contenido-->
<li><a accesskey="6" id="nuestraempresa" href="#"><span class="menub"> </span></a></li> <!-- estos cuatro enlaces están vacios de contenido-->
<li><a accesskey="7" id="contactar" href="#"><span class="menub"> </span></a></li> <!-- estos cuatro enlaces están vacios de contenido-->
</ul>
</div>
<div class="corte1"></div>
</div>
<!--cierre contmenu-->
</div>
<div id="cont">
<div id="col_der">
<div class="estilos">
<div id="caja">
<ul>
<li><a href="http://www.forosdelweb.com/f53/alvlin/index.html" id="alvlin"><span class="alt">Diseño de alvlin</span></a></li>
<li><a href="http://www.forosdelweb.com/f53/aresillo/index.html" id="aresillo"><span class="alt">Diseño de Aresillo</span></a></li>
<li><a href="http://www.forosdelweb.com/f53/buzu/index.html" id="buzu"><span class="alt">Diseño de Buzu</span></a></li>
<li><a href="http://www.forosdelweb.com/f53/daes12/index.html" id="daes12"><span class="alt">diseño de daes12</span></a></li>
<li><a href="http://www.forosdelweb.com/f53/dopey-bbs/index.html" id="dopey"><span class="alt">Diseño de DoPeY-BBS</span></a></li>
<li><a href="http://www.forosdelweb.com/f53/javi_cassi/index.html" id="javi"><span class="alt">Diseño de javi_cassi</span></a></li>
<li><a href="http://www.forosdelweb.com/f53/juaniquillo/index.html" id="juaniquillo"><span class="alt">Diseño de juaniquillo</span></a></li>
<li><a href="http://www.devillasbuenas.es/fdw/enero/index.html" id="kseso"><span class="alt">Diseño de Kseso?</span></a></li>
<li><a href="http://www.forosdelweb.com/f53/pitufoweb/index.html" id="pitufoweb"><span class="alt">Diseño de pitufoweb</span></a></li>
<li><a href="http://www.forosdelweb.com/f53/raulmmmm/index.html" id="Raulmmmm"><span class="alt">Diseño de Raulmmmm</span></a></li>
<li><a href="http://www.forosdelweb.com/f53/sanchy/index.html" id="sanchy"><span class="alt">Diseño de sanchy</span></a></li>
<li><a href="http://www.forosdelweb.com/f53/triby/index.html" id="Triby"><span class="alt">Diseño de Triby</span></a></li>
<li><a href="http://www.forosdelweb.com/f53/willyfc/index.html" id="Willyfc"><span class="alt">Diseño de Willyfc</span></a></li>
</ul>
</div>
</div>
</div>
<div id="col_izq">
<div class="col_izq">
<p><span class="otro-color">Soluciones Web</span> es una empresa dinámica, que se destaca por ofrecer soluciones originales en el desarrollo de la web. Nuestros servicios
se engloban en las áreas de Internet, programación, multimedia, diseño gráfico, traducciones y consultoría. Asimismo disponemos de soluciones
adaptadas a las necesidades particulares de cada cliente ofrenciendo un servicio integral.</p>
<p>Nuestro estudio se compone de profesionales programadores capacitados en la últimas tecnologías y de diseñadores que van más allá de una pantalla
de ordenador.</p>
<p>La confianza de nuestros clientes y los resultados obtenidos desde hace 10 años de creciente trabajo, convirtieron a <span class="otro-color">Soluciones Web</span> en el líder en
servicios web de habla hispana.</p>
<p>La ética de nuestros integrantes, la superación constante y la forma de trabajar, destacándonos siempre con una estética diferente a la media, hace que
hoy usted nos elija.</p>
</div>
</div>
<div id="col_cen"><img src="images/robotito2.jpg" alt="mascota de la firma" /></div>
</div>
<!--cierre de la caja principal-->
<div class="corte"></div>
<div id="pie">
<ul>
<li><a href="pao01.css" title="Acceso al archivo CSS">Código CSS</a> | </li>
<li><a href="http://validator.w3.org/" title=" Referencia al validador XHTML de la W3C">Válido XHTML 1.0</a> | </li>
<li><a href="http://jigsaw.w3.org/css-validator/" title=" Referencia al validador CSS de la W3C">Válido CSS 2.1</a> | </li>
<li><a href="http://www.sidar.org/hera/index.php.es" title=" Referencia al analizador de accesibilidad de sidar.org">Accesibilidad</a></li>
</ul>
</div>
</body>
</html>
__________________ Entre más estrecha la mente, más grande la boca.- Ted Cook Autosconarte- Blog |