login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Horizontaal menu met plaatjes

Offline DrB - 04/09/2007 18:23 (laatste wijziging 04/09/2007 18:25)
Avatar van DrBHTML interesse De titel zegt het al. Hoe maak ik op een nette manier een horizontaal menu met plaatjes.

Zelf dacht ik iets als dit:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. .home {background: url(../img/home.gif) no-repeat;}
  2. .cv {background: url(../img/cv.gif) no-repeat;}


Dan geef ik de menu li deze class mee, dus bijvoorbeeld:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <li class="home"><a href="/"></a></li>
  2. <li class="cv"><a href="/"></a></li>


Alleen dit werkt niet 

Het menu zet ik horizontaal met display: inline; overigens.

2 antwoorden

Gesponsorde links
Offline TotempaaltJ - 04/09/2007 18:26
Avatar van TotempaaltJ PHP interesse Uhm; Je kan het ook met style doen he!
Offline DrB - 04/09/2007 18:33 (laatste wijziging 04/09/2007 18:50)
Avatar van DrB HTML interesse Als ik het echt netjes wil doen, moet ik zeker geen <ul en <li> gebruiken?


Ik heb het nu als volgt:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. <div id="submenu">
  2. 				<ul>
  3.                 <li><a href="index.html"><img src="img/home.gif" alt="home" border="0"/></a></li>
  4. 				<li><a href="index.html"><img src="img/cv.gif" alt="home" border="0"/></a></li> 
  5. 				</ul>
  6. 				</div>



CSS:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. #submenu ul, #submenu ul li {
  2. float:left;
  3. list-style-type: none;
  4. display: inline; 
  5. padding: 0; 
  6. margin: 0;
  7. border: 0;
  8. }
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.398s