Zobacz temat - Text na obrazku

To jest tylko wersja do druku, aby zobaczyć pełną wersję tematu, kliknij TUTAJ
	phpBB2 by Przemo Support forów phpBB2 modified by Przemo

HTML/PHP/AJAX/JS - Text na obrazku

zielu001 - 26-11-2009, 18:45
Temat postu: Text na obrazku

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..

JustDoIt! - 26-11-2009, 18:59

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 - 26-11-2009, 19:02

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

SpiJay - 26-11-2009, 19:05

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_ - 26-11-2009, 19:55

line-height