Menu voor website maken??

Status
Niet open voor verdere reacties.
meloen82

meloen82

Gebruiker
Lid geworden
14 mei 2001
Berichten
167
Hoi Allemaal,

Ik wil graag een menu maken op m'n site vergelijkbaar met het menu op deze site;
www.zwembadhoogkerk.nl

Wie weet hoe ik dat (op een simpele manier) kan doen??

Alvast bedankt!!

Groetjes Meloentje
 
Laatst bewerkt:
Dat menu is eenvoudigweg een tabel met links erin.
En elk menu dat een submenu heeft, dielinks staan in de rij eronder.
Vrij simpel te maken dus.
Bekijk maar eens de bron van elke pagina op die site.

Greetz : Jer:cool:en.
 
Hoi Peter,

Bedankt dat je zo je best hebt gedaan om me te helpen!! Met een simpeler menu ben ik ook tevreden. Ik wil graag een menu met twee smalle balkjes onder elkaar (zoals op de site die ik linkte). Maar het hoeft alleen tekst te zijn. Met bijvoorbeeld een knop voor home, hobbies enz. enz. Als iemand dan op hobbies klikt dat ie eronder een submenuutje krijgt (met bijvoorbeeld; schilderen, sporten enz. enz.) Leek me niet zo heel ingewikkeld maar misschien heb ik het mis. Op internet kan ik veel uitgebreidere menuscrips vinden maar ik wil het simpel houden.

Ik dacht misschien kan ik zelf zo'n menu in flash maken maar ik kom er niet helemaal uit.
Iemand tips??

PS; Jeroen ik ga aan de slag met de tabel.
 
Laatst bewerkt:
Hallo, ik heb even iets in elkaar geknuselt wat er erg op lijkt. Kijk maar of je het wat vindt.

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Menu</title>
<style>

body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}

.menuitem
{
display: block;
color: #000000;
padding: 2px 15px;
text-decoration: none;
font-weight: bold;
}

.menuitem:hover
{
color: #0000FF;
}

.submenuitem
{
display: block;
color: #FFFFFF;
padding: 2px 15px;
text-decoration: none;
font-weight: bold;
}

.submenuitem:hover
{
color: #FFFF99;
}

.aan
{
background-color: #0000FF;
color: #FFFF00;
}

.aan:hover
{
color: #FFFF00;
}

</style>
</head>

<body>

<table cellpadding="0" cellspacing="0" width="700"><tr><td bgcolor="#FFFF00">
<table cellpadding="0" cellspacing="0"><tr>
<td><a href="#" class="menuitem">Menuitem 1</a></td>
<td><a href="#" class="menuitem aan">Menuitem 2</a></td>
<td><a href="#" class="menuitem">Menuitem 3</a></td>
<td><a href="#" class="menuitem">Menuitem 4</a></td>
</tr></table>
</td></tr>
<tr><td bgcolor="#0000FF">
<table cellpadding="0" cellspacing="0"><tr>
<td><a href="#" class="submenuitem">Submenuitem 1</a></td>
<td><a href="#" class="submenuitem">Submenuitem 2</a></td>
<td><a href="#" class="submenuitem aan">Submenuitem 3</a></td>
<td><a href="#" class="submenuitem">Submenuitem 4</a></td>
</tr></table>
</td></tr></table>

</body>
</html>
 
Bedankt Jeroen!!

Het is inmiddels gelukt met de menubalk hoor.

Groetjes Milou
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan