linkin leveys

Kaikkihan tietävät että linkit tulee sijoittaa lista-elementtiin, joten tehkäämme niin.


linkki1
linkki2
jne...


li {
height: 20px;
width: 100px;
background: url(kuva.jpg);
}

foxytin kirjoitti:

Kaikkihan tietävät että linkit tulee sijoittaa lista-elementtiin, joten tehkäämme niin.


linkki1
linkki2
jne...


li {
height: 20px;
width: 100px;
background: url(kuva.jpg);
}

Lue lisää

ei ollenkaan huono tapa, mutta ei suinkaan ainoa oikea tapa.

Tapauskohtaisesti.

Höpö. kirjoitti:

ei ollenkaan huono tapa, mutta ei suinkaan ainoa oikea tapa.

Tapauskohtaisesti.

Ei tietenkään ainoa oikea tapa. Tuon vain erilaisia vaihtoehtoja esille, josta sitten valita :)

Periaatteessa suuremmat linkki määrät, kuten navigaatio olisi hyvä sijoittaa listaan. Se olisi semanttisesti oikein. Jos linkit ovat listassa, ne voidaan siirtää muihin medioihin kerralla, helposti. Aivan kuten taulukkomuotoinen data tulee laittaa taulukkoon, josta se on helposti siirrettävissä muihin medioihin (kuten tekstinkäsittelyohjelmat).

Yksittäiset linkit voidaan laittaa ihan suoraan esimerkiksi p-elementtiin, tai esimerkiksi mainitsemaasi span-elementtiin.

Tapauskohtainenhan se tottakait on, aivan kuten sanoit.

foxytin kirjoitti:

Ei tietenkään ainoa oikea tapa. Tuon vain erilaisia vaihtoehtoja esille, josta sitten valita :)

Periaatteessa suuremmat linkki määrät, kuten navigaatio olisi hyvä sijoittaa listaan. Se olisi semanttisesti oikein. Jos linkit ovat listassa, ne voidaan siirtää muihin medioihin kerralla, helposti. Aivan kuten taulukkomuotoinen data tulee laittaa taulukkoon, josta se on helposti siirrettävissä muihin medioihin (kuten tekstinkäsittelyohjelmat).

Yksittäiset linkit voidaan laittaa ihan suoraan esimerkiksi p-elementtiin, tai esimerkiksi mainitsemaasi span-elementtiin.

Tapauskohtainenhan se tottakait on, aivan kuten sanoit.

Lue lisää

"Periaatteessa suuremmat linkki määrät, kuten navigaatio olisi hyvä sijoittaa listaan. Se olisi semanttisesti oikein."

Ei se ole semanttisesti sen väärempää laittaa linkkejä muuhun kuin listaan vaikka niitä olisi suurempia määriä sivulla. Tärkein asia on että ovatko linkit listamuotoista tietoa, kuten navigaatiot ovat. Kuten sanoit tapauskohtasta.


"Yksittäiset linkit voidaan laittaa ihan suoraan esimerkiksi p-elementtiin, tai esimerkiksi mainitsemaasi span-elementtiin."
"linkki"

Kun kyse on yksittäisistä linkeistä niin eikös silloin semanttisin ole laittaa ihan semanttinen linkki

Tietenkin voi tehdä myös


linkki tekstiä linkki....


#teksti a{
height: 20px;
width: 100px;
background: url(kuva.jpg);
text-align: center;
}

Oikein toimivassa selaimessa height- ja width-ominaisuus eivät vaikuta span-elementtiin (ellei sen perusesitysmuotoa muuteta display-ominaisuudella). Tässä span olisi myös turha, koska ominaisuudet voisi antaa suoraan a-elementeille.