Hei. En nyt tiedä kirjoitanko tämän edes oikeaan paikkaan koska olen rakentanut erään yrityksen nettisivuja Adobe Dreamweave ohjelmalla.
Noh eipä tässä muuten mitään, mutta tämä tuttuakin tutumpi "buginen" IE ei nyt suostu näyttämään erästä kuvalinkkiä oikein. Mozillalla se näyttää siltä että kuvan reunalla ei ole sinistä / lilahkoa kehystä. IE tosin sen sitten näyttää.
Tiedossa on että ei sivuja kai saa edes näyttämään 100% identtisiltä, mutta kai niille reunuksille jotain pystyy tekemään jottei explorer niitä näyttäisi...
Tuossa esimerkkiä koodista. Mikään ei muutu jos vaihdan bordercoloria eikä myöskään classia.
Joojoo. avutonta tekstiä mutta kukaan ei ole seppä syntyessään ja opiskelenkin vasta.
Suuuuri kiitos, edistäisi työtäni suurella askeleella kohti loppua!
Noh eipä tässä muuten mitään, mutta tämä tuttuakin tutumpi "buginen" IE ei nyt suostu näyttämään erästä kuvalinkkiä oikein. Mozillalla se näyttää siltä että kuvan reunalla ei ole sinistä / lilahkoa kehystä. IE tosin sen sitten näyttää.
Tiedossa on että ei sivuja kai saa edes näyttämään 100% identtisiltä, mutta kai niille reunuksille jotain pystyy tekemään jottei explorer niitä näyttäisi...
Tuossa esimerkkiä koodista. Mikään ei muutu jos vaihdan bordercoloria eikä myöskään classia.
Joojoo. avutonta tekstiä mutta kukaan ei ole seppä syntyessään ja opiskelenkin vasta.
Suuuuri kiitos, edistäisi työtäni suurella askeleella kohti loppua!
Vastaukset 4
Vanhimmat
reunan kuvan ympäriltä saa pois kun lisäät img-tagiin border atribuutin: border="0", jolloin reuna poistuu.
Joku voi olla kyllä eri mieltä siitä voiko kuvalinkeistä ottaa reunuksen pois.... mutta antaa olla.
Kun kerran kysyit css-palstalta, niin kerrotaan sitten css-ratkaisu. Laitat css-osaan:
img {border: 0px none Black;}
Tai jos haluat, että reuna poistetaan ainoastaan linkkeinä olevista kuvista niin:
a img {border: 0px none Black;}
Suoraan html:ään kirjoitettuna (missä nyt harvemmin on paljoa järkeä) se tehtäisiin näin:
Vielä yksi täpa käyttää kuvaa linkkinä, on puhtaasti css-pohjainen. Toisinsanoen teksti tavallaan toimii edelleen linkkinä (mikä on hyvä juttu ääni- ja tekstiselaimille (kuten Googlelle) sekä mobiililla surffaaville) vaikka se onkin siirretty piiloon ruudun ulkopuolelle.
Laitetaan siis kuva tekstin taustalle ja siirretään itse teksti pois häiritsemästä.
linkki
#linkki1 {
display: block;
height: 70px;
width: 210px;
background-image: url(kuvat/Wovoka.jpg);
}
.hide {
position: relative;
left: -1000px; /* siirretään linkkiteksti ruudun ulkopuolelle */
}
Tästäkin tosin tulee ongelmia silloin jos selaaja on sulkenut pois kuvien näytön. Silloin linkki on kokonaan piilossa.
Toki voi koittaa viritellä siihen linkkitekstin päälle elementin joka on linkkitekstin päällä (eli linkkiteksti jää piiloon normaalitilanteessa kun kuvat ovat näytössä), mutta en nyt jaksa sellaista..
Erittäin paljon kiitoksia, sain näillä ratkaistua tämän ongelman!
Pääsee eteenpäin katselemaan vähän sivustojen visuaalista ilmettä.
-R-