Jos mulla on määritelty linkin väriksi esim. valkoinen ja aktiivisena sininen.. niin miten saan yhteen tiettyyn diviin eri määritykset?
mulla on esim
Sitten CSS:ssä
#tekstiloota
{
color: black;
position: absolute;
align jotain;
}
niin se antaa tuon mustan väriksi kun hiiren osoitin on linkin päällä... ja muuten väriksi valkoinen mikä on se ennaltamääritelty linkin väri.
Kuitenkin haluasin tuon mustan linkin väriksi, en valkoista....
mulla on esim
Sitten CSS:ssä
#tekstiloota
{
color: black;
position: absolute;
align jotain;
}
niin se antaa tuon mustan väriksi kun hiiren osoitin on linkin päällä... ja muuten väriksi valkoinen mikä on se ennaltamääritelty linkin väri.
Kuitenkin haluasin tuon mustan linkin väriksi, en valkoista....
Vastaukset 11
Vanhimmat
#tekstiloota a:link {
color: black;
}
Muista kuitenkin, että kun asetetaan tekstille jokin väri, kannattaa aina muistaa asettaa myös taustaväri.
Nyt se ei ota mitään määritteitä tuosta css-tyylitiedostosta kun sekotti tuon a:link tuohon perään...
Varmaan johtuu siitä että ne linkit ovat jo vierailtuja. a:link on tietenkin vierailematon linkki ja a:visited vierailtu (eli aikaisemmin klikattu).
Pistä sitten vaikka:
#tekstiloota a {color: Black;}
Tai sitten ihan erikseen kaikki:
#tekstiloota a:link, #tekstiloota a:visited {color: Black;}
Tosin tietenkin vierailtu ja vierailematon kannattaa olla eri värisiä, joten ehkä mieluummin:
#tekstiloota a:link {color: Black;}
#tekstiloota a:visited {color: #708090;}
#tekstiloota a:hover {color: Red;}
Eli nyt toimii sinänsä paremmin kun laitan #tekstiloota a niin nuo right, top, bottom määritykset pysyy paikoillaan... mutta edelleenkään tuo linkin väri ei vaihdu...
Jos laitan #tekstiloota a:link niin sitten häviää kaikki right, top, bottom määritykset, eikä väri vaihdu...
..vähän enempi koodia mitä sulla on. Eiköhän vika löydy sieltä jostain. Esmes mitä right, top, bottom -määrityksiä siellä oikein on.
Jos linkki on jo vierailtu, niin tietenkään a:link -määrityksellä ei sellaisen linkin väri vaihdu. Vierailtujen linkkien väri vaihtuu a:visitedillä. pelkkä a vaihtaa kyllä kaikenlaisten linkkien määritykset halutuiksi (ellei siellä sitten ole toisaalta määritelty jotain ristiriitaista).
#tekstiloota
{
color: #FF0066;
font-size: 9px;
position: absolute;
right: 10px;
top: 830px;
bottom: 10px;
}
tottakai siellä on määritelty jotain ristiriitaista, kun yleisesti on määritelty linkin väriksi jokin väri... ideana olisikin siis saada tähän tekstilootan sisälle linkki toisella värillä mitä yleisesti on määritelty...
En tietenkään tarkoita ristiriitaisena sitä että ensin määritellään tekstin väriksi jotakin ja sen jälkeen jossain toisessa kohdassa kumotaan se määrittelemällä jotain muuta. Sehän on ihan tavallista.
Koodissasi on ristiritaista se, että määritellään tekstilootan paikaksi tietty määrä yläreunasta ja tietty määrä alareunasta määrittelemättä sivun kokonaiskorkeutta. Tekstilootan alareunan ja sivun alareunan väliin jää 10px jos poistat määrityksen jossa käsketään lootan olevan 830px yläreunasta.
En tiedä mikä sinulla on bodyn taustavärinä, mutta jos se on tumma (kuten voi päätellä siitä että olet laittanut muuten linkkien väriksi valkoisen), niin tosiaan kannattaa asettaa tastaväri myös tekstilootalle. Muuten mustat linkit näkyvät todella huonosti.
Muuten kyllä nuo linkkien värimääritykset näkyvät aivan kuten kerroinkin (törkeät värit mutta idea selvinneen):
Untitled
body {
background-color: Black;
color: #E0DFE3;
}
a:link {color: White;}
a:visited {color: #708090;}
a:hover {color: Red;}
#tekstiloota {
color: #FF0066;
font-size: 9px;
position: absolute;
right: 10px;
bottom: 10px;
background-color: #D3D3D3;
}
#tekstiloota a:link {color: Fuchsia;}
#tekstiloota a:visited {color: Lime;}
#tekstiloota a:hover {color: Blue;}
asdf asdf asdf asdf
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse lorem velit, placerat lacinia, ultricies sit amet, facilisis vitae, augue. Quisque laoreet nunc vitae sem. Duis fermentum tincidunt purus. Pellentesque elit ante, ultricies id, accumsan vel, sagittis eget, sem. Fusce at nisi. Etiam lacinia. Donec semper aliquet turpis. Proin libero nulla, euismod vitae, bibendum et, egestas eu, dui. Maecenas eu erat vel mi tempus vehicula. Suspendisse potenti.
Nyt toimii siis jo muuten, eli väri on oikea jne. ainoo vaan, että tuo kun hiiren osoittimen tuo linkin päälle niin ei tapahdu mitään...
vaikka on määritelty:
#tekstiloota
{
font-size: 9px;
text-align: center;
position: absolute;
right: 10px;
top: 830px;
}
#tekstiloota a:link
{
color: #FF0066;
}
#tekstiloota a:visited
{
color: #FF0066;
}
#tekstiloota a:hover
{
color: grey;
text-decoration: underline;
}
Koitapas vaihtaa Greyn tilalle Gray.
Mitenköhän lie, taitaa olla amerikanenglantia toi gray, ihan kuten color (englanniksi colour).
mikähän tuossa jumittaa...
se ei vaihda mitään väriä, kokeilin myös esim. blue tuon grayn lisäksi.
Nimittäin tuo antamasi toimi ihan hyvin kun harmaan vaan kirjoitti oikeaksi.
Lisää koodia jotta näkee missä se vika lymyää.