brown2005

sorry what this does is creates two boxes.... 1 a sponsor box and 1 a partner box, the sponsor box is 150px wide and 75px high and the partners box is 600px wide and 75px high... and in each box it has a title which is at the top of the box with a 25px height and a border for the bottom.

Hi, I use to do all my layouts in tables so im now learning div layouts.. is this correct or is there better way? echo" <div id='partners'> <div class='sponsor'> <div class='sponsor-title'></div> <div class='sponsor-content'></div> </div> <div class='partners'> <div class='partners-title'></div> <div class='partners-content'></div> </div> </div>";

ok thanks mate. done that and it works fine now.. the background has stretched the whole div.. but now i face another problem.. the bottom of the page there should be a 10px gap as i have used margin-bottom: 10px; this works fine on internet explorer, firefox, netscape but not opera? ne ideas please?

http://www.fantasy-comps.com/index/index.php?page=account&action=register hi, i was helped before on my site, but I have made a few adjustments and its not working no more on this page above. any help would be appreciated. thanks richard brown

<div id='content'> <div id='left'>this won is 100px wide</div> <div id='center'>this won is 550px wide</div> <div id='right'>this won is 100px wide</div> </div> can some1 help with the above layout please. thanks in advance

hi if you look at http://www.fantasy-comps.com/index/index.php?page=statistics on internet explorer, the menu appears as it should do on the left side... but now look at it on firefox and it is totally all over the place.. any help please... code... echo"<div id='stats-content'>"; echo" <div id='stats-left'> <div id='left-nav'> <h2>Our Stats</h2> <ul> <li><a href='http://www.fantasy-comps.com/index/index.php?page=stats&action=website_hits'>Website Hits</a></li> <li><a href='http://www.fantasy-comps.com/index/index.php?page=stats&action=members'>Members</a></li> </ul> <h2>Other Stats</h2> <ul> <li><a href='http://www.fantasy-comps.com/index/index.php?page=stats&action=alexa'>Alexa</a></li> </ul> </div> </div>"; echo" <div id='stats-right'>right</div>"; echo"</div>"; css for left nav /* CSS Document */ /* LEFT-NAV */ #left-nav { width: 145px; float: left; } /* LEFT-NAV H2 */ #left-nav h2 { float: left; width: 125px; height: 15px; margin: 0px 0 1px 0; padding: 4px 5px 0px 10px; background: #ccc; display: block; text-align: left; text-indent: 0; font-size: 12px; font-weight: bold; color: #333; } /* LEFT-NAV H2 */ #left-nav ul li a:link { float: left; width: 125px; height: 15px; margin: 0px 0 1px 0; padding: 4px 5px 0px 10px; background: #ffffff; display: block; text-align: left; text-indent: 0; text-decoration: none; font-size: 12px; font-weight: normal; color: #333; } #left-nav ul li a:visited { float: left; width: 125px; height: 15px; margin: 0px 0 1px 0; padding: 4px 5px 0px 10px; background: #ffffff; display: block; text-align: left; text-indent: 0; text-decoration: none; font-size: 12px; font-weight: normal; color: #333; } #left-nav ul li a:hover { float: left; width: 125px; height: 15px; margin: 0px 0 1px 0; padding: 4px 5px 0px 10px; background: #FFFF00; display: block; text-align: left; text-indent: 0; text-decoration: none; font-size: 12px; font-weight: normal; color: #333; } css for stats /* CSS Document */ /* STATS-LEFT */ #stats-left { width: 150px; float: left; } /* STATS-RIGHT */ #stats-right { width: 560px; float: right; border: 1px solid #999999; background: #ffffff; }

hi if i have $word = cabbages_green is there a way i can get $word 1 = cabbages $word 2 = green thanks

date mate...

in the sql i want to say date is between start and end like that

i have two fields start end what i want to do is from todays date select from start - end

ne ideas please?

on that page it has html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } can you not use *{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

at the moment my <a> tag is 100 pixels by 100 pixels wat i want is to separate 2 sections in this 100 x 100 box. 1 which is only 20 pixels high and the other 80 pixels high

echo" <div id='home-left'> <a href='test.php'><div>Test1</div><div>hello</div></a> <a href='test.php'>Test1</a> <a href='test.php'>Test1</a> <a href='test.php'>Test1</a> <a href='test.php'>Test1</a> <a href='test.php'>Test1</a> </div>";

cheers mate.. thanks for the help.. i saw wat u mean bout the screen thing.. so ive changed the whole thing... with 750px maximum and worked round that.. thanks..

#main{ background: #EAEAEA; padding: 10px; height: 100%; } is the grey background i am referring too... in internet explorer.. it goes directly down in a straight line from the top red bar to the bottom red bar.... but in firefox.. it stops just after it reaches the first test1 box..

hi.. yeah sorry i didnt reload the page.. it has now worked.. but if u notice the grey background has not followed all the way down to the footer... ne ideas? and thanks very much for the help so far...

hey thanks for the help. but that doesnt work either...

#main{ background: #EAEAEA; padding: 10px; } i have that, which is the grey area on the site above that contains the stuff i want. if i add say height: 500px; the site looks fine on the different browsers. but obviously i want it the height of the bottom box..... as it is appearing in internet explorer.

hi i have this website... http://www.fantasy-comps.com/index/index.php?page=home it works fine in i.e. but in firefox, opera and netscape the boxes aww in the wrong place.. please see if u can help thanks...

also if anybody can help wat i want in each box is title image and on the image i want 1 link and then when u hover over the rest of the box another link... thanks

/* HOME LEFT */ #home-left { float: left; width: 100%; } /* HOME PAGE */ #home-left li { border: 1px solid #999999; background: #ffffff; height: 100px; width: 200px; text-align: center; padding: 5px 0px 5px 0px; float: left; margin-left: 10px; margin-bottom: 10px; } thats what i got so far...

thanks. exactly wat i was looking for... what i need to know now is how can i have gaps between them.. i know using margin-left: 10px; will put gaps between them.. but it greats a gap for the first one and when it starts a new row and i dont want these gaps there. thanks

say I have a list test1 test2 test3 test4 test5 wat i want is them to be surrounded by a box 100 pixels by pixels, going 3 wide and then down... how can i do this?

so if i use the * that will clear everything then?