Ver Mensaje Individual
  #3 (permalink)  
Antiguo 06/08/2014, 01:21
juangemelo01
 
Fecha de Ingreso: marzo-2011
Ubicación: Oaxaca
Mensajes: 252
Antigüedad: 13 años, 8 meses
Puntos: 17
Respuesta: Problema con la propiedad float

Cita:
Iniciado por pzin Ver Mensaje
Código CSS:
Ver original
  1. * {
  2.   box-sizing: border-box;
  3. }

Y duerme tranquilo.
nunca habia leido esa propiedad, la revisare

regresando al tema del amigo, voy a hacer enfasis en lo siguiente

Código:
#contenedor-agencia{
	float:left;
	padding:10px;
	width:31.4814815%;
	background-color:#FFF;
	margin:5px 5px 0 0;
}

#contenedor-escuela{
	float:left;
	padding:10px;
	width:31.4814815%;
	background-color:#FFF;
	margin:5px 5px 0 0;
}

#contenedor-particulares{
	float:left;
	padding:10px;
	width:31.4814815%;
	background-color:#FFF;
	margin-top:5px;
}
si practicamente son lo mismo, por que no pones una clase que represente a tus 3 cajas, ejemplo

Código:
.contieneTres{
	background-color:#FFF;
  	float:left;
	margin:5px 5px 0 0;
	padding:10px;
	width:31.4814815%;
}
ordenalo alfabeticamente y te lo agradeceras por el resto de tu vida

para llamarlo en la hoja html usas lo siguiente

Código HTML:
<body bgcolor="#CCCCCC">
	<div id="contenedor">
    	<div>
        	<img src="http://pruebasfalakata.com/wp-content/uploads/2013/11/Página-Inicial.jpg"> <!--1280*1024-->
        </div>
        <div onclick="location.href='http://pruebasfalakata.com/servicios-de-maquillaje'" class="contieneTres">
        	<h2 id="titulo-agencia">Agencia de Maquillaje Profesional</h2>
            <p>Disponemos de una amplia red de maquilladores profesionales especializados en todos los ámbitos del maquillaje.</p>
        </div>
        <div onclick="location.href='http://pruebasfalakata.com/escuela'" class="contieneTres"">
        	<h1 id="titulo-escuela">Escuela de Maquillaje Profesional</h1>
            <p>Disponemos de una amplia red de maquilladores profesionales especializados en todos los ámbitos del maquillaje.</p>
        </div>
        <div onclick="location.href='http://pruebasfalakata.com/particulares'" id="class="contieneTres"">
        	<h3 id="titulo-particulares">Servicios de Maquillaje a Particulares</h3>
            <p>Disponemos de una amplia red de maquilladores profesionales especializados en todos los ámbitos del maquillaje.</p>
        </div>
    </div>

</body> 
el
Código:
bgcolor="#CCCCCC"
ya no se usa asi, si quieres asignarle un fondo de color al body, se lo puedes poner a la hoja de estilos ;)

no entiendo por que usas el onclik , bien podrias usas usar la etiqueta de hipervinculo

por cierto, el color de tu hover casi no se nota, mira el ejemplo que te acabo de hacer ;)

esa es una forma como podrias re-estructurar tus paginas html y css

http://codepen.io/elestudiantefantasma/pen/Ekxov