Nyt aivan tajuttoman naurettavan helppo kysymys, jota allekirjoittanut ei kuitenkaan osaa ratkaista vaikka kuinka kaivelee.
On siis tyylitiedostossa pätkä
a {
color: #000000;
text-decoration: none;
border-bottom: 1px solid #000000;
}
a:hover {
border-bottom: 1px solid #cdcdcd;
}ja sivulla pätkä
<a href="actions.php?a=language&id=FI"><img src="images/flags/fi.gif" title="Suomi"></a>
Nyt siis linkkiin lisätään alle reunus, joka osoittimen alla vaihtaa väriä.
Mutta: miten jokaiseen linkki-tagin sisällä olevaan kuvaan koskematta saan CSS-määritelmällä määriteltyä, että viiva ei tule myös kuvien alle, jotka ovat linkkeinä (Vai saanko edes?)?
Olen koittanut vaikka mitä;
img, a img, img a {
border: 0;
}mutta ei vaan toimi
Ongelmahan tässä on se, että CSS:llä ei voi kulkea hierarkiapuussa taaksepäin, ts. et voi mitenkään valita elementtejä, jotka sisältävät tiettyjä elementtejä.
Ainoa ratkaisu, jonka minä keksin, on antaa kaikille kuvan sisältäville linkeille class, ja sen perusteella ottaa tuo reunus pois.
Mikäs vika text-decoration: underlinessä muuten on? Sen kanssa ei olisi tuollaisia ongelmia.
Blaze kirjoitti:
Mikäs vika text-decoration: underlinessä muuten on? Sen kanssa ei olisi tuollaisia ongelmia.
No jos haluaa hifistellä ja laittaa erivärisen/-muotoisen viivan kuin fontti on :D
Juu, ja tajusin juuri, että linkkien ympärillä olikin divi, jonka sisällä oleville linkeille annoin css-määritelmän 'ei reunoja'
Aihe on jo aika vanha, joten et voi enää vastata siihen.