Columna en Wordpress. CSS no quiere subir
4 seguidores
Hola chicos,
Estoy haciendo una web para un cliente en wordpress (nunca antes había tocado css ni php) así que estoy un poco perdida pero voy pa delante.... aunque ahora ya se bloqueo mi cerebro y no encuentro la solución por ningún lado. Ojalá alguien pueda ayudarme..... en la parte del footer de mi web la columna que dice contacto y reservas debería de ir a la misma altura que la de como llegar... no se que pasa que nadamas no quiere... les dejo el link a ver si alguien reconoce el problema... gracias¡
cloudstudio
Tienes el div mal posicionado por eso no te cuadra, de todos modos a esa columna dale un margin-top -76px, con eso lo veras bien, pero es un poco chapuza, revisa el html.
Usuario desconocido
Probablemente se trata de esto:
<div id="footer">
<div class="quad_item2">
<h3></h3>
<div id="center_der">
<form id="form_mapa" name="form_mapa" method="get" action="http://maps.google.es/maps" target="_blank">
<span class="azul_12">Introduzca el lugar de salida para calcular la ruta:</span>
<br/>
<div class="input_map">
<input id="saddr" class="introduccion_texto" type="text" name="saddr"/>
</div>
<div class="enviar"> </div>
<input id="daddr" type="hidden" name="daddr" value="NICE CENTER @40.505234,-3.891735"/>
<input id="f" type="hidden" name="f" value="d"/>
<input id="hl" type="hidden" name="hl" value="es"/>
</form>
<div class="quad_item3">
<h3>
<a href="http://pepetomas.es/mapa/" rel="bookmark" title="">Contacto y Reservas</a>
</h3>
contacta con nosotros o haz tu reserva inmediatemente
</div>
</div>
</div>
</div>
La pregunta que me hago es:
¿Por qué el div del "quad_item2" engloba al "quad_item 3" cuando, yo entiendo que son iguales según tu css?
Ánimo!
guanabana
Le he pueso el margin top -76 y ha funcionado. No se porque dices que es chapuza si funciona?? he puesto el div arriba de los quad items y nada, hasta abajo y nada todo igual pero el -76 funciona gracias¡
jacoborus
Cuviline te ha dicho que es una chapuza porque es un apaño, y aunque funcione no es la mejor solución. Lo correcto sería ordenar el código como dice Xaviju.
Fíjate en como has colocado los .quad_item dentro del .quad_container, los has puesto uno a continuación del otro. Eso está bien.
Ahora mira el footer: los .quad_item están uno dentro de otro en lugar de a continuación. Si los colocas uno a cotinuación del otro como en el .quad_container y le tocas el css ya lo tienes