Miten linkille voi määritellä korkeuden, leveyden ja taustakuvan?
Eli sivulla on kymmeniä linkkejä, ja haluan että kaikilla olisi sama leveys ja korkeus (joka olisi sama kuin linkin taustakuvat koko) ja linkit näyttäisivät nappuloilta.
Onnistuuko tämä mitenkään?
linkin leveys
miten onnistuu
7
438
Vastaukset
- Höpö.
html:
linkki
css:
.link {
height: 20px;
width: 100px;
background: url(kuva.jpg);
text-align: center;
}- foxytin
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);
} - Höpö.
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);
}ei ollenkaan huono tapa, mutta ei suinkaan ainoa oikea tapa.
Tapauskohtaisesti. - foxytin
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. - Pilkuton pilkunviilaaja
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."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.
Jos sivulla on kymmeniä linkkejä, sillä on todennäköisesti aivan liikaa linkkejä.
Jos haluat linkkien näyttävän nappuloilta, leikit väärässä paikassa väärillä palikoilla. "Links want to be links."
Linkkien taustakuva on myös varsin huono ajatus.
Linkille saa toki korkeuden, leveyden ja taustakuvankin, kunhan asettaa sille display: block ja height-, width- ja background-ominaisuuden.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Valkeakosken 15-v tapauksessa ihmettelen ??
On sääli, että pahoja ihmisiä liikkuu aina vapaana eri puolilla Suomea, mutta minkä ihmeen takia 15-vuotiaan nuoren täyt57215096Valkeakosken tappo
"Tyttö löytyi poliisin mukaan kuolleena läheisestä metsästä muutaman sadan metrin päässä kotoaan. Uhrin löysivät hänen k4311934Nyt ahdistaa
Joku nuori tyttö on surmattu Valkeakoskella. En tunne ihmistä, mutta silti se koskettaa. Uutisissa oli hiljattain, että361893215-vuotiaan ruumis valkeakoskella
Nuoria tyttöjä tappavat miessaalistajat ja toiset nuoret. Miessaalistajille ruumiin kätkeminen tai tuhoaminen ei ole on93791Kuka oli tekijä?
Jos tekijä oli suomalainen, onko hänen vanhempiaan jo tavoitettu? Mitä mieltä ovat aikamiespoikansa teosta? Entä puoliso363557Puhuuko Orpo niin totta kuin osaa?
Vai osaisiko "en muuta keksinyt" -Orpo edes vähän paremmin puhua totta? https://www.iltalehti.fi/politiikka/a/f8d5241f-3592647Salakamera! Kirsikka Simberg julkaisi Farmilla otetut salakuvat: "Paha tapa" paljastuu! Katso kuvat!
Oho, no nyt on kyllä rikottu sääntöjä… Farmi Suomi -kuvauksista paljastuu yllättävää materiaalia. Lue lisää: https://w92147Laita viestiä?
Sitten kun on sinulle hyvä hetki, minä odotan. Jotain jäi kesken ja haluan viedä sen loppuun 😘951753Valkeakosken murhaaja-raiskaaja on kantasuomalainen mies tiedottaa poliisi
Some- ja palstapersut ehtivät jo moneen kertaan julistaa tekijän maahanmuuttajaksi. Miten meni niin kuin omasta mielestä1291749Keski-ikäinen nainen raiskasi miehen
https://www.hs.fi/helsinki/art-2000010451173.html Ei olisi varmasti kymmenen vuotta nuorempana tarvinnut pakottaa.1931622