Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]Listowanie
Forum PHP.pl > Forum > Przedszkole
Zumi
31.05.2010, 18:15:03
Witam,
mam taki problem chciałbym uzyskac efekt listy taki jak jest tutaj... http://www.ang.pl/sitemap.html

próbowałem juz wiele... np.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html>
  2. <html> 
  3. <head>
  4. 	<title>Marcin Drożdż Photography - Mapa Strony / Site Map</title>
  5. 	<link type="text/css" rel="stylesheet" href="http://www.drozdzphoto.com/css/komunikaty_http.css" />
  6. </head>
  7. <body>
  8. 	<div id="container" style="height:100%;">
  9. 	<table class="projHead">
  10. 	<tr>	
  11. 	<td align="left" class="left"><a href="http://www.pl.drozdzphoto.com/przejdz_do.html"></a><h4 id="portfolio_title">Marcin Drożdż Photography</h4></td>
  12. 	</tr></table>
  13. 	<div class="se"><div class="sw" style="padding-bottom:10px;"><div class="thmbCon">
  14. 		<table>
  15. 	<tr>
  16. 	<td style="padding:0 15px 0 15px;width:800px;">
  17.  
  18.  
  19. <ol>
  20. <li type="disc">Marcin Drożdż Photography (index)
  21. <ul>
  22. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li type="square">Polski</li>
  23. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li type="square">Angielski</li>
  24. </ul>
  25. <li type="disc">galerie
  26. <ul>
  27. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li type="square">Człowiek</li>
  28. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li type="square">Krajobrazy</li>
  29. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li type="square">Miejskie</li>
  30. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li type="square">Reportaż</li>
  31. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li type="square">Ślubne</li>
  32. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<li type="square">Ja</li>
  33. </ul></li></li>
  34. </ol>
  35.  
  36.  
  37. 	</tr></td></table>
  38. 	<div class="clear"></div>
  39. 	</div></div></div>
  40. 	<div id="footer">
  41. 	<p id="rights" class="small">&copy; Marcin Drożdż Photography 2010 <a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;username=Zumi"><img src="http://s7.addthis.com/static/btn/sm-bookmark-en.gif" width="83" height="16" style="border:0"/></a><script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=Zumi"></script></p>
  42. 	<div class="clear"></div>
  43. 	</div></div>
  44. </body>
  45. </html>
[HTML] pobierz, plaintext


jak zrobic by uzyskac takie wcięcia? zrobiłem najprostszym i znanym mi sposobem ale spowodowało to rozjechanie się linijek...

prosze o pomoc,
pozdrawiam Zumi
tehaha
31.05.2010, 18:23:28
a nie możesz dla zagnieżdżonych <ul> ustawić padding-left ?
Zumi
31.05.2010, 18:33:04
niestety nic to u mnie nie daje sad.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.