Tartalomjegyzék létrehozása CSS-sel
Ha olyasmi formázást szeretnél, melyek általában könyvekben lehet látni (tartalomjegyzék), akkor az alábbi kódot használd:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>tartalomjegyzék mintaoldal</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="leiras" /> <meta name="keywords" content="kulcs, szavak" /> <script type="text/javascript"> </script> <link rel="stylesheet" href="minta.css" type="text/css" media="all" /> <style type="text/css"> ol { list-style:upper-roman; } li { /* color depends */ border-bottom:1px dashed black; } li span { float:right; padding-left:10px; } li a { text-decoration:none; padding-right:10px; } li a, li span { position:relative; background:white; /* depends */ top:2px; } </style> </head> <body> <ul> <li><span>1</span><a href="#">link1</a></li> <li><span>2</span><a href="#">link2</a></li> <li><span>3</span><a href="#">link3</a></li> <li><span>4</span><a href="#">link4</a></li> </ul> </body> </html> |
Kapcsolódó bejegyzések:
Valid XHTML transitional doctype, Valid XHTML transitional sablon Az alábbi kódot amolyan segítség leginkább magamnak, hogy ne kelljen mindig megírnom az alapok …
Néha jól jön, hogy egy lapon egyes tartalmakat alapértelmezetten el lehet rejteni a szemek elől (helyspórolás, átláthatóság stb..), persze nem véglegesen, csak á …
Ha különböző adatokat tartalmazó táblákat szeretnék kinyíló, bezáródó effekttel ellátni, használd az alábbi kódot (expand, collapse effect) tabl …
A minap olyan megoldásra volt szükség, hogy egy felső navigációs menüt fülekkel kellett megoldani az alábbi kikötésekkel: - legyen rugalmas (a fül szövege hat …
Menüt listával? Sokaknak ez már régóta természetes, mások meg vakarják a fejüket, hogy most mi van? Pedig ha belegondolunk miről is van szó? egy menülistáról, a …
A cikket beküldte: Harder (http://blog.harder.hu)
Tweet This
Share on Facebook
Digg This
Save to delicious
Stumble it
RSS Feed
Kösz, nagyon hasznos leírás!