Jump to content
Sign in to follow this  
kondilo11

[HTML][WAI] Elementy <a... obok siebie

Recommended Posts

Standardy WAI określają, że elementy <a... nie powinny byc jeden obok drugiego, musza byc w elementach blokowych. Trochę to na wyrost dawanie tego w div'y:

<a href="...">View all</a> | Pages:  <strong>1</strong>  <a href="...">2</a>  <a href="...">3</a>  <a href="...">Next »</a>

bo trzeba by każdy element a dac w div. Moze macie jakas propozycje jak to zrobić, żeby to nie było tylko zrobienie pod strandardy ale żeby się to trzymało sensu.

Share this post


Link to post
Share on other sites

nie waliduje ci się to? możesz podać jakieś źródło? chyba coś źle zrozumiałeś bo od zawsze <a... jest elementem liniowym więc musi się zawierać w jakimś elemencie bokowym - np. <p> lub <div>. Nie oznacza to że dla każdego elementu liniowego musisz robić osobny blok.

wystarczy więc zrobić tylko tak:

<p><a href="...">View all</a> | Pages:  <strong>1</strong>  <a href="...">2</a>  <a href="...">3</a>  <a href="...">Next »</a></p>


www.dobre-precle.pl - 30 dobrych, płatnych presell page - PR 0-3

Wiadomości Sportowe - Subiektywne felietony o sporcie

Share this post


Link to post
Share on other sites

Kondilo11

Pomyliło ci się chodzi o to, że elementy liniowe (np <A>. <span>) muszą mieć jako rodzica element blokowy, na przykład <div>

<div class='footer'><a>XXX</a><a>XXX</a><a>XXX</a><a>XXX</a></div>

Jak najbardziej poprawne

<div class='footer'><a>XXX</a> jakistekst <a>XXX</a><a>XXX</a><a>XXX</a></div>

Już nie bardzo, powinno być:

<div class='footer'><a>XXX</a><span>jakistekst</span><a>XXX</a><a>XXX</a><a>XXX</a></div>

W ogole co to za standard. Pierwszy raz słyszę... co ma mi dać dostosowanie się do tego 'standardu' ?

Bez rozumienia tego standardu raczej nic. Tak jak w tym przykładzie, jak się zrobi taką maksymalną sieczkę i każdy <A> wpakuje w oddzielny <div> to nie dość, że nikt tego kodu po miesiącu nie będzie mógł edytować to się każdy czytnik pogubi. Już lepiej się nie stosować do tego standardu, jeśli mają wychodzić takie kwiatki.

http://www.w3.org/TR/2010/NOTE-WCAG20-TECHS-20101014/H30

Example 6.

Edited by slawek22

Share this post


Link to post
Share on other sites

Jeśli usilnie chcesz tak zrobić, to <li> i inline. Tylko, że to bez sensu.


Grafika, kodowanie, seo, tworzenie zaplecza, copywriting? Prywatna wiadomość.

Share this post


Link to post
Share on other sites

a spróbuj dać dla a styl w css

a {
display:block;
}

może zadziała. są elementy blokowe obok siebie :D

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. Terms of Use Privacy Policy