PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact

tabel maken

Door Erik Rijk op 16-10-2005 19:07 gewijzigd op 16-10-2005 19:07
607 views
dit is een drop down menu gemaakt met javascript
alleen nu wil ik een gewoon menu maken dat er zo uit ziet....

weet iemand hoe ik dat moet aanpakken?
kan iemand mij helpen doormiddel van een voorbeeld?

Mvg,

Erik

L
Lissy Pixel
16-10-2005 19:20
Je bedoelt in CSS of wat?
Ik bedoel waar staat gewoon menu voor?

Hier een simpele:
Plaats deze code in de head tags:

<style>
<!-- verander hieronder de kleurnummers, lettertype en afstanden in je eigen voorkeuren -->
div.menuBar,
div.menuBar a.menuButton {
font-family: Verdana, Arial, sans-serif;
font-size: 8pt;
color: #000000;
}

div.menuBar {
background-color: #CCFFCC;
padding: 6px 2px 6px 2px;
text-align: center;
margin-left:10px;
}

div.menuBar a.menuButton {
background-color: transparent;
border: 1px solid;
border-color: #FFFFFF #999999 #999999 #FFFFFF;
color: #000000;
cursor: pointer;
left: 0px;
margin: 1px;
padding: 2px 6px 2px 6px;
position: relative;
text-decoration: none;
top: 0px;
z-index: 100;
}

div.menuBar a.menuButton:hover {
background-color: transparent;
border-color: #999999 #FFFFFF #FFFFFF #999999;
color: #FF0000;
}

</style>

Plaats deze code tussen de body tags:
<!-- verander hieronder de url ( of pagina.htm ) target en linknaam -->
<div class="menuBar">
<a class="menuButton" href="http://www.sitsat.nl"; target=_new">Link 1</a>
<a class="menuButton" href="http://www.sitsat.nl"; target=_new">Link 2</a>
<a class="menuButton" href="http://www.sitsat.nl"; target=_new">Link 3</a>
<a class="menuButton" href="http://www.sitsat.nl"; target=_new">Link 4</a>
<a class="menuButton" href="http://www.sitsat.nl"; target=_new">Link 5</a>
<a class="menuButton" href="http://www.sitsat.nl"; target=_new">Link 6</a>
<a class="menuButton" href="http://www.sitsat.nl"; target=_new">Link 7</a>
<a class="menuButton" href="http://www.sitsat.nl"; target=_new">Link 8</a>
<a class="menuButton" href="http://www.sitsat.nl"; target=_new">Link 9</a>
<a class="menuButton" href="http://www.sitsat.nl"; target=_new">Link 10</a>
</div>

Suc6
Groet lissy
Erik Rijk
16-10-2005 22:33
ik wilde eigenlijk graag een menu hebben dat er zo uitziet als op het plaatje :)
Jan Koehoorn
16-10-2005 22:36
Dat is simpel, met wat CSS regels.

De achtergrond is zwart, de links zijn wit.
Wil je die blauwe lijntjes ook precies zo?
Erik Rijk
16-10-2005 22:38
ja precies zoals het op het plaatje staat

ik ben nog niet zo thuis in css.
ben er wel mee bezig
Jan Koehoorn
16-10-2005 23:31
Ik wel!

Kijk af en toe maar eens op deze pagina

Wel af en toe op vernieuwen klikken of op F5 drukken ;-)
Erik Rijk
16-10-2005 23:32
oke dankje :)
B
Barman V
16-10-2005 23:33
Het menu doet een beetje pijn aan mijn ogen :(
Erik Rijk
16-10-2005 23:34
vind je het niks?
Jan Koehoorn
16-10-2005 23:47
Hij ziet er nu in FireFox wat mij betreft goed uit.
Jan Koehoorn
16-10-2005 23:50
En in Internet Explorer natuurlijk weer niet, grrrr :-(

Reageren

Inloggen om te reageren