Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Pozycjonowanie, margin
Forum PHP.pl > Forum > Przedszkole
kkuba
Witam. 

Problem polega na tym, że p i span po próbie ustawienia marginesu tekstu, rozjeżdżają mi stronę. 

Kodzik css: 

Kod
    body<BR>    {<BR>        margin: 0px;<BR>        height: 100%;<BR>    }<BR>    #top<BR>    {<BR>        width: 100%;<BR>        height: 109px;<BR>        background: url('img/top.png');<BR>    }<BR>    .title<BR>    {<BR>        margin-top: 30px;<BR>    }





Jak to wygląda? O tak: http://iv.pl/images/lxpk9jsxfov3b64lpg1h.png

Tej przerwy na górze być nie powinno. 

I teraz pytanie: Jak to naprawić? ; < W css zawsze mam problemy z pozycjonowaniem.. 



Pozdrawiam. 
slawny
A po co ci w tej całej historii p i span?
Wklej kod php
kkuba
kod php? nie ma : )

dodam jeszcze:
Kod
    <div id="top"><p class="title">title</p>
    </div>


Próbowałem z h1 i position: absolute; (działało jak powinno), ale czy to dobre rozwiązanie to nie wiem (jak już wspominałem - w css za dobry nie jestem), dlatego pytam ; )
slawny
No fakt...o który pasek ci chodzi? ten nad czy pod przyciskami?
kkuba
Tekst jest dobrze ustawiony, tylko to kremowe tło powinno być od samej góry - nie powinno być tego białego.
slawny
Dokładnie ci ni pomogę, bo sam znam podstawy jeżeli chodzi o css, ale ja bym zamiast p dal drugiego diva, albo usunął margin top.
kkuba
Dobra, dam position: absolute;

Ale i tak dzięki : )
kantek
Dude dałeś margin-top:30px dla <p> to dlatego Ci odsuwa od góry smile.gif

Wywal <p>i</p>, a text będzie się zachował tak jak jest ustalony dla div=top
czyli np.
#top{
font-size:12px; - taki bedzie rozmiar czcionki
color: #cdcdcd; - taki bedzie kolor czcionki
}

i wtedy masz:
<div id="top">title</div>

I jak to zrobisz oczywiście usuń absolute smile.gif
Pozdrawiam
kkuba
Nie zrozumiałeś, to tekst ma być X pikseli od góry strony.

position: absolute rozwiązało problem. Nie wiem czy jest to najlepsze rozwiązanie, ale w każdym razie działa.
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.