Sain rakennettua navigointinappulat css:llä sellaisiksi, että kun hiiren vie päälle niin se muuttaa väriä ja tulee alleviivaus. Ongelma on se, että nyt jokainen peruslinkki jokaisella sivulla reagoi samalla tavalla ja on saman värinen kuin navigoinnit. Haluaisin niiden näyttävän normaali linkeiltä. Mikä avuksi ?
Ohjelma on dreamweaver MX
Ohjelma on dreamweaver MX
Vastaukset 6
Vanhimmat
Ei jaksa selittää, laitan valaisevan esimerkin:
linkkejä
#navi a {
font-weight : bold;
text-decoration : none;
}
#navi a:link {
text-decoration : none;
color : Green;
}
#navi a:hover {
text-decoration : underline;
color : Red;
}
linkki1
linkki2
linkki3
linkki4
linkki5
linkki6
En oikein osaa tuota html:lää vielä käyttää. Siksi käytän Dreamweaveria.
Mikä noista riveistä määrittää sen että sivun sisäiset linkit eroavat navigointien tyylistä ?
Itse teen niin että rajaan sen navigoinnin jollain lohkoelementillä (esim. tuo div mutta yhtä hyvin käy mikä tahansa elementti). Olennaista on, että identifioit sen elementin.
DreamWeaverissa varmasti on kohta jossa voit antaa sille navigointivalikolle id:n.
Esimerkissänihän se oli
Css-osastossa taas viitataan risuaidalla tuohon identifioituun kohtaan:
#navi a:link {
text-decoration : none;
color : Green;
}
Eli tuo määritys pätee ainoastaan naviksi idenfioidussa paikassa, ei missään muualla olevissa linkeissä.
Toivon että ymmärsit edes jotain.. jollet niin kysy lisää, eiköhän asia vielä aukene.
Puhun identifioimisesta, koska jos puhuisin nimeämisestä niin sen voisi sekoittaa name -attribuuttiin joka on hieman erilainen kuin id -attribuutti.
En vieläkään osaa tunkea oikeita koodinpalasia paikoilleen. DW:n code view näyttää niin erilaisia rivejä. Auttaisko jos kopioin pätkän koodia tänne ?
Voin sitten vaikka avata sen DW:ssä ja ihmetellä miten se toimii. Tosin mun DW ei ole ihan uusinta huutoa mutta eiköhän nuo useimmat versiot toimi kokolailla samalla tavalla.
testisivu
Etusivu | testi1 | testi2 | testi3 | testi4 | testi5
Siinä on pätkä alkua. Olikohan tuosta nyt mitään iloa ?