Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[css] odleglosci miedzy divami w pionie
#1
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>
to czy mimo margin: 0; pomiedzy nimi domyslnie jest jakas przestrzen, czy tez powinny sie one stykac?
Jesli jest przestrzen tak jak to widze u siebie (niestety) to jak ja usunac? (wysokosc boksow nie jest stala) Smile
Dalem padding: 0 i sie polaczyly, ale jak teraz odsunac tekst od krawedzi diva zeby nie robily sie dziury miedzy warstwami?
Odpowiedz
#2
Tekst odsuwasz właśnie za pomocą padding...

Co chcesz osiągnąć?
Dobre samopoczucie w tym tygodniu sponsoruje cytat:
Cytat:Mogę tylko tylko na prawo i lewo ale na środek nie mogę.
Odpowiedz
#3
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 Big Grin
Odpowiedz
#4
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 .druga



Odpowiedz
#5
Dalem div w divie zamiast p i jest ok
Odpowiedz
#6
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.

Pomogłem? To daj plusa Cool
Odpowiedz
#7
To nie rozwiazuje problemu bo robi sie przerwa.
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  centrowanie tekstu (2 linie) w pionie jingels 2 2,782 28-07-2012, 18:31
Ostatni post: jingels
  wyśrodkowanie obrazka w pionie... kuba 6 7,047 08-05-2012, 15:41
Ostatni post: n0xx
  [jQuery] Centrowanie obrazka w pionie R_Rafalsky 3 3,411 09-02-2012, 00:03
Ostatni post: R_Rafalsky
  [css] jak wyrownac tekst w pionie w divie grzesiek77 5 4,141 18-01-2012, 17:33
Ostatni post: Kartofelek
  Przejścia między podstronami Marys 1 2,160 05-11-2011, 22:30
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl