Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]problem z okreslaniem wielkosci elementow
Forum PHP.pl > Forum > Przedszkole
tog
mam taki plik CSS

  1.  
  2. /* LOGO */
  3. div#logo {
  4. position: relative;
  5. top: 130px;
  6. }
  7.  
  8. div.nad_logo {
  9. height: 20px;
  10. width: 100%;
  11. background: url('http://ifotos.pl/img/rqrhsq.png.png');
  12. }
  13.  
  14. img.logo {
  15. position: relative;
  16. top: -150px;
  17. left: 150px;
  18. }
  19.  
  20. div.logo_gora {
  21. display: block;
  22. width: 100%;
  23. height: 42px;
  24. background-color: b9daff;
  25. }
  26.  
  27. div.logo_dol {
  28. display: block;
  29. width: 100%;
  30. height: 108px;
  31. background-color: b2d6ff;
  32. }
  33.  
  34. /* /LOGO */
  35.  
  36. /* menu */
  37.  
  38. div#menu {
  39. background: url('menu_swiatlo.png');
  40. width: 100%;
  41. height: 150px;
  42. display: block;
  43. }
  44.  
  45. /* /menu */
  46.  


pozniej html

  1.  
  2. <div id="logo">
  3. <div class="nad_logo"></div>
  4. <div class="logo_gora"></div>
  5. <div class="logo_dol"></div>
  6. <img src="logo.png" class="logo">
  7. </div>
  8. <div id="menu">
  9.  
  10. </div>
  11.  


obrazek loga to 150px; jak div w ktorym sie znajduje
wydaje mi sie, ze element div#menu powinien pojawic sie pod div#logo
a pojawia sie 20px; pod nim
jak dam do div#menu 'posiiton: relative; top: -20px;' to wyswietla tak jak chce
i jest to jakeis rozwiazanie, tylko fajnie byloby wiedziec dlaczego tak sie dziele

a tak przy okazji
to dobry sposob budowy strony ?
seth-kk
Cytat(tog @ 15.12.2009, 00:17:18 ) *
...tylko fajnie byloby wiedziec dlaczego tak sie dziele...

pewnie jakis margin/padding

Cytat(tog @ 15.12.2009, 00:17:18 ) *
...to dobry sposob budowy strony ?

jak dla mnie za duzo divow
tog
margin i padding juz probowalem
nie robi roznicy

jak juz pisze... mam jeszcze jeden problem
chce dac linki obok siebie(nie jeden pod drugim) z x odlegloscia je dzielaca
ustawienie szerokosci linku to moze nei to o co mi chodzilo ale mogloby byc
tylko wtedy linki ulozyly sie jeden pod drugim
jak dalem spacje 'nbsp' czy jak i tam... ti validator znalazl mi mase bledow przez te znaki

heh... jak zminilem na xhtml to pojawilo sie jeszcze kilak px odstepu
teraz tylko musze zgadnac ile... lub najlepiej by bylo zlikwidowac ten problem, a nie jedynie go maskowac
athei
Po co divom dajesz display: block, przecież to już są elementy blokowe. Usuń position:relative i ustawiaj elementy używając float jeśli trzeba aby były obok siebie, a jak już potrzebujesz position to poczytaj jak to działa.

Na przyszłość umieszczaj pliki na jakimś serwerze, żeby było widać o co chodzi.
tog
zmienilem nieco udowe strony
zamiast opierac elementy o siebie, gdzie pierwszy ma top-130px to dalem jeszcze jeden div z top-130px a pierwszy element bez tego
rozwiazlo to moj problem calkowicie

nie zawsze da sie uzyc float winksmiley.jpg
a przynajmniej tak aby nie nadrabiac niepotrzebnym kodem
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.