[CSS][HTML]Skąd przerwa pomiędzy nagłówkiem a treścią Opcje

[maciej916]

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

Powód edycji: [Daiquiri]: Otwieram

[Daiquiri]

"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]

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

[ferrero2]

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]

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]

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.

Ten post edytował luckyps 9.08.2011, 10:50:51

[maciej916]

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ł