Linki a wykazy

[markus.kembi]

Powróciłem do pracy nad własną stroną internetową. Zdecydowałem jednak, że
będzie ona znacznie prostsza, niż pierwotnie planowałem - stała szerokość, a
kolumna nawigacyjna będzie tylko jedna, nie będzie "kotwic". Ale nawet przy
pracy nad tak prostą stroną, nie obyło się bez problemów.

Gdy na pewnym forum webmasterskim poprosiłem o recenzję swojej poprzedniej
strony, ktoś zwrócił mi uwagę, że "listy, takie jak menu, robimy znacznikami
do list <ul><li></li></ul>". Budując kolejną stronę postanowiłem tak właśnie
zrobić. Markera się pozbyłem ("list-style-type: none;"), ale z lewej strony
pozostało około 40-pikselowe wcięcie. I chciałbym tego wcięcia się pozbyć, bo
dzięki temu będę miał więcej miejsca na "content", który teraz ma stałą
szerokość (775 pikseli minus lewa kolumna). Jak to zrobić przy użyciu CSS?
Poniżej podaję link do testowej wersji strony.

toya.net.pl/~marek_ju/test-m.html

I na koniec mam pytanie: czy i dlaczego linki powinno się wymieniać w ramach
wykazu? Bo nie widzę żeby w czymś to pomagało, a przeszkadzać - owszem. Na
poprzedniej swojej stronie (sygnaturka) przedstawiłem linki do podstron jako
elementy blokowe i gdybym wymieniał je w punktach, tekst nie byłby prawidłowo
wyśrodkowany.

To tyle i podrawiam.

[tommy_from_cracow]

Witaj,

Sa pewne roznice w przeliczaniu pixeli w zaleznosci od przegladarek, ale najpewniej mozesz zrobic tak:
ul{
margin: 0;
padding: 0;
}
li{
margin: 0;
padding: 0;
}

A linki powinno sie umieszczac w liscie, zeby zapewnic WAI/WCAG czyli dostepnosc,

Punkt: 10.5 o priorytecie 3:
Dopóki oprogramowanie użytkownika (włącznie z technologiami pomocniczymi) niebędzie odczytywać sąsiadujących odnośników jako odzielne, zamieść znaki pomiędzy odnośnikami, które są odzielone spacjami.

Zalozenie jest takie, ze jesli umiescisz same <a> aobok siebie, to nie beda mialy spacji. Mozesz to zrobic CSS'ami ale ktos moze miec je wylaczone. Dlatego wrzuca sie je do listy

Pozdrawiam!

[markus.kembi]

Tak, rzeczywiście, dzięki wielkie za pomoc. To wcięcie to było jak gdyby
domyślnie ustalone "li {margin: 40px}".

A co do linków umieszczonych obok siebie, to na pierwszej stronie mojego
autorstwa po wyłączeniu CSS w Firefoxie są odstępy pomiędzy linkami, ale nie
wiem jak mogłoby to wyglądać w innej przeglądarce, więc nie wiem, czy czasem nie
będę musiał tego poprawić.

[tommy_from_cracow]

Hej,

Pamietaj tylko, ze to ma priorytet trzeci wiec na AAA, a pozostalych punktow jest cala masa... Powiem Ci ze ciezko jest napisac strone tak zeby chociaz spelniala podwojne A. Wrzucanie w listy, to nawyk, moze tez pomagac w upozadkowaniu i przejzystosci strony przed oCSSowaniem, poza tym pomaga w budowaniu menu typu drop-down. Niemniej wszystko mozna zastapic rownie dobrze divami w pozostalych przypadkach. A tak bez uczypliwosci to jesli chesz zapewnic dostepnosc i dostosowac strone do tych wymogow to zmien w pierwszej kolejnosci np ustawienie wielkosci czcionek bo widze ze stosujesz px i przez to sie nie skaluje. Nienajlepiej tez okreslasz czcionke bo najpierw podajesz Ariala ktory jest ogolnie dostepny, a pozniej Helvetice(bardziej "wysublimowana", a jej i tak nikt nie zobaczy bo wyswietli mu strone Arialem. No i znacznie mozesz odchudzac style w przyszlosci chocby dla wlasnej wygody np. jesli chodzi o ustalanie borderow ;)
Powodzenia i pozdrawiam!