Menu

[Johnvans]

Beste experts,

Een menu maken. Onder elkaar lukt dat, maar wanneer ik een menu wil aanmaken in 1 mooie horizontale lijn, dan lukt me dat niet. Kan iemand mij hiermee helpen? Hoe pak ik dit aan? Alvast enorm bedankt!

Groet
John

 

[Tha Devil]

Hoe is je menu opgebouwd?

Aan de hand van een lijst?

<ul id="menu">
  <li><a href="index.php">Home</a></li>
  <li><a href="contact.php">Contract</a></li>
</ul>

 

[Defcon1]

Ik ben zelf ook bezig met een menu op dit moment maar mischien is dit wat voor je?

http://javascript.about.com/library/xmenu.htm
hier staat hoe het in zijn werk gaat: http://javascript.about.com/library/blmenu.htm


mooi menutje en er staat ook hoe je het moet maken.

 

[Johnvans]

Ik heb in ap div de volgende code ingevoerd.

<div id="home">
<ul>
<li><a href="../index.html">Home</a> </li>
</ul>
</div>

Nu wil ik dat er behalve Home ook nog andere menublokjes komen zoals Producten, Diensten en Contact. Die moeten er dus niet onder maar ernaast komen. Alleen lukt me dat niet. Wat doe ik verkeerd?

Was getekend,
Beginnend webbouwer

Hoe is je menu opgebouwd?

Aan de hand van een lijst?

<ul id="menu">
  <li><a href="index.php">Home</a></li>
  <li><a href="contact.php">Contract</a></li>
</ul>

 

[Tha Devil]

ul {
  list-style: none;
}
li {
  float:left;
}
li a {
  display:block;
}

Volgens mij was dit de basis.

Zoek anders eens op "Horizontal menu CSS"

 

[Johnvans]

Bedankt. Het staat inmiddels naast elkaar (ging om de toevoeging inline). Nu moet ik de menu-items nog zo plaatsen dat ze niet pal achter elkaar staan, maar dat er een witte ruimte van een centimeter tussenstaat. Enig idee hoe dat werkt? Ik klik me suf maar kan het niet bolwerken.

groet
John

ul {
  list-style: none;
}
li {
  float:left;
}
li a {
  display:block;
}

Volgens mij was dit de basis.

Zoek anders eens op "Horizontal menu CSS"

 

[Johnvans]

Ronde hoeken

Ik ben er inmiddels uit. Bedankt in ieder geval.
Nog 1 vraag: weet je misschien hoe je de hoeken van een ap dv rond maakt?

groet
John

Bedankt. Het staat inmiddels naast elkaar (ging om de toevoeging inline). Nu moet ik de menu-items nog zo plaatsen dat ze niet pal achter elkaar staan, maar dat er een witte ruimte van een centimeter tussenstaat. Enig idee hoe dat werkt? Ik klik me suf maar kan het niet bolwerken.

groet
John

 

[Tha Devil]

Afstanden tussen elementen gaat altijd via padding en margin

Hoeken afronden gebeurd dacht ik met afbeeldingen.
Hier vind je 25 technieken.

 

[ChrisBit]

Als je dreamweaver CS 3 of CS 4 hebt moet je op invoegen, spry, spry-menu klikken en dan heb je een menubalk die al klaar is en die je kan aanpassen zoals je wil . In www.heemkringkinrooi.net heb ik zo een sprymenu gebruikt.
Hopelijk ben je nu geholpen, CS 2 ken ik niet , ik weet niet of het Spry onderdeel daar in zit, ik denk van niet.

 

[csshunter]

ronde hoekjes!

Hier de 26e link, een NL artikel met universele methode: "Flexibele ronde hoeken". Geen javascript nodig, alleen css en 1 klein image.
Met voorbeelden in de "Flexibele Hoeken Speeltuin".

Speel ze!
CSS-hunter