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

622

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

      Mikä vakava onnettomuus sattunut kisoissa. On peruttu koko kisat. Pelastuskopteri näytti käyvän paikalla.
      Nivala
      20
      10267

    2. Aivan kauheaa

      Veikö koskiuoma taas ihmishengen? Se pitää kieltää!
      Imatra
      34
      7337

    3. Onko kaivattusi

      …mielestäsi älykäs, tai kenties tyhmä? Oma mielipide.
      Ikävä
      113
      4891

    4. Virkamiehille tarvitaan tuntuvat palkankorotukset

      Naistenpäivänä on syytä muistuttaa, että virkamiehen euro on vain 80 senttiä. Palkat tulee saattaa samalle tasolle yksi
      Maailman menoa
      26
      3411

    5. Kuinka pitkä välimatka

      on teidän kotien välillä?
      Ikävä
      102
      3378

    6. Epäilen ettet edes

      Kehtaisi liikkua kanssani.
      Ikävä
      55
      3283

    7. Eikö me voitais

      Vaan harrastaa seksiä kun muusta ei tule mitään
      Ikävä
      60
      3251

    8. Oletko huomannut

      Yhden muutoksen?
      Ikävä
      33
      3017

    9. Pitäis vaan lopettaa

      Sinun kanssa yhteydenpito. Alkaa vaan haluamaan enemmän ja tuskin lopulta mikään kohtaisi. Ja ikävä vaan kasvaa ja lähei
      Ikävä
      13
      2280

    10. Ikävä uutinen uudesta Unelmia Italiassa -kaudesta

      Unelmia Italiassa -sarja on ollut supersuosittu ja uutta kautta on odotettu. Nyt on tullut se aika, että TV-katsojat pää
      Tv-sarjat
      10
      2202
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt