Hulp nodig met menu.

Gestart doorHabbfreaky2 reacties29 weergaven

3 berichten · pagina 1 van 1

Habbfreaky

Lid · Topicstarter

Berichten
729
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Hoi,

Ik heb een tut gevolgd, en heb nog een vraagje. Op deze site staat een template, helemaal klaar, (ook wel gekopieerd) waar ik voor de eerste keer een template heb gecodeerd. Ik wil alleen in het menu voor elk woord, een klein picje. Hoe kan ik dat doen?

Hier de index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" lang="nl"> 
        <head> 
                <title>mySite.com</title> 
                 
                <link rel="stylesheet" type="text/css" href="opmaak.css" /> 
        </head> 
         
        <body> 
         
                <div id="header">  
                        <h1>mySite.com</h1> 
                        <h2>Things go better with spyka.net</h2> 
                </div> 
                        <ul id="menu"> 
                            <li class="active"><a href="http://www.habtropical.woelmuis.nl">Home</a></li> 
                            <li><a href="http://www.habbo.nl">Habbo</a></li> 
                            <li><a href="#">Blog</a></li> 
                            <li><a href="#">Products</a></li> 
                            <li><a href="#">Support</a></li>                   <!--- Hier het menu!
                            <li><a href="#">Contact</a></li> 
                        </ul> 
                 
                <div id="container">                 
                        <div id="lContainer"> 
                                <h3>Welcome</h3> 
                                Hoi! Welkom!
                                </ul> 
                                 
                                Welkom op Habtropical.tk! Kijk eventjes rond!
                                <h3>Some Examples</h3> 
                                Your standard paragraph. Quisque a elit. Nullam bibendum posuere neque. Integer pede nibh,  
                                tristique vel, iaculis id, rutrum condimentum, massa. In condimentum, quam nec molestie  
                                auctor, quam mauris sagittis augue, nec lobortis sem dolor eu libero. Maecenas blandit arcu  
                                varius massa. 
                                 
                                <h4>Sub Heading</h4> 
                                <blockquote>Here is an example of a blockquote</blockquote> 
                                FORUMCODE0 
                                 
                                <h3>Lorem Ipsum</h3> 
                                Integer lacinia, erat quis viverra vulputate, ligula nibh interdum quam, et fermentum elit  
                                lorem ut mi. Phasellus magna. Sed velit. Maecenas et metus. Quisque a elit. Nullam bibendum  
                                posuere neque. Integer pede nibh, tristique vel, iaculis id, rutrum condimentum, massa. In  
                                condimentum, quam nec molestie auctor, quam mauris sagittis augue, nec lobortis sem dolor eu  
                                libero. Maecenas blandit arcu varius massa. <a href="#">Cras ullamcorper</a> molestie augue. Phasellus  
                                ultricies pellentesque augue. Cras vehicula. Donec quis nisl. Integer tristique felis sed  
                                odio tincidunt iaculis. 
                        </div> 
                        <div id="rContainer"> 
                                <h3>Links</h3> 
                                 
                                <ul> 
                                    <li><a href="#">spyka.net</a></li> 
                                    <li><a href="#">plutomedia.net</a></li> 
                                    <li><a href="#">farehamweather.co.uk</a></li> 
                                </ul> 
                                 
                                <h3>Valid</h3> 
                                 
                                <ul> 
                                    <li><a href="#">xHTML</a></li> 
                                    <li><a href="#">CSS</a></li> 
                                </ul> 
                        </div> 
                         
                </div> 
                        <div id="footer"> Copyright 2007<br />Design: <a href="#">spyka.net</a></div> 
        </body> 
         
</html>


Dankje!
0
Rik

Lid

Berichten
18.393
Reputatie
0
Punten
0,04
Lid sinds
Laatst gezien
Zet in je css dit:
list-style-image : url("HIERDELINKNAARJEPLAATJE");

bij ul of #menu ofzo.
0
Habbfreaky

Lid · Topicstarter

Berichten
729
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
En dan in de tekst die op de menu-balk staat?
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren