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

431

Äänestä

    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);"}

      • Yucca

        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ä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Miksi et irrota otettasi

      Suhteeni?
      Ikävä
      74
      2942

    2. Koko ajan olet

      Senkin suhteen kiusannut. Halut on ihan mielettömät olleet jo pitkään
      Ikävä
      65
      2793

    3. Muutama syy

      Sille miksi IRL kohtaaminen on hänelle vaikeaa
      Ikävä
      68
      1822

    4. Tykkään susta

      Elämäni loppuun asti. Olet niin suuresti siihen vaikuttanut. Tykkäsit tai et siitä
      Ikävä
      17
      1669

    5. Onko kaivatullasi

      Hyvä vai huono huumorintaju?
      Ikävä
      24
      1657

    6. Estitkö sä minut

      Oikeasti. Haluatko, että jätän sun ajattelemisen? :3
      Ikävä
      20
      1600

    7. Onko kaikki hyvin, iso huoli sinusta

      Miten jakselet? Onko sattunut jotain ikävää. Naiselta
      Ikävä
      23
      1553

    8. Tiedätkö tykkääkö

      Kaivatustasi siinä mielessä joku muukin kuin sinä itse
      Ikävä
      48
      1297

    9. Millainen meno

      Viikonloppuna? Mulla hirvee vitutus päällänsä. Onko muilla sama tunne??
      Ikävä
      38
      1273

    10. Onko meillä

      Molemmilla nyt hyvät fiilikset😢ei ainakaan mulla mutta eteenpäin on mentävä😏ikävä on, kait se helpottaa ajan myötä. Ko
      Ikävä
      9
      1259
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt