Need Help Moving the Menu Bar Down |
Need Help Moving the Menu Bar Down |
reddftw1 |
May 3 2012, 11:07 AM
Post
#1
|
Group: Members Posts: 1 Joined: 3-May 12 Member No.: 17,040 |
I trying to get a page together with very little to know experience with HTML. I'm wanting to move the menu list down , out of the logo.
the site is Texoma Great Danes here is the code: <head> <meta http-equiv="content-type" content="{%MetaCharset%}" /> <meta name="description" content="{%MetaDescription%}" /> <meta name="keywords" content="{%MetaKeywords%}" /> <title>{%MetaTitle%}</title> <link href="images/default.css" rel="stylesheet" type="text/css" media="screen" /> </head> <body> <!-- start header --> <div id="wrapper"> <div id="header"> <div id="logo"> <h1><a href="index.php">{%WebsiteName%}</a></h1> <p>{%WebsiteSlogan%}</p> </div> <div id="rss"> </div> <div id="search"><form method="get" id="searchform"><fieldset><input name="search" size="15" id="s" /> <input type="submit" value="Search" id="x" /> </fieldset> </form></div> </div> <!-- end header --><!-- star menu --> <div id="menu"> <ul> {%menu_start=1%} <li><a href="{%menu_href%}">{%menu_display%}</a></li> {%menu_end=1%} </ul> </div> <!-- end menu --><!-- start page --> <div id="page"><!-- start ads --><!-- end ads --><!-- start content --> <div id="content"> <div class="post"> <div class="title"> <h2>{%name%}</h2> </div> <div class="entry">{%content%} <p> </p> </div> </div> </div> <!-- end content --><!-- start sidebar --> <div id="sidebar"> <ul> <li id="categories"> <h2>News</h2> {%news%} </li> </ul> </div> <!-- end sidebar --></div> <!-- end page --><!-- start footer --> <div id="footer"> <p class="legal">{%WebsiteFooter%} | Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></p> </div> </div> <!-- end footer --> </body> </html> any help would be great..... Thanks in advance.... James |
Frederiek |
May 4 2012, 04:31 AM
Post
#2
|
Programming Fanatic Group: Members Posts: 5,146 Joined: 23-August 06 From: Europe Member No.: 9 |
It's the height you set to #header which is too small to push the menu down, as the logo image is higher than 128px.
You might also need to clear the floats. I personally often use Nicolas Gallagher's Micro Clearfix for that, see http://nicolasgallagher.com/micro-clearfix-hack/ |
Lo-Fi Version | Time is now: 23rd April 2024 - 04:28 PM |