Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
CSS odległość tła divu od krawędzi górnej i dolnej - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: CSS odległość tła divu od krawędzi górnej i dolnej (/thread-css-odleglo%C5%9Bc-tla-divu-od-krawedzi-gornej-i-dolnej)



CSS odległość tła divu od krawędzi górnej i dolnej - dulek09 - 22-04-2010

Witam serdecznie, chciałbym się dowiedzieć, jak ustawić odległość tła obrazkowego od krawędzi górnej i dolnej? Próbowałem, ale coś nie działa.

OTO CO MAM:
Kod:
div.module_menu div {
background: url(../images/bg_blok.png) repeat-y;

}

Chodzi mi dokładnie, by od górnej było 35px a dolnej 10px Smile
Dzięki serdeczne za pomoc


RE: CSS odległość tła divu od krawędzi górnej i dolnej - dziamber - 22-04-2010

Kod:
background-position: 0px 35px;
pierwsza wartość odpowiada za odległość od lewej strony a druga od górnej krawędzi.


RE: CSS odległość tła divu od krawędzi górnej i dolnej - dulek09 - 22-04-2010

(22-04-2010, 01:12)dziamber napisał(a):
Kod:
background-position: 0px 35px;
pierwsza wartość odpowiada za odległość od lewej strony a druga od górnej krawędzi.

Nic się nie dzieje Smile

screen:
http://img227.imageshack.us/i/sad1l.png/


CSS:
Kod:
div.module_menu div {

background: url(../images/bg_blok.png) repeat-y;

background-position: 0px 35px;
}



div.module_menu div div div {

background: url(../images/h1_bg.png) 0 0 no-repeat;

width: 211px;


}




div.module_menu {

background: url(../images/blok_dol.png);
background-position: bottom;
background-repeat: repeat-x;
padding-top:-7px;
margin-top:27px;

}




h3 {
font-family: Verdana;
font-size: 12pt;
padding-top: 8px;
text-align: center;
padding-left: 10px;
color: #b8bfaa;
}

HTML:
Kod:
<div>
                                                    <h3>Main Menu</h3>
                                            <ul class="menu"><li class="parent active item6"><a href="/new_page/index.php?option=com_contact&amp;view=contact&amp;Itemid=6"><span>Kontakt</span></a><ul><li id="current" class="active item1"><a href="http://preria.pl/new_page/"><span>Strona</span></a></li><li class="item12"><a href="/new_page/index.php?option=com_content&amp;view=frontpage&amp;Itemid=12"><span>Strona</span></a></li><li class="item15"><a href="/new_page/index.php?option=com_content&amp;view=frontpage&amp;Itemid=15"><span>Strona</span></a></li><li class="item18"><a href="/new_page/index.php?option=com_content&amp;view=frontpage&amp;Itemid=18"><span>Strona</span></a></li></ul></li><li class="parent item11"><a href="/new_page/index.php?option=com_contact&amp;view=contact&amp;Itemid=11"><span>Kontakt</span></a></li><li class="parent item14"><a href="/new_page/index.php?option=com_contact&amp;view=contact&amp;Itemid=14"><span>Kontakt</span></a></li><li class="parent item17"><a href="/new_page/index.php?option=com_contact&amp;view=contact&amp;Itemid=17"><span>Kontakt</span></a></li><li class="item19"><a href="/new_page/index.php?option=com_contact&amp;view=contact&amp;Itemid=19"><span>Kontakt</span></a></li></ul>                    </div>



RE: CSS odległość tła divu od krawędzi górnej i dolnej - dziamber - 22-04-2010

Ja tobie nie daje gotowego rozwiązania tylko pomysł. To były i tak przykładowe wartości więc wiadomo, że nie zadziałają Wink


RE: CSS odległość tła divu od krawędzi górnej i dolnej - dulek09 - 22-04-2010

Bardzo by mnie ucieszyło, jakby zadziałało Smile