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
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 :)
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
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.
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.
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 :)
eterea
Gracias.
Creo q con todas estas pistas y explicaciones podré resolver mi problema.
Mañana lo probaré!
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