Forum PHP.pl > [css] ul i li

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki

Artu123

21.01.2009, 16:21:51

Kod

.shadetabs {
text-align:center;

}
.shadetabs li {
display:inline;
}
.shadetabs li a{
background-image:url(off.jpg);
background-repeat:no-repeat:
width:44px;
height:20px;
background-position:top;
padding-top:14px;
padding-right:3px;
padding-left:3px;
text-align:center;
color:#6d6d6d;
font-size:10px;
font-family:Arial;
}

.shadetabs li a.selected{
background-image:url(on.jpg);
background-repeat:no-repeat:
width:44px;
padding-top:14px;
padding-right:3px;
padding-left:3px;
background-position:top;
height:20px;
text-align:center;
color:#fff;
font-size:10px;
font-family:Arial;
}

Wydaje mi się, że żadnego błedu nie popełniłem a jednak jest .

więc tak: obrazek się powtarza ustawiłem, żeby się nie powtarzał no i przez padding to jest tak u góry. Bez paddingu jest tak:

EarthCitizen

21.01.2009, 16:30:51

Kod

background-repeat:no-repeat: /* na końcu tej linijki jest dwukropek a nie średnik */

Zgadza się?

Artu123

21.01.2009, 16:31:50

Cytat(EarthCitizen @ 21.01.2009, 16:30:51 )

Kod

background-repeat:no-repeat: /* na końcu tej linijki jest dwukropek a nie średnik */

Zgadza się?

Taki głupi błąd. Naprawiłem, ale dalej mam problem z tym paddingiem. Tak jak na obrazku jest .

EarthCitizen

21.01.2009, 16:54:28

.shadetabs {
text-align:center;
padding: 0;
}

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.