login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Juiste UL LI code (Opgelost)

Offline karel - 11/04/2010 11:13 (laatste wijziging 11/04/2010 11:14)
Avatar van karelHTML interesse Daar ik de mogelijkheden van CSS nog niet helemaal ken graag wat hulp aub.
Hoe maak ik van deze code een juiste UL en/of LI css. Verder zou het ook interessant zijn indien het bullet object automatisch voor de link komt te staan.

Plaatscode: 139106

Alvast bedankt

10 antwoorden

Gesponsorde links
Offline gnotrgnotr - 11/04/2010 11:35
Avatar van gnotrgnotr Nieuw lid Ga maar eens rondneuzen op http://www.w3schools.com/ bij CSS
Offline karel - 11/04/2010 11:44 (laatste wijziging 11/04/2010 11:48)
Avatar van karel HTML interesse Bedankt voor deze link, ik ken deze ook hoor !
Het probleem is dat ik er niet uit geraak, daarom de vraag of iemand mij kon helpen.
Wat met de <td> en de <tr> hoe los ik dit op, ik kan hier niets van vinden op de link die je mij doorstuurde.
Offline genkstar - 11/04/2010 11:52
Avatar van genkstar Nieuw lid
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul>
  2.      <li>
  3.           <a href="#href" title="link" />
  4.             <img src="iimage.png" alt="image" />
  5.           </a>
  6.      </li>
  7. </ul>


Zoek je zo iets?
Offline karel - 11/04/2010 11:56
Avatar van karel HTML interesse Ja, zoiets zoek ik ! Maar wat doe ik met de <td> en <tr> (zie mijn voorbeeld)?
Kan je mijn voorbeeld (code) niet even juist aanpassen !
Alvast bedankt.
Offline genkstar - 11/04/2010 12:32
Avatar van genkstar Nieuw lid Aangepast, je kan het eens bekijken
Offline WouterJ - 11/04/2010 13:31
Avatar van WouterJ HTML gevorderde Dit is de code die je moet gebruiken:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul>
  2. <li><a href="link.html" title="Links systeem" class="bluecap_link-9">Link systeem</a></li>
  3. </ul>

En de CSS:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. ul {
  2. list-style: url(../images/bullet-arrow3.gif);
  3. }


Even wat uitleg:
1) Je begint een lijst met <ul>

2) Dan typ je de regel tussen <li> en </li>
Als je dan daarna weer <li> en </li> zet heb je een 2e regel.

3) Dan wil je de bullet aanpassen. En dat doe je met CSS.
3.1) Eerst spreek je de hele lijst aan. Dus met <ul>
3.2) Dan gebruik je list-style om de stijl van de lijst aan te passen
3.2.1) Daar zet je het plaatje in. Dus url(images.png);
3.3) En je sluit het weer af.

4) Als laatst sluit je de hele lijst weer af met </ul>

Succes!
En als je vragen hebt, vraag ze!
Bedankt door: karel
Offline TotempaaltJ - 11/04/2010 14:17
Avatar van TotempaaltJ PHP interesse
genkstar schreef:
Aangepast, je kan het eens bekijken

 Als je iemands plaatscode ding aanpast, slaat hij deze op als een nieuwe code.
Offline karel - 11/04/2010 16:35
Avatar van karel HTML interesse Ok, het werkt 
Nog een vraagje, wat wanneer je nu meerdere of verschillende links hebt waar een image voor moet komen, hoe doe je dit dan ?
Offline WouterJ - 11/04/2010 16:47
Avatar van WouterJ HTML gevorderde Bedoel je meerdere keren <li>?
Dat doe je zo:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul>
  2. <li>1</li>
  3. <li>2</li>
  4. <li>3</li>
  5. </ul>


Of bedoel je per <li> een andere image?
Dat doe je zo:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <ul>
  2. <li class="1">1</li>
  3. <li class="2">2</li>
  4. </ul>

En CSS:
css code - Bekijk de code zonder highlighting - Klap code in 
  1. li.1{
  2. list-style: url(1.png);
  3. }
  4. li.2{
  5. list-style: url(1.png);
  6. }
Offline karel - 11/04/2010 16:56
Avatar van karel HTML interesse Iedereen bedankt !
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.183s