Skocz do zawartości

Listy <ul> w poziomie


mess_alex

Rekomendowane odpowiedzi

Witam,

Muszę zrobić taką listę:

uczniowie.gif

Niestety mi to nie wychodzi.

edyta//

adres strony

Próbowa³em:

ul { float: left; margin-left: 30px; }

Działa, ale cala strona się sypie: <div>'y zamiast wyświetlać się blokowo, wchodzą do jednej lini z listą, to samo robią <hr /> (linie), nawet po dopisaniu display: block.

ul { display: inline; }

Nie działa.

edyta//

zapomniałem dodać:

chciałbym mieć to w 6 ul po 3 li

Szukałem na stronach z przyklejonego tematu, nie znalaz³em.

Szukałem na googlach, ale też nic ciekawego nie znalazłem ( możliwe, że źle szukałem ).

Pozdrawiam

Zespół Downa - porady, ważne informacje dla rodziców, rodzeństwa, opiekunów.
Odnośnik do komentarza
Udostępnij na innych stronach

Daj troche więcej kodu bo u mnie samo:

<ul>
<li>I A</li>
<li>I B</li>
<li>I C</li>
</ul>
<ul>
<li>II A</li>
<li>II B</li>
<li>II C</li>
</ul>
<ul>
<li>III A</li>
<li>III B</li>
<li>III C</li>
</ul>

Działa dobrze

stopka usunieta z wpoodu wirusa na stronie docelowej

Odnośnik do komentarza
Udostępnij na innych stronach

<ul>
<li><a href="index.php?m=uczniowie_klasa&k=1a">I   A</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=2a">II  A</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=3a">III A</a></li>
 </ul>
 <ul>
<li><a href="index.php?m=uczniowie_klasa&k=1b">I   B</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=2b">II  B</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=3b">III B</a></li>
 </ul>
 <ul>
<li><a href="index.php?m=uczniowie_klasa&k=1c">I   C</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=2c">II  C</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=3c">III C</a></li>
 </ul>
 <ul>
<li><a href="index.php?m=uczniowie_klasa&k=1d">I   D</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=2d">II  D</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=3d">III D</a></li>
 </ul>
 <ul>
<li><a href="index.php?m=uczniowie_klasa&k=1e">I   E</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=2e">II  E</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=3e">III E</a></li>
 </ul>
 <ul>
<li><a href="index.php?m=uczniowie_klasa&k=1f">I   F</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=2f">II  F</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=3f">III F</a></li>
 </ul>

Przepraszam, ale bardzo wolno działa mi internet

Zespół Downa - porady, ważne informacje dla rodziców, rodzeństwa, opiekunów.
Odnośnik do komentarza
Udostępnij na innych stronach

a może ul {display: inline; float: left;}?

Pod IE jest w miarę ok, ale pod ff i operą niestety nie

Zespół Downa - porady, ważne informacje dla rodziców, rodzeństwa, opiekunów.
Odnośnik do komentarza
Udostępnij na innych stronach

Przecież to wygląda tak jak podałeś na img:

<style type="text/css">
<!--
ul { float: left; margin-left: 30px; }

//-->
</style>
<body>
<ul>
<li><a href="index.php?m=uczniowie_klasa&k=1a">I   A</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=2a">II  A</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=3a">III A</a></li>
 </ul>
 <ul>
<li><a href="index.php?m=uczniowie_klasa&k=1b">I   B</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=2b">II  B</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=3b">III B</a></li>
 </ul>
 <ul>
<li><a href="index.php?m=uczniowie_klasa&k=1c">I   C</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=2c">II  C</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=3c">III C</a></li>
 </ul>
 <ul>
<li><a href="index.php?m=uczniowie_klasa&k=1d">I   D</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=2d">II  D</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=3d">III D</a></li>
 </ul>
 <ul>
<li><a href="index.php?m=uczniowie_klasa&k=1e">I   E</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=2e">II  E</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=3e">III E</a></li>
 </ul>
 <ul>
<li><a href="index.php?m=uczniowie_klasa&k=1f">I   F</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=2f">II  F</a></li>
<li><a href="index.php?m=uczniowie_klasa&k=3f">III F</a></li>
 </ul>

stopka usunieta z wpoodu wirusa na stronie docelowej

Odnośnik do komentarza
Udostępnij na innych stronach

To co napisałeś działa, ale jak możesz zobaczyć (korzystając z FF lub Opery) tutaj: linia hr i nagłówek następnego poddziału "wchodzą" do listy (nawet po dopisaniu im display:block).

Zespół Downa - porady, ważne informacje dla rodziców, rodzeństwa, opiekunów.
Odnośnik do komentarza
Udostępnij na innych stronach

Zrob sobie klase .clear {clear:both;} i wstaw po nagłówku a przed listą.

edyt:

Nie dziw sie, ze ci najezdza na h1, skoro masz h1 id="klasy"

#klasy { float: none; margin-top: 1px; margin-left: 20px; width: 157px; background: url(gfx/h1_klasy.gif) no-repeat; }

Albo daj temu h1 jakikolwiek height albo (lepiej) uzywaj liter a nie background image.

La Palma tu żyję.

Strony www, ilustracja to robię.

Link Vault jest spoko.

Odnośnik do komentarza
Udostępnij na innych stronach

Też tego próbowałem.

Ale już sobie poradziłem, zrobiłem 3 ul po 6 li. :)

Dzięki za odpowiedzi i przepraszam, że pisałem tak niezrozumiale i niedokładnie.

Pozdrawiam

Zespół Downa - porady, ważne informacje dla rodziców, rodzeństwa, opiekunów.
Odnośnik do komentarza
Udostępnij na innych stronach

Jak już się bawisz tą stronka to popraw kodowanie znaków w meta masz iso-8859-2 a tekst jest w windows-1250 przez co pojawiają się z krzaczkami

IE to taki program, który pozwala na oglądanie internetu z Twojego komputera i odwrotnie...

Odnośnik do komentarza
Udostępnij na innych stronach

Ale mi to nieładnie pachnie!

Porównajcie stronę autora postu z tym:

https://www.fortymedia.com/

do mess_alex:

Pomyśl zanim zaczniesz kraść innych strony (tu grafikę). I jeszcze bezczelnie pytasz o poradę!

Tak sobie myślę. Wchodzi ktoś na cssvault.com, wybiera jadną ze stronek, patrzy w źródło, plik ze stylami, ciach kopiuj do siebie na pirackiego dreamweavera np (lub nawet notatnika, żadnej rożnicy). Parzy na base href i dotaje sciezki, wczytuje zdjęcia, zapisuje na dysku, nieudolnie wprowadza poprawki na pirackim photoshopie ktorego możliwości zna zalednie w kilku procentach, pyta na forum jak zrobić listę w poziomie... no i masz piękną stronkę!

Jeszcze ziomus wrzuć swoją stronkę na to forum: https://forum.webinside.pl/viewforum.php?f=13

I niech każdy zobaczy!

Odnośnik do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

  • Ostatnio przeglądający   0 użytkowników

    • Brak zarejestrowanych użytkowników przeglądających tę stronę.
×
×
  • Dodaj nową pozycję...

Powiadomienie o plikach cookie

Umieściliśmy na Twoim urządzeniu pliki cookie, aby pomóc Ci usprawnić przeglądanie strony. Możesz dostosować ustawienia plików cookie, w przeciwnym wypadku zakładamy, że wyrażasz na to zgodę. Warunki użytkowania Polityka prywatności