Tutorials

Eine immer größer werdende Tutorialdatenbank.

PHP-Fusion Core

Aktuelle PHP-Fusion Vollversionen und Updates

Addon Downloads

Alle Downloads garantiert Kostenlos

Support 24/7

24 Stunden, 7 Tage die Woche, das ganze Jahr.

Inhaltsverzeichniss mit CSS erstellen
Kategorie: CSS
PHP-Fusion Version: Keine
Quelle: webmaster-resource.de
Schwierigkeitsgrad:
Ein schönes inhaltsverzeichniss könnt ihr hiermit erstellen.

Faq

HTML-Code

GeSHi: HTML


  1. <div class="Kategorie">
  2. <div class="Textelement">Kapitel 1</div>
  3. <div class="Seitenzahl">1</div>
  4. </div>
  5. <div class="Unterkategorie">
  6. <div class="Textelement">Warum Cascading Style Sheets?</div>
  7. <div class="Seitenzahl">4</div>
  8. </div>
  9. <div class="Unterkategorie">
  10. <div class="Textelement">CSS und HTML</div>
  11. <div class="Seitenzahl">13</div>
  12. </div>
  13. <div class="Kategorie">
  14. <div class="Textelement">Kapitel 2</div>
  15. <div class="Seitenzahl">24</div>
  16. </div>
gewandelt in 0.004 Sekunden, benutzt wurde GeSHi 1.0.8.10



CSS

GeSHi: CSS


  1. DIV.Kategorie {
  2. width: 50%;
  3. height: .8em;
  4. line-height: 1em;
  5. border-bottom: 4px dotted slategray;
  6. margin-top: .9em;
  7. font-size: 1em;
  8. font-weight: bold;
  9. }
  10.  
  11. DIV.Unterkategorie {
  12. width: 50%;
  13. margin-left: 6%;
  14. height: 1.1em;
  15. border-bottom: 2px dotted slategray;
  16. margin-top: .4em;
  17. font-size: .8em;
  18. font-weight: bold;
  19. }
  20.  
  21. .Textelement {
  22. float: left;
  23. position: relative;
  24. top: 5px;
  25. background-color: white;
  26. border-bottom: solid white .2em;
  27. margin-bottom: -.3em;
  28. text-align: left;
  29. padding-right: 10px;
  30. }
  31.  
  32. .Seitenzahl {
  33. float: right;
  34. position: relative;
  35. top: 5px;
  36. background-color: white;
  37. border-bottom: solid white .2em;
  38. margin-bottom: -.4em;
  39. text-align: right;
  40. width: 44px;
  41. }
gewandelt in 0.003 Sekunden, benutzt wurde GeSHi 1.0.8.10




Demo ansehen

Demo

Inhaltsverzeichnisse mit CSS erstellen
Kapitel 1
1
Warum Cascading Style Sheets?
4
CSS und HTML
13
Kapitel 2
24

Tutorial Verlinken

URL: 
BBCode: 
HTML-Code: 
Kommentare
Es wurden noch keine Kommentare verfasst.
Kommentar schreiben
Bitte logge dich ein, um einen Kommentar zu verfassen.
Anzeige


© 2016 Real Space. All rights reserved | Design by W3layouts
Powered by PHP-Fusion copyright © 2002 - 2018 by Nick Jones. Released as free software without warranties under GNU Affero GPL v3.