07/07/2009, 09:58
|
| | | Fecha de Ingreso: mayo-2009 Ubicación: Andalucia
Mensajes: 650
Antigüedad: 14 años, 11 meses Puntos: 1 | |
| Respuesta: como se hace para maquetar esto?
aqui les dejo los codigos:
html:
Código:
<!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>mudanzas 2000 s.l</title>
<link href="mudanzas_particulares.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-color: #ffd68e;
}
.Estilo1 {color: #A97110}
-->
</style>
</head>
<body>
<div id="wrapperservicios">
<div id="headerservicios">
<p><img src="imagenes/logo-final.jpg" width="270" height="95" /></p>
</div>
<div id="menu">
<div class="barraMenu">
<span class="Estilo1"><a class="botonMenu" href="index.php"><strong>Inicio</strong> </a><a class="botonMenu" href="nosotros.php"><strong>Nosotros </strong> </a><a class="botonMenu" href=""><strong>Presupuestos </strong> </a><a class="botonMenu"><strong>Donde estamos </strong></a><a class="botonMenu" href="garantia.php"><strong>Garantía </strong> </a><a class="botonMenu" href=""><strong>Delegaciones </strong> </a></span><a href="servicios.php" class="botonMenu "><strong>Servicios </strong></a>
<div id="imagenindex">
<img src="imagenes/imagenservicioscabezzera.jpg" width="800" height="149" />
</div>
<div id="mainmudanzasparticulares">
<div id="textomudanzascabecera">
<h1> Mudanzas > Mudanzas para Particulares
900 0000000 </h1>
</div>
<div id="textomudanzasprincipal"><img src="imagenes/imagencasagrande.jpg" width="207" height="183" />
<h5><strong>MUDANZAS PARA PARTICULARES</strong></h5>
<p><strong>
En Mudanzas para particulares Mudanzas 2000 S.L le garantizamos una mudanza rápida y eficaz. Si lo desea, nosotros nos encargamos de todo el proceso de traslado. Sólo tiene que indicarnos que muebles y objetos desea trasladar al nuevo domicilio.
</strong>
</p>
<h5><strong>EMBALAJE</strong></h5>
<p>
<strong>
Si el cliente quiere embalamos todos los contenidos, vajilla cristalería, menaje, libros, ropa, etc. con los medios adecuados coperos especiales para la vajilla y objetos delicados, armarios roperos para la ropa colgada, fundas para los colchones,etc.
</strong>
</p>
<p>
<strong>
También, si el cliente quiere embalar los contenidos de la mudanza, Mudanzas 2000 S.L se lo transporta siendo este servicio algo más económico que si embalamos nosotros.
</strong>
</p>
<h5>DESMONTAJE Y MONTAJE DE MUEBLES </h5>
<p><strong>
Desmontaje de todos los muebles e instalación de los mismos en el nuevo domicilio, el que Mudanzas 2000 S.L tenga en su equipo montadores de muebles de muebles y ebanistas es la garantía para el cliente que sus muebles le quedaran bien instalados en el nuevo domicilio, y todo esto con los mejores precios estamos seguros que no encontrara unos precios en mudanzas tan baratos como los nuestros y además con todos estos servicios.
<strong>
</p>
<p><strong>
Si así lo solicita, para comenzar la mudanza realizaremos el desmontaje de muebles y el embalaje de toda la mercancía, incluido el encajado de objetos de decoración, cristalería, vajilla, libros . O, si lo prefiere, puede realizar este trabajo usted mismo, para ello, le suministramos el material necesario para el embalaje: cajas, embalajes especiales, papel burbuja y precinto.
</strong>
</p>
<div id="textomudanzasprincipal2parte">
<h5> DESMONTAJE Y MONTAJE DE MUEBLES</h5>
<p>
Desmontaje de todos los muebles e instalación de los mismos en el nuevo domicilio, el que Mudanzas 2000 S.L tenga en su equipo montadores de muebles de muebles y ebanistas es la garantía para el cliente que sus muebles le quedaran bien instalados en el nuevo domicilio, y todo esto con los mejores precios estamos seguros que no encontrara unos precios en mudanzas tan baratos como los nuestros y además con todos estos servicios.</p>
<img src="imagenes/imagenembalando.jpg" width="149" height="162" />
<p>Si así lo solicita, para comenzar la mudanza realizaremos el desmontaje de muebles y el embalaje de toda la mercancía, incluido el encajado de objetos de decoración, cristalería, vajilla, libros . O, si lo prefiere, puede realizar este trabajo usted mismo, para ello, le suministramos el material necesario para el embalaje: cajas, embalajes especiales, papel burbuja y precinto.</p>
<p>Para el transporte de mudanzas para particulares, disponemos de una amplia flota de vehículos propios, preparados para ubicar y proteger adecuadamente la carga.</p>
<p>
Posteriormente, una vez en el domicilio de destino, nuestros operarios desembalan y montan el mobiliario, incluido el trabajo de encolado y ajuste de muebles que sea necesario para su nueva ubicación.
</p>
<div id="textocierreparticulares">
<h1>Contacto MUDANZAS 2000 S.L 9xx xx xx xx
</h1>
<h2>Presupuestos sin compromiso
</h2>
<ul>
<li>
Sin horarios ni recargos
</li>
</ul>
<ul>
<li>
Tarifas ajustadas a sus necesidades
</li>
</ul>
<ul>
<li>
Solicite presupuesto de mudanzas
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
css:
Código:
/* CSS Document */
#wrapperservicios{
height:auto;
margin:auto;
width: 800px;
border-top-color:#000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
border-top-style: solid;
border-right-style:solid;
border-left-style: solid;
border-bottom-style:solid;
background-color: #FFFFFF;
border-width:thin;
}
#headerservicios {
width:800px;
height:auto;
background-color: #FFFFFF;
margin:auto;
float:left;
}
#menu div.barraMenu,
#menu div.barraMenu
a.botonMenu {
font-family: sans-serif, Verdana, Arial;
font-size: 14px;
color: #FFFFFF;
width:800px;
height:auto;
margin:auto;
}
#menu div.barraMenu {
text-align:left;
margin:auto;
}
#menu div.barraMenu a.botonMenu {
background-color: #FFFFFF;
color: #a97110;
cursor: pointer;
padding: 10px 6px 2px 5px;
text-decoration: none;
background-color: #ffffff;
}
#wrapperservicios #menu .barraMenu {
text-align:center;
background-color: #FFFFFF;
height:auto;
}
#menu div.barraMenu a.botonMenu:hover {
color:#006729;
}
#menu div.barraMenu a.botonMenu:active {
text-align: center;
}
#imagenindex {
width:800px;
height:142px;
margin:auto;
padding-top:20px;
}
#mainmudanzasparticulares{
width:800px;
background-color:#FFFFFF;
height:1500px;
float:inherit;
}
#textomudanzascabecera{
width:800px;
height:35px;
float:left;
border-bottom-style:solid;
border-bottom-color:#CC99CC;
}
#textomudanzascabecera h1 {
font-family:"Times New Roman", Times, serif;
font-size:20px;
color: #FF0000;
text-align:center;
}
#textomudanzasprincipal{
width:800px;
height:auto;
padding-top:35px;
}
#textomudanzasprincipal img{
float:left;
padding:30px;
}
#textomudanzasprincipal p{
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding-left:20px;
padding-right:50px;
}
#textomudanzasprincipal h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#999933;
text-align:left;
padding-left:20px;
padding-right:50px;
}
#textomudanzasprincipal2parte {
width:800px;
height:auto;
}
#textomudanzasprincipal2parte img{
float:right;
padding-right:50px;
}
#textomudanzasprincipal2parte p{
text-align:justify;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding-left:20px;
padding-right:50px;
}
#textomudanzasprincipal2parte h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#999933;
text-align:left;
padding-left:20px;
padding-right:50px;
}
#textocierreparticulares {
width:800px;
height:200px;
margin:auto;
padding-left:2px;
padding-right:100px;
padding-top:50px;
}
#textocierreparticulares h1 {
font-family:"Times New Roman", Times, serif;
font-size:20px;
color:#000000;
}
#textocierreparticulares h2 {
font-family:"Times New Roman", Times, serif;
font-size:16px;
color:#000000;
}
#textocierreparticulares li {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
}
|
