The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Need Help Moving the Menu Bar Down
reddftw1
post 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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post 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/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 06:20 PM