Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Złe położenie obrazka w modnotice

Założony przez  matajas1.

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

Witam

Moje css modnotice wygląda tak :

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

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

CHyba nic nie musze wyjaśniać, proszę o pomoc.
Zamiast center, daj right. I wywal też 5px
.modnotice {   
    
backgroundurl(images/40.pngno-repeat scroll right #D5D5D5;
    
border1px solid #0F5C0E;
    
color#000000;
    
font-size12px;
    
marginauto;
    
padding8px;
    -
moz-border-radius6px;
    -
o-border-radius6px;
    -
icab-border-radius6px;
    -
khtml-border-radius6px;
    -
webkit-border-radius6px;


@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 {   
    
backgroundurl(images/40.pngno-repeat scroll left #D5D5D5;
    
border1px solid #0F5C0E;
    
color#000000;
    
font-size12px;
    
marginauto;
    
padding20px;
    -
moz-border-radius6px;
    -
o-border-radius6px;
    -
icab-border-radius6px;
    -
khtml-border-radius6px;
    -
webkit-border-radius6px;

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

[Obrazek: 99123941859215113235.png]
.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;
}
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.



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

1 gości