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

393

    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. Ensitreffit Jenni laukoo viinilasin ääressä suorat sanat Jyrkin aikeista: "Mä sanoin, että älä"

      Voi ei… Mitä luulet: kestääkö Jennin ja Jyrkin avioliitto vai päättyykö eroon? Lue lisää: https://www.suomi24.fi/viihde
      Ensitreffit alttarilla
      27
      2870
    2. Ymmärrän paremmin kuin koskaan

      Roikut kädessäni ja vedät puoleesi. Näen kuitenkin tämän kaiken lävitse ja kaikkien takia minun on tehtävä tämä. Päästän
      Tunteet
      33
      2525
    3. 148
      2274
    4. Hullu liikenteessä?

      Mikä hullu pyörii kylillä jos jahti päällä? Näitä tosin kyllä riittää tällä kylällä.
      Kiuruvesi
      54
      2239
    5. Niina Lahtinen uudessa elämäntilanteessa - Kotiolot ovat muuttuneet merkittävästi: "Nyt on...!"

      Niina, tanssejasi on riemukasta seurata, iso kiitos! Lue Niinan haastattelu: https://www.suomi24.fi/viihde/niina-lahti
      Suomalaiset julkkikset
      24
      1860
    6. Kun Venäjä on tasannut tilit Ukrainan kanssa, onko Suomi seuraava?

      Mitä mieltä olette, onko Suomi seuraava, jonka kanssa Venäjä tasaa tilit? Ja voisiko sitä mitenkään estää? Esimerkiks
      NATO
      390
      1696
    7. Ano Turtiainen saa syytteet kansankiihoituksesta

      Syytteitä on kolme ja niissä on kyse kirjoituksista, jotka hän on kansanedustaja-aikanaan julkaissut Twitter-tilillään
      Maailman menoa
      104
      1642
    8. Pyhäinpäivän aamua

      Oikein hyvää huomenta ja rauhallista päivää. ❄️😊🥱☕❤️
      Ikävä
      309
      1548
    9. Kunta ostaa kivitipun

      Kunnanjohtajan tuleva uusi ostokohde
      Lappajärvi
      135
      1459
    10. Varokaa! Lunta voi sataa kohta!

      Vakava säävaroitus Lumisadevaroitus Satakunta, Uusimaa, Etelä-Karjala, Keski-Suomi, Etelä-Savo, Etelä-Pohjanmaa, Pohjanm
      Maailman menoa
      13
      1446
    Aihe