Buenas!
Llevo un tiempo haciendo una web desde 0 mas que nada por practicar y si consigo que un amigo me ayude por el tema de la seguridad entonces perfecto para publicarla XD
Bueno, el caso es que, a la hora de publicar noticias, se muestra la imagen de la categoria a la izquierda y a la derecha el titulo, fecha, categoria, contenido etc...Vale, hasta aqui bien, haciendo uso de float, la imagen la floto a la izquierda y el resto a la derecha...El problema viene ahora.
Si el texto es corto va de lujo pero, ¿Si ocupa mas lineas que el alto de la imagen? Queda toda una columna a la izquierda en blanco y queda
un poco bastante fatal...Entonces mi duda es la siguiente,
¿Como consigo que el texto ocupe todo el ancho si no tiene imagen a la izquierda? Es decir, que se acople al ancho disponible. Siempre seria el mismo DIV, asi que no tengo idea de como hacerlo ya que arriba tiene que seguir estando a la derecha y debajo de la imagen ocupar todo el ancho =\
Os pongo el CSS utilizado. Lo coloco en orden.
Código css:
Ver original#content { float:left; width:650px; overflow:hidden; }
#topstory { padding: 15px 0 15px 15px; }
#topstory #topstory-img { float: left; width: 250px; }
#topstory #topstory-desc { float: left; padding: 10px; width: 370px; }
#topstory #topstory-title { padding: 10px; }
#topstory h2 { font-size: 140%; }
#topstory p.info { font-size: 85%; }
#topstory #topstory-desc-in { padding-right: 15px; }
#topstory #topstory-desc-in p { margin-bottom: 15px; } /** Aqui va la descripcion de la noticia **/
Creo que los nombres son bastante descriptivos, si es necesario explicar alguna de las clases pues me avisais y lo explico.
Espero que se entienda la duda y podais ayudarme.
Salu2