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: 3,547
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/


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
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: 26th May 2013 - 01:42 AM