Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [css][/html]układ strony
Forum PHP.pl > Forum > Po stronie przeglądarki
Lejto
Mam taki kod css
  1. *{
  2. padding: 0;
  3. margin: 0;
  4. }
  5. body{
  6. background:url(images/tlo.gif);
  7. padding-top:10px;
  8. font:x-small Georgia,Serif;
  9. voice-family: "\"}\""; voice-family:inherit;
  10. font-size:12px;
  11. }/* cad0c3 */
  12. #container {
  13. width: 850px;
  14. margin: auto;
  15. }
  16.  
  17. #header{
  18. background-image:url(images/spin2_01.gif);
  19. width:850px;
  20. height:182px;
  21. }
  22. #img{
  23. background-image:url(images/spin2_02.gif);
  24. width:850px;
  25. height:14px;
  26. }
  27. #img1{
  28. background:url(images/spin2_03.gif) repeat-y 70% 0;
  29. width:850px;
  30. }
  31. .img1a{
  32. float:left;
  33. width:170px;
  34. }
  35. #img1b{
  36. width:610px;
  37. float: left;
  38. }
  39. #img2{
  40. background-image:url(images/spin2_04.gif);
  41. width:850px;
  42. height:19px;
  43. }
  44. .clear{
  45. clear:both;
  46. }
  47. .nag{
  48. font-size:15px;
  49. font-weight:bold;
  50. }
  51. hr{
  52. border:1px black;
  53. border-style: outset;
  54. margin-bottom:6px;
  55. }
  56. .inf{
  57. margin-top:15px;
  58. word-spacing:2px;
  59. }

wszystko jest ok tylko jak użyłem <table> i ul żeby wypisać ofertę firmy w 4 kolumnach (czy lepiej div?)
i tu mam problem że jak mam tą tabele z ul to lista a obok wypunktowane (kropki) mam poza tabelą.
Gdy wywaliłem z kodu
  1. *{
  2. padding: 0;
  3. margin: 0;
  4. }

tabelka wygląda ok
tylko porobiły się odstępy na stronie np. jak mam top strony i informacje to jest przerwa a potem dane... ;/
gdy dodałem to co jest w *{} do innych elementów styli strony poza body{} to nic nie dało
R&R
Nic dziwnego, skoro użyłeś list, a ich nie wystylizowałeś..

Poczytaj trochę o tym, a tak btw. masz tu zarąbistą stronkę z wszelkimi typami list:

http://css.maxdesign.com.au/listamatic/

Pozdrawiam smile.gif
rr
Lejto
a dokładniej to nie rozumiem
zastosować list-style: ;?
a styl w *{} zostawić?
Lion_87
Cytat
a dokładniej to nie rozumiem
zastosować list-style: ;?
a styl w *{} zostawić?


ta zastosuj list-style dla ul li i zobacz efekt.
Lejto
no dobra ale jaki styl do list-style?
Lion_87
Kod
list-style-type:none;

questionmark.gif
Lejto
no "kropki" po tym zniknęły a jak chcę żeby były tylko w tabelce a nie poza nią
http://img102.imageshack.us/img102/3603/kropkir.gif
Lion_87
Cytat
no "kropki" po tym zniknęły a jak chcę żeby były tylko w tabelce a nie poza nią
http://img102.imageshack.us/img102/3603/kropkir.gif


co?? pisz zrozumiale
Lejto
po dodaniu list-style-type:none; styl listy dla li czyli wypunktowanie (kropki) oczywiście zniknęły, ja chcę żeby one były tylko żeby były w tabelce a nie poza nią
Lion_87
ja jeszcze od siebie dodam jak byś miał problem z odległością "kropek" od krawędzi

Kod
ul, ul li{
margin:0px;
list-style-type:disc;
list-style-position:inside;
text-indent: -2em; // - tutaj zmieniaj wartość na odpowiednią dla siebie
}
Lejto
ok zrobilem, myślalem ze nie trzeba będzie używać wcięć
ps ten screen co dałem to dane mam w <table> tu można <table> zastosować czy lepiej div?
Lion_87
Cytat
ps ten screen co dałem to dane mam w <table> tu można <table> zastosować czy lepiej div?


Można też zastosować samo UL LI bez TABLE czy DIV.
A co do pytania to wydaje mi się że bez różnicy bo chodzi o wyświetlanie danych więc czy TABLE czy DIV nie ma znaczenia choć przy DIV chyba mniej roboty by było.
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.