Ver Mensaje Individual
  #8 (permalink)  
Antiguo 07/07/2009, 09:58
rufus
 
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;

}