Złe położenie obrazka w modnotice

Założony przez matajas1.

wersja skryptu MyBB:1.6.7
adres forum: http://www.frag-play.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam

Moje css modnotice wygląda tak :

Kod:
.modnotice {  
    background: url(images/40.png) no-repeat scroll 5px center #D5D5D5;
    border: 1px solid #0F5C0E;
    color: #000000;
    font-size: 12px;
    margin: auto;
    padding: 8px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -icab-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
}

A tak wygląda to na forum :

Kod:
http://frag-play.pl/showthread.php?tid=2

CHyba nic nie musze wyjaśniać, proszę o pomoc.
TaniDedyk.pl
Zamiast center, daj right. I wywal też 5px

.modnotice {
background: url(images/40.png) no-repeat scroll right #D5D5D5;
border: 1px solid #0F5C0E;
color: #000000;
font-size: 12px;
margin: auto;
padding: 8px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-icab-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
}


@down - nie napisałeś dokładnie tylko kazałeś się domyślać. :P
Źle zrozumiałeś ja chce żeby obrazek był po lewo i napis przesuniety lekko w prawo zeby to mialo rece i nogi.

.modnotice {
background: url(images/40.png) no-repeat scroll left #D5D5D5;
border: 1px solid #0F5C0E;
color: #000000;
font-size: 12px;
margin: auto;
padding: 20px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-icab-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
}

Nadal nic zwiększyłeś tylko szerokość notki.

[Obrazek: 99123941859215113235.png]
Kod:
.modnotice {  
    background: url(images/40.png) no-repeat scroll left #D5D5D5;
    border: 1px solid #0F5C0E;
    color: #000000;
    font-size: 12px;
    margin: auto;
    padding: 8px;
    padding-left:50px;
  -moz-border-radius: 6px;
    -o-border-radius: 6px;
    -icab-border-radius: 6px;
    -khtml-border-radius: 6px;
    -webkit-border-radius: 6px;
}
Podziękowali: matajas1
Już jest ok :)

Ale chciałbym lekką modyfikacje przesunąć tekst i obrazek tzn zrobić większy odstęp obrazka od tekstu jaki obrazka od krawędzi.

Jeśli chodzi o tekst to domyślam się że jest to :
padding-left:(zwiekszyc px).
Lecz problem z obrazkiem wiecie jak to zrobic ?
Obrazka od krawędzi to musisz graficznie dodać niewidzialny prostokąt przed obrazkiem, lub coś podobnego.
Podziękowali: matajas1


Użytkownicy przeglądający ten wątek:

1 gości