Le paso a explicar, estoy armando una pagina con css y php, esta tiene un sistema de noticias, cada vez que agrego una noticia las imagenes me las tira todas para la derecha y la verdad que no se que hacer.
El index llama al archivo news.php y queda asi
Código HTML:
<div><p align="left" > <?php include ('headlines.php') ; ?> </p></div></div> <a href="#"> </a> <!-- B.2 MAIN CONTENT --> <div class="main-content"> <!-- Pagetitle --> <h1 class="pagetitle"> <p align="center" >Ultimas Noticias </p> </h1> <!-- Content unit - One column --> <hr class="clear-contentunit" /> <!-- Content unit - One column --> <?php include ('noticias/news.php') ; ?> </div>
este es el codigo del news.php
Código PHP:
<h1 id="ni$news[id]"> </h1>
$subject<br />
Escrito por<img border="0" src="img/contact_blue.png" /> $username <br />
Categoria: $category. $caticon
<br />
$titletext
<br />
<br />
$maintext | $comments <img border="0" src="img/comentarios.png" /> | $sendtofriend | $time <img src="img/calendar_day.png" />
<br />
Código HTML:
.main {clear:both; width:954px; padding-bottom:30px; border-left:solid 3px rgb(175,175,175); border-right:solid 3px rgb(175,175,175); background:transparent url(../img/bg_main.gif) top left repeat-y;} .main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; background:rgb(245,245,245);} .main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:500px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;} .main-subcontent {display:inline /*Fix IE floating margin bug*/; float:right; width:185px; margin:0 15px 0 0; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
Y esto me queda asi
Si alguien me puede ayudar por favor.
Gracias !