PHP Query and DIV Tag text Overflow

alganar

Hello

Not really sure if I am posting this in the right area so sorry if I am. I am doing a query from a database to display a bulleted list of items I get the list fine but when I try to put it in a div tag wanting only three per column. It doesnt show up they all go in one line is there a way to fix this.

This is how I want it do display

one Four Seven
two Five Eight
three Six Nine

This is how its displaying and its going out of the confines of the div tav

one
two
three
four
five
six
etc

Here is the query and div info


<style>
 #contentHeader2
    {
	    	font-family: Tahoma;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #C80201;
        height: 100px;
        width: 765px;
        background-repeat: no-repeat;
        background-position: center bottom;
        text-align:left;
    list-style-position: inside;
	list-style-image: none;
	list-style-type: circle;


}
</style>

Here is the code and other html

<div id="contentHeader2"><ul><?PHP


$res = mysql_query(" select number from number table where status='enabled'") or die(mysql_error());

for ($i = 0; $i < mysql_num_rows($res); $i++) {
$headernumber= mysql_result($res, $i, "name");
echo("<ul><li>$headnumber</lil></ul>");

}					

?>


</ul></div>

sneakyimp

DIVs don't have columns. You'll need a table.

messels

you don't have to use a table.

you can control layout and output completely through css [and php].

clearly define each column in your css; look up a css based layout that has your format (3 columns) if need be--maybe @ csstinderbox.raykonline.com, a good source of templates.

then you'll be able to output your format w/ the print "<div class=\"columnone_class\"> <p> $one </p> <p> $two </p> etc etc.
<div class=\"columntwo_class\"><p> $three </p> <p> $four </p></div>";

i typically generate the results in a while() function and then output for each value from there.

it may be a little more cumbersome than a table but the end result is easier to manipulate...at least in my personal exp.

hope this helps

alganar

I miss typed the post I am not using tables. I appericate the post I am using pure css. Working with pure css and getting it to work with all browers ex: IE Mozilla Opera and Safari is a chore lol. I have managed to fix my problem with hour of work with the css. I do appericate the help and quick reply to my post.

Thanks

🙂

messels

it sure is a chore. i'm still learning everything but i'm thinking i'll just switch to a javascript onLoad and grab the apporirate stylesheet for safari, firefox, etc. i feel like i should just ignore explorer as an option because it's the worst browser out there. hahaha

alganar wrote:
I miss typed the post I am not using tables. I appericate the post I am using pure css. Working with pure css and getting it to work with all browers ex: IE Mozilla Opera and Safari is a chore lol. I have managed to fix my problem with hour of work with the css. I do appericate the help and quick reply to my post.

Thanks

🙂