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....
Linkin väri tietyn divin sisällä
miten?
11
587
Vastaukset
- Höpö.
#tekstiloota a:link {
color: black;
}
Muista kuitenkin, että kun asetetaan tekstille jokin väri, kannattaa aina muistaa asettaa myös taustaväri.- ei...
Nyt se ei ota mitään määritteitä tuosta css-tyylitiedostosta kun sekotti tuon a:link tuohon perään...
- Höpö.
ei... kirjoitti:
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;} - mutta ei toimi
Höpö. kirjoitti:
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... - Höpö.
mutta ei toimi kirjoitti:
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). - tuossa
Höpö. kirjoitti:
..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... - Höpö.
tuossa kirjoitti:
#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. - ...:)
Höpö. kirjoitti:
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;
} - Höpö.
...:) kirjoitti:
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). - hmmmm...
Höpö. kirjoitti:
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. - Höpö.
hmmmm... kirjoitti:
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ää.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
S-kauppa nosti hintoja, K-kauppa laski
Elintarvikkeiden arvonlisävero laski vuodenvaihteessa 13,5 prosenttiin. S-kauppa siirsi alennuksen suoraan katteisiin pi305043Vilma Nissinen pyytää anteeksi rasistisia lausuntojaan
Nöyrtyi kuten persut yleensäkin. On kyllä noloa tuollainen vätystely, kun ei ole miestä seisoa omien lausuntojensa takan2604907Hiihtäjä Vilma Nissisen kommentit aiheutti paniikkia
ja hernettä vedettiin nenään. Nissinen kertoi torstaina haastattelussa, kun häneltä kysyttiin, että tykkääkö hän hiihtä524417Riikka Purra: "Kokoomus haluaa leikata pienituloisten etuuksista - Se ei meille käy"
Näin vakuutti persujen Purra edellisten eduskunta vaalien alla,. https://www.ku.fi/artikkeli/4910942-kun-uudessa-videos672405Sandels tölkin hinta nousi 1,29 eurosta 1,32 euroon
Mitähän järkeä valtiolla on verottaa tuotakin elintarviketta niin kovasti, että on järkevämpää käydä hakemassa ulkomailt461838Nyt ottaa persua pattiin: sähköauto joulukuun myydyin
🤣 prööt prööt pakoputkellaan pörisevää persua ottaa nyt saamaristi pattiin, kun paristoilla kulkeva sähköauto on noussu241781Ovatko Perussuomalaiset kommunisteja?
Toiset sanovat että ovat, toiset sanovat että eivät. Ainakin heillä on paljon sen aatteen piirteitä, koska haluavat kont181759Lindtmanin pääministeriys lähenee päivä päivältä
Suomen kansan kissanpäivät alkavat siitä hetkestä, kun presidentti Stubb on tehnyt nimityksen. Ainoastaan ylin tulodesi771704Ikävä uutinen uudesta Unelmia Italiassa kaudesta - Iso pettymys tv-katsojille!
Unelmia Italiassa -sarja kertoo Ellen Jokikunnaksen perheen elämästä Suomessa ja Italiassa. Nyt Ellen on kertonut tuleva131462- 1061440