[HTML][PHP] Table width, newssystem - Help needed!

[Harambeqt]

Having some trubble with my newssystem on my website...


(http://ez-img.com/images/526DSWRR9WD...GQTVOONwtf.JPG)

The "PPPPPPP"s should not go past the table width, instead they should go down on a new row.

So if anyone knows how to fix this, do tell!
Here's the news table;

    
<td width="500" align="center" valign="top"  class="font-3">
    <table width="500px" border="0" align="right">
      <TR>

        <?php do { ?>
   <div class="news">
    <div class="newstop"><br /></div>
    <div class="newscontent">

*PHP CONTENT*
        
        
      </tr>
    </table></td>

Thanks in advance.

[itsnflanders]

Add a max width to the "newstop" class.

Either with:

<div class="newstop" style="width:SIZEHEREpx">

or within the CSS as:

.newstop {
{
	width:	SIZEHEREpx;
}

[Harambeqt]

Add a max width to the "newstop" class.

Either with:

<div class="newstop" style="width:SIZEHEREpx">

or within the CSS as:

.newstop {
{
    width:    SIZEHEREpx;
}

Already have width on top, content and newsbot.
The html is following the width "rule" however the php/ from the sql database has no width limit....

[itsnflanders]

In that case max width should do the job.

[Harambeqt]

In that case max width should do the job.

I will try that, thanks for the help, +r.

[itsnflanders]

I will try that, thanks for the help, +r.

No problemo. Good luck with further development of your website.

[Harambeqt]

No problemo. Good luck with further development of your website.

The "headline" is still not following the width...

index with news:

  <div class="news">
    <div class="newstop"><br /></div>
    <div class="headline">
      <span class="headline"><?php echo $row_news['headline']; ?></span>
      <?php echo $row_news['content']; ?>
      <br />
      <a><?php echo $row_news['author']; ?></a>
     </div>
     <div class="newsbot"><br /></div>
  </div></tr>

Css for content:

.newscontent {
height:auto;
text-align:center;
max-width:500px;
color:white;
background-color:#0f253a;
}

css for headline

.headline {
max-width:500px;
}

[itsnflanders]

Try adding:

word-wrap: break-word;

It's because the PP.. is one long word and the page fully writes it before going to a new line, however if you add the word-wrap it will break at the max given width.

[shumi]

<td width="500" align="center" valign="top"  class="font-3">     
<table width="500px" border="0" align="right">      
 <TR>         
<td>        
 <?php do { ?>    
<div class="news">     
<div class="newstop"><br /></div>    
 <div class="newscontent"> 
 *PHP CONTENT*                  
</td>         
</tr>     
</table>
</td>

That should so it.

[Harambeqt]

Try adding:

word-wrap: break-word;

It's because the PP.. is one long word and the page fully writes it before going to a new line, however if you add the word-wrap it will break at the max given width.

<td width="500" align="center" valign="top"  class="font-3">     
<table width="500px" border="0" align="right">      
 <TR>         
<td>        
 <?php do { ?>    
<div class="news">     
<div class="newstop"><br /></div>    
 <div class="newscontent"> 
 *PHP CONTENT*                  
</td>         
</tr>     
</table>
</td>

That should so it.

Thanks, It worked! +r both of you.