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

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

line-height


Powered by phpBB modified by Przemo © 2003 phpBB Group