+- 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] odleglosci miedzy divami w pionie (/thread-css-odleglosci-miedzy-divami-w-pionie)
[css] odleglosci miedzy divami w pionie - grzesiek77 - 21-12-2011
Pytanie laika.
Czy jesli umieszczam w kodzie warstwy pod soba, tak jak sa ulozone na stronie:
Kod:
<div class="pierwszy_box"></div>
<div class="drugi_box"></div>Jesli jest przestrzen tak jak to widze u siebie (niestety) to jak ja usunac? (wysokosc boksow nie jest stala)
Dalem padding: 0 i sie polaczyly, ale jak teraz odsunac tekst od krawedzi diva zeby nie robily sie dziury miedzy warstwami?
RE: [css] odleglosci miedzy divami w pionie - Pedro84 - 21-12-2011
Tekst odsuwasz właśnie za pomocą padding...
Co chcesz osiągnąć?
RE: [css] odleglosci miedzy divami w pionie - Kartofelek - 21-12-2011
ogólnie robisz to za pomocą overflow:hidden + padding lub line-height. Overflow:hidden jest dla "trzymania tla". Chociaz lepiej poczytaj po co to jest, bo nie chce mi sie tutaj tutoriala pisac
RE: [css] odleglosci miedzy divami w pionie - grzesiek77 - 21-12-2011
Dalem wewnatrz diva <p>...</p> z tym tekstem i dla p dalem padding:, ale to nie pomoglo.
Juz wyjasniam o co mi chodzi.
Kod:
<div class="lewa">
<div class="pierwsza"><p>tekst</p></div>
<div class="druga"></div>
</div>w css wyglada to mniej wiecej tak:
Kod:
.lewa {
background: #999999;
float: left;
width: 200px;
}
.pierwsza {
width: 200px;
height: 69px;
background: url('tlo_logowanie.png') no-repeat;
font-family: Arial, serif;
font-size: 11px;
color: black;
}
div.pierwsza p {
padding: 10px 5px 5px 10px;
display: block;
}
.druga {
width: 200px;
height: 25px;
background: url('tlo_przyciski.png') repeat-y;
font-family: Arial, serif;
font-size: 12px;
font-weight: bold;
color: navy;
}
Efekt warstwa .pierwsza nie zaczyna sie na samej gorze warstwy .lewa, jest 20px odstep w pionie.
Gdy daje padding na .pierwsza i rezygnuje z <p></p> to wtedy odstep jest miedzy .pierwsza, a .drugaRE: [css] odleglosci miedzy divami w pionie - grzesiek77 - 22-12-2011
Dalem div w divie zamiast p i jest ok
RE: [css] odleglosci miedzy divami w pionie - Moody - 23-12-2011
O ile dobrze zrozumiałem o co Ci chodzi to powinieneś ustawić właśnie margin i padding dla p na wartość 0. Żeby nie było przesunięcia.
Margin 0 dla divów,by nie miały między sobą odstępu. I dać jakąs wartość padding na div ,żeby tekst nie był przy samej górze danego diva.
RE: [css] odleglosci miedzy divami w pionie - grzesiek77 - 27-12-2011
To nie rozwiazuje problemu bo robi sie przerwa.