Skocz do zawartości

Listy <ul> w poziomie

mess_alex

Przez mess_alex
w HTML i CSS

Rekomendowane odpowiedzi

mess_alex Newbie

mess_alex

Opublikowano
Opublikowano

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
MMP Newbie

MMP

Opublikowano
Opublikowano

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
mess_alex Newbie

mess_alex

Opublikowano
  • Autor
Opublikowano 

<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
mess_alex Newbie

mess_alex

Opublikowano
  • Autor
Opublikowano

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
MMP Newbie

MMP

Opublikowano
Opublikowano

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
mess_alex Newbie

mess_alex

Opublikowano
  • Autor
Opublikowano

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
kava Newbie

kava

Opublikowano
Opublikowano

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
mess_alex Newbie

mess_alex

Opublikowano
  • Autor
Opublikowano

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
horacyleo Newbie

horacyleo

Opublikowano
Opublikowano

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
ajax Newbie

ajax

Opublikowano
Opublikowano

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.

Tematy
×
×
  • 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