CSS odległość tła div'a od krawędzi górnej i dolnej
Strona 1 z 2 12 OstatniOstatni
Wyniki 1 do 10 z 14

Temat: CSS odległość tła div'a od krawędzi górnej i dolnej

  1. #1
    Przeglądacz
    Dołączył
    25-11-2008
    Wpisy
    50
    Punkty
    10

    Domyślny CSS odległość tła div'a od krawędzi górnej i dolnej

    Witam serdecznie, postanowiłem zrobić własną templatkę i mam następujący problem, otóż chciałbym, aby tło w bloku menu było osadzone 37px od góry i 14 od dołu. Mam coś takiego:
    Kod HTML:
    <div class="module_menu">
                   <div>
                           <div>
                                   <div>
                                          <h3>Main Menu</h3> 
                                   ZAWARTOŚĆ MODUŁU MENU
                                   </div>
                           </div>
                   </div>        
    </div>
    CSS:
    Kod HTML:
    div.module_menu div {
    
    }
    
    div.module_menu div div div {
    background: url(../images/blok_dol.png) no-repeat;
    background-position: bottom;
    
    }
    
    div.module_menu {
    background: url(../images/bg_blok.png) repeat-y;
    
    }
    
    
    h3 {
    background: url(../images/h1_bg.png) 0 0 no-repeat;
    height: 37px;
    font-family: Verdana;
    font-size: 12pt;
    padding-top: 9px;
    text-align: center;
    padding-left: 10px;
    color: #b8bfaa;
    
    }
    podgląd: www.preria.pl/new_page/

  2. Pani Reklamowa
    Pani Reklamowa jest aktywna
    Avatar Panny Google

    Dołączył
    19-08-2010
    Skąd
    Internet
    Postów
    milion
    Pochwał
    setki
  3. #2
    Wiarus Robster awatar
    Dołączył
    30-01-2010
    Skąd
    Częstochowa
    Wpisy
    2 136
    Punkty
    135

    Domyślny

    Skoro już podałeś link do strony i napisałeś co byś chciał, możesz zadać pytanie.
    Nic co jest warte posiadania nie przychodzi łatwo.
    http://robertmatuszewski.pl

  4. #3
    Przeglądacz
    Dołączył
    25-11-2008
    Wpisy
    50
    Punkty
    10

    Domyślny

    otóż chciałbym, aby tło w bloku menu było osadzone 37px od góry i 14 od dołu
    Napisałem wyraźnie

  5. #4
    Wiarus Robster awatar
    Dołączył
    30-01-2010
    Skąd
    Częstochowa
    Wpisy
    2 136
    Punkty
    135

    Domyślny

    A ja nadal pytam co chcesz osiągnąć. Masz 3 pliki tła i ja mam sobie wybrać, które wypozycjonować, tak?

    Elementy pozycjonujesz właściwościami margin i padding.
    Nic co jest warte posiadania nie przychodzi łatwo.
    http://robertmatuszewski.pl

  6. #5
    Senior zwiastun awatar
    Dołączył
    20-09-2005
    Wpisy
    27 315
    Punkty
    1142

    Domyślny

    @Robster: eeeee,tam - a własności typu position, left, right, top, bottom, i parę innych...
    @dulek: we własności background-image możesz okreslić parametry: left top, right bottom itd albo za pomocą tych dwu cyferek na końcu jedna 0<-left ->100% right, druga 0<-top ->100% bottom
    (oczywiście albo cyferki, wtedy precyzyjnie, mogą być także piksele, albo słowa kluczowe i wtedy left, right, center)
    Korzystaj i ciesz się!
    ===============
    Zwiastun
    Biblioteka Elektronicznej Dokumentacji Joomla!

  7. #6
    Przeglądacz
    Dołączył
    25-11-2008
    Wpisy
    50
    Punkty
    10

  8. #7
    Przeglądacz
    Dołączył
    25-11-2008
    Wpisy
    50
    Punkty
    10

    Domyślny

    Trochę to uporządkowałem, jednakże dalej nie wiem jak to poukładać, za każdym razem wychodzą mi dziwne rzeczy.


    Kod HTML:
    div.module_menu {
    position: relative;
    z-index:200;
    
    }
    
    div.module_menu div {
    background: url(../images/h1_bg.png) 0 0 no-repeat;
    width: 211px;
    
    
    }
    
    
    
    div.module_menu div div {
    background: url(../images/bg_blok.png) repeat-y;
    z-index:200;
    
    }
    
    div.module_menu div div div {
    background: url(../images/blok_dol.png) no-repeat;
    background-position: bottom;
    width: 211px;
    z-index:200;
    
    
    }
    
    
    h3 {
    
    font-family: Verdana;
    font-size: 12pt;
    padding-top: 9px;
    text-align: center;
    padding-left: 10px;
    color: #b8bfaa;
    }

  9. #8
    Senior zwiastun awatar
    Dołączył
    20-09-2005
    Wpisy
    27 315
    Punkty
    1142

    Domyślny

    Co "poukładałeś"? Przecież nadal nie określiłeś pozycji obrazków (poza jedną informacją)!
    Korzystaj i ciesz się!
    ===============
    Zwiastun
    Biblioteka Elektronicznej Dokumentacji Joomla!

  10. #9
    Przeglądacz
    Dołączył
    25-11-2008
    Wpisy
    50
    Punkty
    10

    Domyślny

    Zwyczajnie nie wiem jak to zrobić. Ani margin, ani padding ani nic nie działa albo nie działa tak jak trzeba.

  11. #10
    Senior zwiastun awatar
    Dołączył
    20-09-2005
    Wpisy
    27 315
    Punkty
    1142

    Domyślny

    Bo nie margin i nie padding służą do pozycjonowania tła! Napisałem Ci to wczoraj o godzinie 10:18! Wybacz, ale albo czytasz ze zrozumieniem, albo olewasz!
    Korzystaj i ciesz się!
    ===============
    Zwiastun
    Biblioteka Elektronicznej Dokumentacji Joomla!

Strona 1 z 2 12 OstatniOstatni

Podobne tematy

  1. Menu - tło nagłówka, środkowej i dolnej części
    przez Aramil na forum Szablony, wygląd, formatowanie
    Odpowiedzi: 2
    Ostatni post/autor: 14-02-2010, 23:26
  2. Firefox nie rozciąga div'a
    przez Robb na forum Szablony, wygląd, formatowanie
    Odpowiedzi: 12
    Ostatni post/autor: 06-05-2009, 08:38
  3. jak łamaną linię przesunąć do prawej krawędzi
    przez zibideusz na forum Szablony graficzne
    Odpowiedzi: 2
    Ostatni post/autor: 21-07-2007, 12:15
  4. Za duży odstęp od lewej krawędzi
    przez pawluch4 na forum Szablony graficzne
    Odpowiedzi: 0
    Ostatni post/autor: 10-08-2006, 22:54
  5. odzegłość w IE a odległość w FF
    przez deflection na forum Szablony graficzne
    Odpowiedzi: 2
    Ostatni post/autor: 07-06-2006, 13:21

Reguły pisania

  • Nie możesz zakładać nowych tematów
  • Nie możesz dodawać wypowiedzi
  • Nie możesz dodawać załączników
  • Nie możesz poprawiać swoich postów
  •