Buenas tardes, soy nuevo en esto y la verdad nunca tuve un problema.
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 />
y esto tiene el
css 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 !