Linkin väri tietyn divin sisällä

Nyt se ei ota mitään määritteitä tuosta css-tyylitiedostosta kun sekotti tuon a:link tuohon perään...

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;}

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;}

Lue lisää

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...

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...

Lue lisää

..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).

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).

Lue lisää

#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...

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...

Lue lisää

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.

Lue lisää

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;
}

...:) 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;
}

Lue lisää

Koitapas vaihtaa Greyn tilalle Gray.

Mitenköhän lie, taitaa olla amerikanenglantia toi gray, ihan kuten color (englanniksi colour).

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.

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