menu in div

Status
Niet open voor verdere reacties.

dejobse

Gebruiker
Lid geworden
7 jul 2008
Berichten
722
Hallo,
ik heb een probleem met een site die ik aan het maken ben (mijn code staat hier onder)

er staat een balk (het menu) die onderverdeeld is in forum, blogs, ... maar ik wil over ons en contact liefst rechts zetten, maar ik heb geen idee hoe ik dat moet doen.
zou iemand me hiermee kunnen helpen?

HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<title>DjProject.be HOME</title>
<link rel="shortcut icon" href="http://djproject.be/lp.ico" type="image/x-icon" />

<meta name="keywords" content="muziek blogs dj reggea dub d&amp;b drum n bass drumnbass drum&amp;base house electro electrohouse forum nieuws praten forum forum fora forums">
<meta name="description" content="Lees en praat over muziek op ons forum en lees over de muziekstijlen op onze blogs.">
<meta name="Designer" content="Jobse">
<meta name="language" content="NL">
<style type="text/css">

#container
{
        width: 940px;
        position: relative;
        margin-top: -3px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        border: 1px solid #999999;
        height: 1000px;
        background-color: #FFFFFF;       
}


/* Menu */

#menu {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height: 43px;
	background: url(images/img03.gif) no-repeat;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
}


#menu a {
	display: block;
	float: left;
	height: 100%;
	margin: 0;
	padding: 15px 30px  13px;
	text-decoration: none;
	text-transform: capitalize;
	background: url(images/img03.jpg);
	font-family: Georgia, Times New Roman;
	font-size: 12px;
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration:underline;
}



/* End menu */

a:link {
	color: #FFFFFF;
}

body {
        background-image: url(images/bg.gif);
}



</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<div id="container">

<a href="http://djproject.be"><img src="images/img02.gif" border="0px" /></a>




  <div id="menu">
    <ul id="a">
      <li><a href="http://djproject.be">Homepage</a></li>
      <li><a href="http://forum.djproject.be">Forum</a></li>
      <li><a href="http://blogs.djproject.be">Blogs</a></li>      
      <li><a href="#">Over ons</a></li>
      <li><a href="contact.html">Contact</a></li>
    </ul>
  </div>
</div>



</body>
</html>

alvast bedankt!
 
Laatst bewerkt:
Voeg dit eens aan je css toe:
Code:
#menu a.right{
float: right;
margin-right: 0px;
}

En als je dat dan in HTML wilt gebruiken, doe je dat zo:
HTML:
<div id="menu">
  <a href="#" class="right">Over ons</a>
  <a href="#" class="right">Contact</a>
</div>
 
oeps vergeten dat ik dit hier nog had staan,
ik heb het al opgelost door een 2de main te maken en en dan flaot right
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan