Buenas gente como andan? necesito de nuevo su ayuda ya que ya intente por miles de maneras y no pude solcionar nada, les comento como viene la mano...
estoy maquetando un psd. tengo que hacer ocho cuatro cajas que contengan determinada informacion asi...
bueno como les decia, use unas listas, este es el codigo...
Código HTML:
<div class="menu_principal">
<ul>
<li>
<div></div>
<div>
<h4>
Mi nombre es Sebastian Petrucci, tengo 20 años y vivo en el barrio de Villa Urquiza. Desde los 18 años
que empezé a diseñar páginas, manejo xhtml, css, javascript y tengo como objetivo llegar a manejar php.
</h4>
</div>
</li>
<li>
<div></div>
<div>
<h4>
Puedes encontrarme mediante las siguientes maneras:
Facebook
Twitter
Mail personal
</h4>
</div>
</li>
<li>
<div></div>
<div>
<h4>
Acá podran econtrar páginas diseñadas por mi, y templates hechos con css tambien propios.
A medida que valla diseñando mas templates los voy subiendo.
</h4>
</div>
</li>
<li>
<div></div>
<div>
<h4>
Gracias a Wordpress pude tener mi blog personal, con mi propio dominio y poder elegir entre miles de diseños.
Realmente es un placer usar Wordpress.
</h4>
</div>
</li>
</div>
<div class="amigos"></ul>
<ul>
<li>
<div></div>
<div>
<h4>
*Agencia creativa
*Campañas online
*Marjeting
*Publicidad
</h4>
</div>
</li>
<li>
<div></div>
<div>
<h4>
Venta de hardware, computadoras, notebooks, servicio técnico, el mejor servicio pos-venta. Capital Federal,
Belgrano.
</h4>
</div>
</li>
<li>
<div></div>
<div>
<h4>
¿Necesitas recordar algo? Stuckeet es un sistema de posteos virtuales.
</h4>
</div>
</li>
<li>
<div></div>
<div>
<h4>
Torneos de Poker. Mesas preliminares de 8 o más personas. Estilo de juego Texas H'oldem.
</h4>
</div>
</li>
</ul>
</div>
y el css...
Código CSS:
Ver original.principal_cont {
margin: 0 auto;
margin-top: 80px;
padding: 0;
width: 955px;
overflow: hidden;
}
.principal_cont ul {
margin: 0;
padding: 0;
}
.principal_cont li {
margin-right: 50px;
float: left;
width: 190px;
color: #999;
}
.principal_cont ul li {
list-style-type: none;
}
.principal_cont h4 {
font-weight: normal;
font-family: Tahoma;
font-size: small;
}
.menu_principal {
margin-bottom: 20px;
}
.amigos {
margin-top: 50px;
}
Bueno la cosa es que la imagen en mi editor de texto queda asi...
y en los navegadores asi...
Alguien sabe porque puede ser?? necesito ayuda urgente por favor, saludos y espero haber sido claro