Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] obrazki pod lista wyliczeniową...
Forum PHP.pl > Forum > Przedszkole
kkuubbaa88
mam na stronie:

  1. <div class="przyciski_logo">
  2. <ul>
  3. <li>1</li>
  4. <li>2</li>
  5. <li>3</li>
  6. <li>4</li>
  7. <li>5</li>
  8. </ul>
  9. </div>


i chcialbym pod kazdym z numerkiem dac inne tlo w css... jak moge to zrobic ? jak sie do tego odniesc ?
wookieb
kazdemu dac inna klase badz id. albo bezposrednio dawac tlo w tagach.
kkuubbaa88
udalo mi sie smile.gif tylko teraz mam problem z wielkoscią, poniewaz staram sie wpisac do li

width:91px;
height:65px;

poniewaz potrzebuje takie obrazki o tych rozmiarach... co robie nie tak ?
erix
Nie masz tagu dla obrazka, to to nic nie da. (tylko wysokość pójdzie)

Daj background-repeat: no-repeat.
kkuubbaa88
to ciagle mi nic nie daje... nei moge wyswietlic calego obrazka, tylko jest ta czesc gdzie tekst... a potrzebuje caly obrazek miec na tym li... jak to zrobic ?
wookieb
Pokaż co chcesz uzyskac (w formie obrazka). I zapodaj link do strony. Zeby zapodac tlo do kazdego elementu oddzielnie to musisz dac azdzemu temu elementu id
a potem w css
Kod
#id
{
background: url(obrazek.jpg) no-repeat;
}
kkuubbaa88
poradzilem juz sobie z tym, ale mam jedno pytanie... podczas np. zmiany rozmiaru okna moje przyciski pod li zamiast zostać na swoich miejscach to przemieszczają się względem ramki przeglądarki, aż do momenu gdy są ustawione w pionie... :/ dlaczego tak sie dzieje ? jak zrobic, aby te przyciski byly na swoich miejsach bez wzgledu na rozmiar okna ?
erix
Może pokaż tę stronę? Mimo wszystko.

Trochę dziwne zachowanie, ale jeśli masz elementy pozycjonowane bezwzględnie, to tak może się dziać.
kkuubbaa88
strona <- pod Fire Fox

chodzi o te górne buttony... nie idzie tego zrobic...
Kildyt
Spróbuj dla ul ustawić:
  1. display: inline;
  2. float: left;
i wymiary.
kkuubbaa88
takie cos nic nie daje... ciagle gdy zmienia sie rozmiar okna przyciski sie przemieszczaja pojedynczo, az bede w lini pionowej... :/
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.