Unrated Posted March 2, 2006 Share Posted March 2, 2006 (edited) hi all,I got some probs with a site i am working on!http://www.aaeurocup.com/preview/1)The 3boxes under "Content" should be placed right but i dont seem to get it there 2)My menu is gone :s Disappeared from the site Dunno whats wrong with that... 3)In IE there are spaces between the box images... I really hope somebody could help me :innocent: The Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>AAEC | Americas Army European Cup</title><style type="text/css">html, body{ background-color: #858a8e; font-family: arial, helvetica, sans-serif; font-size: 11px;}.wrapper { background-image:url(images/wrapper.gif); width: 760px; min-height: 100%; margin: 0px; padding: 0px; overflow: hidden;} .menu { width: 760px; height: 42px; padding: 0px; margin: 0px;}.footer { width: 760px; height: 55px;}.leftcolum { width: 152px; padding: 0px; margin-left: 50px; float:left; display: inline;}.box { width: 152px; margin-left: 0px; margin-top: 3px; }.boxcontent { background-image:url(images/boxbg.gif); text-align:left; padding: 0px;}.middlecolum { width: 349px; margin-top: 3px; margin-left: 2px;}.middlecontent { background-image:url(images/mainbg.gif); text-align:left;}.rightcolum { width: 152px; padding: 0px; margin-left: 2px; margin-top: 3px;}</style></head><body><center><div class="wrapper"> <div class="header"><img src="images/header.gif" alt="" /></div> <div class="menu"> <table cellpadding="0" cellspacing="0" align="center"> <tr><td><img src="images/leftmenu.gif" alt="" /></td> <td><img src="images/home.gif" /></td> <td><img src="images/matches.gif" /></td> <td><img src="images/teams.gif" /></td> <td><img src="images/results.gif" /></td> <td><img src="images/forums.gif" /></td> <td><img src="images/rules.gif" /></td> <td><img src="images/staff.gif" /></td> <td><img src="images/sponsors.gif" /></td> <td><img src="images/contact.gif" /></td> <td><img src="images/rightmenu.gif" alt="" /></td></tr> <tr><td><img src="images/menubottom.gif" alt="" /></td></tr> </table></div> <div class="leftcolum"> <div class="box"> <img src="images/boxteams.gif" alt="" /> <div class="boxcontent"> test <br /> test <br /> test <br /> test <br /> <br /> <br /> </div> <img src="images/boxfooter.gif" alt="" /> </div> <div class="box"> <img src="images/boxsponsors.gif" alt="" /> <div class="boxcontent"> test <br /> test <br /> test <br /> test <br /> <br /> <br /> </div> <img src="images/boxfooter.gif" alt="" /> </div> <div class="box"> <img src="images/boxrecentdemo.gif" alt="" /> <div class="boxcontent"> test <br /> test <br /> test <br /> test <br /> <br /> <br /> </div> <img src="images/boxfooter.gif" alt="" /> </div> <br /> </div> <div class="middlecolum"> <img src="images/boxmain.gif" alt="" /> <div class="middlecontent"> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> test <br /> </div> <img src="images/mainfooter.gif" alt="" /> </div> <div class="rightcolum"> <div class="box"> <img src="images/boxplayedmatches.gif" alt="" /> <div class="boxcontent"> test <br /> test <br /> test <br /> test <br /> <br /> <br /> </div> <img src="images/boxfooter.gif" alt="" /> </div> </div> <div class="box"> <img src="images/boxupcomingmatches.gif" alt="" /> <div class="boxcontent"> test <br /> test <br /> test <br /> test <br /> <br /> <br /> </div> <img src="images/boxfooter.gif" alt="" /> </div> </div> <div class="box"> <img src="images/boxplayoffs.gif" alt="" /> <div class="boxcontent"> test <br /> test <br /> test <br /> test <br /> <br /> <br /> </div> <img src="images/boxfooter.gif" alt="" /> </div> </div> <div class="footer"> <img src="images/footer.gif" alt="" /></div></div></center></body></html> Edited March 2, 2006 by Jonas Link to comment Share on other sites More sharing options...
sbrownii Posted March 3, 2006 Share Posted March 3, 2006 To get the 3 columns to work , add float:left to the middlecolum, and rightcolum.Then you will notice the right column looks strange, that's because you close the div element for the right column too soon!!! You close it after the first "box".As far as the menu goes, why is everyone using tables for horizontal menus????BTW.... column is spelled with and "n" Link to comment Share on other sites More sharing options...
aspnetguy Posted March 3, 2006 Share Posted March 3, 2006 To acheive a nice clean horizontal menu useHTML <ul> <li><a href="">blah</a></li> <li><a href="">blah</a></li> <li><a href="">blah</a></li> <li><a href="">blah</a></li> <li><a href="">blah</a></li></ul> CSS li{display:inline} Link to comment Share on other sites More sharing options...
Unrated Posted March 3, 2006 Author Share Posted March 3, 2006 i got the menu to work allready :)Forgot to add "collspan" tx for the info! Ill try it out and let you know Link to comment Share on other sites More sharing options...
Unrated Posted March 3, 2006 Author Share Posted March 3, 2006 oke i got the boxes in the right place!! Tx for that Now in FF my footer is disappeared http://www.aaeurocup.com/preview/Its fine in IE tho Any suggestions? Link to comment Share on other sites More sharing options...
sbrownii Posted March 3, 2006 Share Posted March 3, 2006 To make your footer magically reappear in ff...add clear:left; to the style definition for the footer class Link to comment Share on other sites More sharing options...
Unrated Posted March 3, 2006 Author Share Posted March 3, 2006 thank you Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now