phpBB2 by Przemo

zielu001 · Posty: 2

Witam, mam problem otóż robię stronę i mam problem z belką..
Mam taki kod:
HTML:

Kod:

<div id="info">
<div id="infotext">
<font size="2">Current Release: SA-MP 0.3a</font>
<font size="2">Development: SA-MP 0.3b</font>
<font size="2">Players Online: 10869</font>
<font size="2">Servers Online: 2426</font>
</div>
</div>

CSS:

Kod:

#info {
background-image: url(images/info.png);
width: 736px;
height: 32px;
}
#infotext {
text-align: center;
}

Wychodzi mi takie coś:

Chciał bym mieć ten text na środku tej belki ale coś mi nie wychodzi.. .

Jak dodam do CSS w #infotext margin-top:3px to mi przesuwa całą belkę z textem, tak samo do #info w dół..

(

Mógł by mi ktoś pomóc to ułożyć ?

Proszę!

Pozdrawiam Łukasz..

Gadatliwa Kasia

JustDoIt! · **Pomógł:** 115 razy Posty: 869

spróbuj z tym kodem

Cytat:

<div style="border.1xp solid black; position:relative; width:736px; height:32px;">
<img src="link_do_obrazka.png"/>
<div style="position:absolute; bottom:0; right:0;">TEKST KTÓRY MA BYĆ POKAZYWANY NA OBRAZKU</div>
</div>

zielu001 · Posty: 2

Dzięki, co prawda nie pomogło ale domyśliłem się po tym co i jak ma być. Thx!

SpiJay · **Pomógł:** 14 razy Posty: 344

do

Kod:

#infotext {
text-align: center;
}

możesz zastosować padding.

Kod:

#infotext {
text-align: center;
padding-top: wartość;
}

odpowiada to za "przesunięcie" od określonego położenia początkowego o X px (bądź nnej jednostki)

kevin_ · **Pomógł:** 768 razy Posty: 2680

line-height