Erikoismerkit!

En nyt aivan tajua

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.

5

395

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • 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

    1. Miehille kysymys

      Onko näin, että jos miestä kiinnostaa tarpeeksi niin hän kyllä ottaa vaikka riskin pakeista ja osoittaa sen kiinnostukse
      Tunteet
      136
      3995
    2. Miksi kaivattusi on

      erityinen? ❤️‍🔥
      Ikävä
      88
      1972
    3. Olen tosi outo....

      Päättelen palstajuttujen perusteella mitä mieltä minun kaipauksen kohde minusta on. Joskus kuvittelen tänne selkeitä tap
      Ikävä
      15
      1841
    4. Kotkalainen Demari Riku Pirinen vangittu Saksassa lapsipornosta

      https://www.kymensanomat.fi/paikalliset/8081054 Kotkalainen Demari Riku Pirinen vangittu Saksassa lapsipornon hallussapi
      Kotka
      54
      1448
    5. Haluaisin jo

      Myöntää nämä tunteet sinulle face to face. En uskalla vain nolata itseäni enää. Enkä pysty elämäänkin näiden kanssa jos
      Ikävä
      54
      1442
    6. Ylen uutiset Haapaveden yt:stä.

      Olipas kamalaa luettavaa kaupungin irtisanomisista. Työttömiä lisää 10 tai enempikin( Mieluskylän opettajat). Muuttavat
      Haapavesi
      133
      1385
    7. VENÄJÄ muuttanut tänään ydinasetroktiinia

      Venäjän presidentti Vladimir Putin hyväksyi tiistaina päivitetyn ydinasedoktriinin, kertoo uutistoimisto Reuters. Sen mu
      Maailman menoa
      99
      1312
    8. Nainen olet valoni pimeässä

      valaiset tietäni tietämättäsi ❤️
      Ikävä
      74
      1196
    9. Mitä toivot

      Tulevilta päiviltä?
      Ikävä
      69
      1053
    10. Hommaatko kinkkua jouluksi?

      Itse tein pakastimeen n. 3Kg:n murekkeen sienillä ja juustokuorrutuksella. Voihan se olla, että jonkun pienen, valmiin k
      Sinkut
      115
      1050
    Aihe