Menu maken

Hallo,
Ik ben met een website bezig in dreamweaver. En ik wilde een mooi menu maken dat mooi langs elkaar stond naar even wat zoeken kwam ik op de

tags uit maar ik kan ze niet langs elkaar krijgen welke css ik ook gebruik??

Html

<div class="topmenu" align="left">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About us</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>

Css

topmenu
{
}

P.s. Ik ben nog maar beginner En ja hier staat niks in de css maar ik heb geprobeer en dat werkte niet

#topmenu {
padding: 0 5px 0 0;
background-image:url(menu.png);
font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;
height: 30px;
}
#topmenu ul {
float: right;
list-style: none;
margin: 0;
padding: 0;
}
#topmenu ul li {
display: inline;
}
#topmenu ul li a {
display: block;
float: left;
padding: 0 5px;
color: #FFF;
text-decoration: none;
}
#topmenu ul li a:hover, #menu ul li a.active {
background-color: #FFF;
color: #333;
}

hopelijk kan je er mee

Pepijniscool schreef:

#topmenu {
padding: 0 5px 0 0;
background-image:url(menu.png);
font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;
height: 30px;
}
#topmenu ul {
float: right;
list-style: none;
margin: 0;
padding: 0;
}
#topmenu ul li {
display: inline;
}
#topmenu ul li a {
display: block;
float: left;
padding: 0 5px;
color: #FFF;
text-decoration: none;
}
#topmenu ul li a:hover, #menu ul li a.active {
background-color: #FFF;
color: #333;
}

hopelijk kan je er mee

Dat gaat niet werken, je roept de style dan verkeerd op, ids / classes.

.topmenu ul li {
float: left;
padding-right: 10px;
}
ofzoiets?

toevoeging op 20 januari 2012, 22:20:21:
Ik doe het zelf meestal via divs en niet via ul en li dus geen idee of het daar anders is..

Hoe doe jij het dan via divs??? Want divs vind ik altijd lekker werken

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<link rel="stylesheet" type="text/css" href="/css/layout.css"/>
</head>
<body>
<center>
<div class="base">
<div class="header" align="left" background-color><img src="image/logo.png" alt=""/></div>
<div class="topmenu" align="center"><strong>Hallo</strong></div>
<div class="text">
      Welkom,<br />
    Op thvmh Hosting. Wij zijn een jong en fris hosting bedrijf.<br />
    Wij willen het besten voor onze klanten. Daarom krijgt u bij ons alle service die nodig is.<br />
    Wij willen u niet imponeren met een o zo veel te mooie template. Gewoon een simpele goed<br />
    werkende.
  <br />
  Wij wensen u veel succes,</p>
  <p> 
    <br />
  </p>
</div>
<div class="banner">
<script type="text/javascript"><!--
    google_ad_client = "ca-pub-2275118314891058";
    /**/
    google_ad_slot = "0832424124";
    google_ad_width = 728;
    google_ad_height = 90;
    //-->
</script>
<script type="text/javascript"
    src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
</center>
</body>

Hij pakt de css niet en ziet alleen een witte pagina terwijl ik wel degelijk css bestand heb gelinkt enzo

Haal gelijk dan even je weg, want dat is uit de tijd.
Ook je inline meuk en overige attributes kunnen weg (behalve id en class bij divjes)

I.p.v. een
kan je ook een

aragraph gebruiken.

Hoe kan ik de site dan ceteren? En de css werkt nog steeds niet

width mee geven en dan margin auto

Waarom niet gewoon met center dat is toch makkelijker?

Thomvh schreef:

Waarom niet gewoon met center dat is toch makkelijker?

dat is niet xhtml- en css-valid.

Geef even een linkje naar je site of zet je volledige css + html hier neer dan kijk ik ff waar de fout zit.

Ik heb de fout ontdekt. Ik moest bij de divs een id invullen en dat heb ik niet gedaan. Wat is dan de manier om hem te centeren?

Thomvh schreef:

Ik heb de fout ontdekt. Ik moest bij de divs een id invullen en dat heb ik niet gedaan. Wat is dan de manier om hem te centeren?

margin: opx auto;

Dat gebruik ik altijd.

zoals hierboven al aangegeven staat:
margin:0 auto; toevoegen aan .base in je css

Gedaan maar doet het niet echt

Thomvh schreef:

Gedaan maar doet het niet echt

heb je een website linkje?

http://www.thvmh.nl Niet op de layout enzo letten het is gewoon een simpel projectje om mijn skills te verbeteren