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