Forum PHP.pl > [CSS][HTML]Skąd przerwa pomiędzy nagłówkiem a treścią

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [CSS][HTML]Skąd przerwa pomiędzy nagłówkiem a treścią

Forum PHP.pl > Forum > Przedszkole

maciej916

9.08.2011, 08:19:29

Oto Mój Problem :

Kod Panelu:

Kod

<div id="glowna" style="width:568px;">

                <div id="lewy"class="tekstlewy"><b>>></b>Test</div>
        <div>
            <div id="lewy_bg">
Test.Test.Test.Test.Test.Test.Test.Test.Test.Test.Test.Test.Test.
            </div>
            <div id="news_info">
                <div id="news2">Dodał: <span style="color: #ff0000;">MalakPl</span> Dnia: <span style="color: #ff0000;">7.Sierpnia.2011</span></div>
            </div>
        </div>
        <div id="lewy_dul"></div>

Css Panelu

Kod

#glowna {
    float: left;
}

#lewy {
    background: url('images/lewy.png');
    background-repeat: no-repeat;
  width:568px;
  height:53px;
}

.tekstlewy {
  font-family:Arial;
  font-size:14px;
  padding:23px 0 0 10px;
}

#lewy_dul {
    background:url('images/lewy_dul.png');
    background-repeat: no-repeat;
    width: 568px;
    height: 10px;
}

#news2 {
    padding:5px 10px 0px 5px;
    font-family:Tahoma;
    font-size: 11px;
    color:#ffffff;
}

#news_info {
    background:url('images/news_info.png');
    background-repeat: repeat-y;
    padding:6px 0px 0px 40px;
    width: 568px;
    height: 32px;
    font-family:Arial;
    font-size: 12px;
    color:#ffffff;
}

#lewy_bg {
    background:url('images/lewy_bg.jpg');
    padding:5px 10px 10px 10px;
    font-family:Tahoma;
    font-size: 11px;
    color:#000000;

}

dlaczego jest taka przerwa

Daiquiri

9.08.2011, 08:53:35

"Co robię źle" nie jest odpowiednim tytułem. Proszę o propozycję sensowniejszej nazwy dla tego tematu (takiej, która będzie chociażby po części oddawała charakter problemu), a otworzę Twój wątek.

luckyps

9.08.2011, 09:24:16

A jakie sa wymiare -> images/lewy.png ?

ferrero2

9.08.2011, 09:47:17

Zrób tak :
Po pierwsze po ustawiaj w pozycjonowanych divach wewnątrz Twojego kontenera jak i w nim samym marginesy zewnętrzne czyli : margin:0;
Dodatkowo pozmieniaj background tych trzech div-ów na odróżniające się od siebie, wtedy dokładnie będziesz widział co do czego nie dostaje, a co jest pomiędzy i dokładnie będziesz mógł stwierdzić, czy jest to rozmiar, margines wewnętrzny, zewnętrzny czy np obramowanie.

Pozdrawiam

maciej916

9.08.2011, 10:44:34

Cytat(luckyps @ 9.08.2011, 10:24:16 )

A jakie sa wymiare -> images/lewy.png ?

568x53

mi się wydaje że jest to coś w .tekstlewy

Kod

.tekstlewy {
  font-family:Arial;
  font-size:14px;
  padding:23px 0 0 10px;
}

jest to wina padding on robi taki margines ale jak to zmienie to tekst nie będzie tam gdzie ja chce jak to zrobić inaczej

luckyps

9.08.2011, 10:50:12

A sprobuj tak:

[HTML] pobierz, plaintext 
<div id="lewy">
    <div class="tekstlewy"><b>>></b>Test</div>
</div>
[HTML] pobierz, plaintext

nie zmieniając nic w stylach.

maciej916

9.08.2011, 10:52:14

Cytat(luckyps @ 9.08.2011, 11:50:12 )

A sprobuj tak:

[HTML] pobierz, plaintext 
<div id="lewy">
    <div class="tekstlewy"><b>>></b>Test</div>
</div>
[HTML] pobierz, plaintext

nie zmieniając nic w stylach.

Jesteś Wielki Daje Pomógł

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.