CSS - 2 cajas en de otra y estas alineadas horizontalmente
4 seguidores
Hola a todos,
he buscado info en el foro y en el inmenso océano Google, y no he encontrado una explicación al respecto.
Seguramente alguno de vosotros os hayáis visto en la misma situación.
Os explico:
tengo una caja CSS q dentro de ella debo poner 1 imagen a la izq y un texto a la dcha. He definido 2 cajas CSS para estos elementos, pues más adelante se ha de generar esta estructura mediante PHP.
Si alguien se ha encontrado con algo similar, agradecería q explicara aquí cómo hacerlo.
Si encuentro algo antes q alguien me responda, lo posteo.
Gracias x adelantado a todos
salu2
eterea
Hola,
resumo aquí cómo lo he solucionado, obviando las cajas q hay en nivel superiores -esto parece un juego d muñecas Rusas!!-
El resultado es varias filas cada una de ellas con una imagen y un texto asociado.
Las cajas son éstas:
<code>
// IMAGEN A LA IZQ
#conten_imgn {
FLOAT: left;
PADDING-RIGHT: 13px; WIDTH: 145px;
TEXT-ALIGN: right;
}
// TXT ASOCIADO A LA IMGN
#conten_txt {
FLOAT: right;
WIDTH: 398px;
TEXT-ALIGN: justify;
}
// ESPACIO
#conten_extra{
clear:both; width:100%; height: 34px;
}</code>
He añadido una 3a DIV para provocar un espacio y de esa manera evitar problemas como p. ej. q la imagen de la 2a fila se colocara más arriba de lo q debía.
Bueno, eso es todo
hasta otra
eterea
Gracias.
Creo q con todas estas pistas y explicaciones podré resolver mi problema.
Mañana lo probaré!
jescortes
jajajaja que cagada, sorry!
Te he pegado otro enlace, el bueno es este:
http://www.vinobalear.com/catalogo.php?Codsub=13
Tal y como dicen Orange y nhymko. Perdón por la confusión :)
nw
Como bien ha dicho orange con la propiedad float lo solucionas. Uno a la izquierda y otro derecha.
No se como querras la estructura, pero la verdad es que si pones un texto y flotas a la izquierda la imagen, poniendole algo de margen para que no se te pegue, ya lo tienes.
orange
Tienes que flotar una de las cajas hacia el lado que quieras.
Busca en Google cualquier tutorial de flotado de elementos y verás muchos ejemplos.
Y si quieres haz alguna prueba y postea aqui el código si no te funciona.
eterea
Gracias achiss por contestar tan rápido.
La idea es hacerlo en CSS-divs, no con tablas.
Seguiré buscando, pero si alguien más se le ocurre la manera de solucionarlo, agradecería q lo posteara aquí.
salu2
jescortes
Hola Eterea,
En esta página web, utilice la maquetación que creo que buscas:
http://www.auto-mobile.es/coches.php
En el codigo fuente, y el codigo CSS lo verás todo. Espero que te sirva :)