Tekst

[lerrie]

Ik ben bezig met een sitemap alleen kan niet vinden hoe ik goed tekst aanpas in dreamweaver. Ik wil bijvoorbeeld home met daar onder 4 categorieën met tab naar rechts geplaatst. Zoals bijv. hier http://www.belastingdienst.nl/sitemap/ alleen als ik tekst typ in dreamweaver dan werkt de tab toets niet. Plus ik kan niet vinden hoe ik opsommingstekens invoeg.

Alvast bedankt!

 

[csshunter]

Hoi Lerrie,
In het Dreamweaver manual is te vinden:

• Create bulleted and numbered lists:
  http://help.adobe.com/en_US/dreamweaver/cs/using/WSc78c5058ca073340dcda9110b1f693f21-7cd9a.html

En als ik me niet vergis, moet ergens ook wel het

knopje staan.
Bij een lijstje gaat verder het inspringen vanzelf.

Met vriendelijke groet,
CSShunter

 

[lerrie]

Bedankt! Handige manual! Alleen krijg ik het nog niet helemaal voor mekaar.

http://www.goodnightladies.nl/sitemap.html

Als ik in firefox kijk dan staat alles wel goed geordend, alleen staan de bullets buiten de div, terwijl ik nog een extra div heb gemaakt met 30px margin voor links. Kijk ik op Internet explorer dan staat de div wel goed, alleen zie ik geen bullets. Plus ik krijg het niet voor mekaar om De Ladies en Achter de schermen een tab naar rechts te doen als je begrijpt wat ik bedoel. Deze twee horen onder "over ons".

Plus waar kan ik de bullets veranderen, in een plaatje welke ik zelf maak (pijltje, vierkant etc.)

Alvast bedankt!

 

[csshunter]

Hoi Lerrie,
Eerst even de laatste:

waar kan ik de bullets veranderen, in een plaatje welke ik zelf maak (pijltje, vierkant etc.)

• Zie hier "Home made grafical bullets in css":
  http://home.tiscali.nl/developerscorner/css-discuss/test-graphical-bullets.htm

Wordt vervolgd!
CSShunter

 

[csshunter]

En de eerste: een genest lijstje. Hiervoor dienen de extra in te springen list-items in een eigen <ul> te staan, die echter binnen de <li> van het betreffende hoofditem moet staan:

<ul>
   <li>
      <a href="overons.html">Over ons</a>
      <ul>
         <li><a href="deladies.html">De ladies</a></li>
         <li><a href="achterdeschermen.html">Achter de schermen</a></li>
      </ul>
   </li>
</ul>

• Meer uitleg bv. op deze en omliggende pagina's van de Handleiding HTML.
  
  
• Testpagina, met ook een home-made-bullet:
  www.developerscorner.nl/csshunter/tests/genest-lijstje.htm

Dat zou 'm moeten zijn.

Met vriendelijke groet,
CSShunter
___________
PS: voor Internet Explorer (IE7) lijkt in dit geval geen afwijkende background-position van het li-image nodig te zijn. En IE6 hoeft zo langzamerhand niet meer bediend te worden.

PS2:
Oeps! De html-validator vindt de sitemap nog niet helemaal jofel.

 

[lerrie]

Bedankt het is gelukt! http://www.goodnightladies.nl/sitemap.html

 

[csshunter]

Goed zo!
Bij mij zijn ze in Firefox helemaal perfect met:

li {background-position: 4px 0.15em;}