Kun haluan käyttää sivuillani linkkien alussa erikoismerkkiä, esim. (♦ =ruutu)ja en voi panna läheskään kaikkia linkkejä navigaatioon, missä tää onnistuisi helposti. Kysymys kuuluu mitenkä teen sen CSS:llä tai panenko XHTML:ssä jokaisen linkin eteen erikseen sen erikoismerkin. Toivottavasti joku tajusi mitä tarkoitan.
Erikoismerkit!
En nyt aivan tajua
5
376
Vastaukset
- jfisjo
Katsos http://www.w3schools.com/css/pr_list-style-image.asp tuolla saat kuvan linkin eteen.
Tai sitten voit tehdä näin ♦ linkkisi tai ♦ linkkisi kummin nyt haluatkin.
Ellen ihan väärässä ole niin välttämättä tuo erikoismerkki ei kaikilla näy? jotenka kannattaa se pistää kuvaksi.- En nyt aivan tajua
se näkyy FF:llä IE:llä ja Operalla, kun sen laittaa koodina vaikka siihen linkin eteen, mutta pitäisikö tällainen määritys tehdä CSS:llä.
- jfisjo
En nyt aivan tajua kirjoitti:
se näkyy FF:llä IE:llä ja Operalla, kun sen laittaa koodina vaikka siihen linkin eteen, mutta pitäisikö tällainen määritys tehdä CSS:llä.
"se näkyy FF:llä IE:llä ja Operalla, kun sen laittaa koodina vaikka siihen linkin eteen"
Niin sinulla, kaikki koneellasi olevat selaimet käyttävät niitä fontteja jotka koneellesi on asennettu, mutta entäs jos jollain ei olekkaan sitä fonttia jota sivusi vaatii niin se korvataan toisella, joten onko jokaisessa fontissa tuota ruutua?
Ellei ole niin se näkyy semmosena ruutukysymysmerkkinä tai ihan laatikkona, siis tuntematon merkki.
- Höpö.
Kyseessähän on ihan puhtaasti ulkoasuun liittyvä asia, joten css:llä siis:
ul {list-style-image: url(kuva.gif);"}Valitettavasti kuvan käyttö on ainoa kunnolla toimiva tapa, jos asian haluaa hoitaa CSS:llä (eikä kirjoittamalla merkkejä HTML-tiedostoon kunkin kohdan eteen).
Pieni korjaus: esimerkissäsi oli lainausmerkki liikaa eli oikein on
ul {list-style-image: url(kuva.gif);}
Periaatteessa voisi käyttää toistakin tekniikkaa, jossa ei tarvita kuvia. Valitettavasti vain IE ei (edes versiossa 7) osaa ns. generoituvaa sisältöä, joten siinä lista jäisi kokonaan ilman pallukoita. Mutta näin homma siis _teoriassa_ pelaisi (ja pelaa esim. Firefoxilla):
ul { list-style-type: none; }
ul li:before { content: "\2666"; padding-right: 0.3em; }
Tässä 2666 on ruutumerkin (U 2666) Unicode-koodiarvo heksadesimaalisena.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
Suomalaisia naisia lennätetään seksimatkoille
https://www.iltalehti.fi/kotimaa/a/1f5f5e20-8c36-4907-9640-8e0c3b017c5a Gambia on jo vuosia ollut yhtä kuin munanhaku ma2522127Paras olisi vain unohtaa
Tuleekohan tähän meidän tilanteeseen ikinä mitään selvyyttä. Epätoivo iskee taas, enkä jaksaisi enää odottaa. Kohta lop822016- 971730
Mietitikö nainen koskaan
Miksi me ollaan päädytty tähän pisteeseen. Lähestmistapaa ei ole. Tarvitaanko me oikeasti enää tätä.1141542Nämä kaikki alla olevat aloitukset on saman naisen aloituksia
Kuinka paljon täytyy vintissä viheltää että esiintyy välillä jopa miehenä, ja sitten itse vastailee omiin kysymyksiinsä?1691171huono omatunto
johtuu siitä, että minulla on tunteita sinua kohtaan. Se vaikuttaa asiaan. Kaipasin sinua tänäänkin.651160- 1131008
Onnistuit sohaisemaan mua
Kaikkein herkimpään kohtaan ja kyseenalaistamaan mun luottamuksellisuuden. Kun sitä ei ole niin ei ole mitään muutakaan64999Päätin juuri että
En odota että meidän välillä enää tapahtuisi mitään. Tämä on aivan liian monimutkaista ja kyllä sinäkin olisit joskus mi33983- 61906