Witam
Chciał bym zrobić coś takiego jak na obrazku i nie wiem czy szukać kodu css i to jakoś zrobić. Czy po prostu zrobić to prostym kodem html bo nie wiem czy otrzymam efekt aby tekst na obrazku był na końcu odsunięty ? Co lepiej wykorzystać ?
Witam
Chciał bym zrobić coś takiego jak na obrazku i nie wiem czy szukać kodu css i to jakoś zrobić. Czy po prostu zrobić to prostym kodem html bo nie wiem czy otrzymam efekt aby tekst na obrazku był na końcu odsunięty ? Co lepiej wykorzystać ?
Grafikę dajesz jako tło dla danego boksu.
Mam coś takiego ale lekko nawala tekst nie jest po lewej i tło nie ma odpowiedniej wielkości…
Może ktoś mi to poprawi ??
.strg {
float: right;
width: 240px;
height: 25px;
background: #000 url('str_g/pak.png') top left no-repeat;
text-align: center;
}
.strg span { float: right; margin-right: 4px; }
.strg {
float: right;
width: 240px;
height: 25px;
background: #000 url('str_g/pak.png') top left no-repeat;
}
.strg span {margin-left: 4px;color:#fff; }
Chcesz mieć po lewej a ustawiasz wszystko po prawej
Masz tam width/height.
Użyłem takiego kodu
.strnox {
float: right;
width: 240px;
height: 35px;
background: #000 url('str_g/pak.png') top left no-repeat;
text-align: left;
display: block;
}
i otrzymałem taki efekt :
Tylko jak przenieść tekst do takiej pozycji : ??
np.
.strnox span {color:#fff;margin:7px 0 0 19px;display:inline-block;}
Hehe, mam identyczny problem jak odsunąć ten tekst
Próbowałem na rożne sposoby ale ten kod nie działa…
Pewnie nie działa Ci dlatego, że założyłem iż w boksie o class=strnox znajduje się tag .
np.
srer
[/code]
Wielkie dzięki mario@
Teraz się zastanawiam jak nadać tekstowi jakiś kolor i jak wyśrodkować to (bo jest kawałeczek na prawo) :
Kolor nadajesz w.strnox span{} parametr color.
Wywal z strnox float: right; i zobacz co będzie (dodatkowo dodaj parametr margin).
Kiedy to wywalam to się wszystko sypie i wchodzi pod obrazek który jest nad tym to samo kiedy dam tam center.
Dodaj do strnox margin-right: i ustaw sobie jakąś tam wartość.
Ok to już działa, nie wiem co z kolorem niby go zmieniam w css ale nic dalej czarny… Może zmienię po prostu w html ?
Nie kapuję zrobiłem tak po prostu w html i działa, chyba nie ma różnicy oto kod :
[/code]