Alenea witmarge

Status
Niet open voor verdere reacties.

uaejeroen

Terugkerende gebruiker
Lid geworden
7 dec 2009
Berichten
1.665
HTML:
<img src="../afbeeldingen/vink.gif" width="15" height="16" /><a href="algemene_informatie.html">Algemene informatie</a><br />
    <a href="tarieven.html">Tarieven</a><br />
    <a href="pakketen.html">Pakketten</a><br />
    <img src="../afbeeldingen/vink.gif" width="15" height="16" /><a href="service.html?">Service en onderhoud</a><br />
    <a href="energyservice.html">EnergyService</a><br />
    <a href="product.html">Productadvies</a><br />
    <a href="besparingtips.html">Besparingstips</a><br />
    <img src="../afbeeldingen/vink.gif" width="15" height="16" /><a href="vraagentwoord.html">Vraag en antwoord</a><br />
    <a href="mail.html">Per e-mail</a><br />
    <a href="chat.html">Via chat</a><br />
    <img src="../afbeeldingen/vink.gif" width="15" height="16" /><a href="gegevens.html">Uw gegevens</a><br />
    <a href="nota.html">Nota en verbruik</a><br />
    <a href="meterstanden.html">Meterstanden doorgeven</a><br />
  <a href="verhuizing_doorgeven.html">Verhuizing doorgeven

Hoe kan ik ervoor kiezen om subnmenu;s in te laten springen ?

ik wil graag het menu een beetje naar het midden van mijn div kan iemand me helpen
 
Heya,


Voor grote hoeveelheden met links kan je vaak beter een lijst gerbuiken. Dat 'stijlt' ook een stuk makkelijker:

HTML:
<ul>

   <li class='vink'>
      <a href="algemene_informatie.html">Algemene informatie</a>
      <ul>
         <li><a href="tarieven.html">Tarieven</a></li>
         <li><a href="pakketen.html">Pakketten</a></li>
      </ul>
   </li>

   <li class='vink'>
      <a href="service.html?">Service en onderhoud</a>
      <ul>
         <li><a href="energyservice.html">EnergyService</a></li>
         <li><a href="product.html">Productadvies</a></li>
         <li><a href="besparingtips.html">Besparingstips</a></li>
      </ul>
   </li>


   <!-- etc -->

</ul>

PHP:
/* CSS */

ul .vink
{
   list-style-image: url(.../afbeeldingen/vink.gif);
}


/* hier kan je je li's verder stijlen */
 
Laatst bewerkt:
Beste Hr. That Guy

Hartelijk dank voor uw bericht, ik was net nog even aan het googlen maar ik kwam er niet uit
 
gebeurt niks

HTML:
<style type="text/css">
#container #apDiv4 p strong {
	font-size: 15px;
	ul .vink
   list-style-image: url(afbeeldingen/vink.gif);

}
</style>
<base target="_self" />
<script src="index.js" type="text/javascript"></script>
<script src="index2.js" type="text/javascript"></script>
</head>



<body>
<div id="container"> 
  <div id="apDiv1"><a href="index.html"><img src="afbeeldingen/logo_energynet.gif" width="868" height="111" alt="Home" /></a></div>
<div id="apDiv2">
<ul>
   <li class="vink">
      <a href="algemene_informatie.html">Algemene informatie</a>
      <a href="html/tarieven.html"> Tarieven</a><br />
      <a href="html/pakketen.html">Pakketten</a></li>
    <li><a href="html/service.html?">Service en onderhoud</a>
      <a href="html/energyservice.html">EnergyService</a>
      <a href="html/product.html">Productadvies</a><br />
      <a href="html/besparingtips.html">Besparingstips</a>
    <li><a href="html/vraagentwoord.html">Vraag en antwoord</a><br />
      <a href="html/mail.html">Per e-mail</a><br />
      <a href="html/chat.html">Via chat</a>    </li>
    <li><a href="html/gegevens.html">Uw gegevens</a><br />
      <a href="html/nota.html">Nota en verbruik</a><br />
      <a href="html/meterstanden.html">Meterstanden doorgeven</a><br />
      <a href="html/verhuizing_doorgeven.html">Verhuizing doorgeven</a>    </li>
  </ul>
 
Er gebeurt niks omdat je je css fout hebt:

Jouw code:
Code:
<style type="text/css">
#container #apDiv4 p strong {
    font-size: 15px;
    ul .vink
   list-style-image: url(afbeeldingen/vink.gif);
 
}
</style>

Goed code:
Code:
<style type="text/css">
#container #apDiv4 p strong {
  font-size: 15px;
}
ul .vink {
  list-style-image: url(afbeeldingen/vink.gif);
}
</style>
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan