[CSS] lijntje onder image link verwijderen

Status
Niet open voor verdere reacties.

denickmans

Gebruiker
Lid geworden
17 jan 2002
Berichten
408
k zou graag een img én tekst tussen een link tag (<a> gebruiken.

de tekst moet bij a:link, a:active,... "decoration:underline" krijgen en bij hover "none".
Bij de img die tussen dezelfde <a>-tag als de tekst staat, mag echter niets staan: geen border, geen underline,... Niet voor link en niet voor hover, nooit.

Hoe doe ik dit precies, als ik met id's werk?


Dit is wat ik heb en dus niet goed is:


Code:
a img {
border:none;
text-decoration:none;
}

img a:link,a:visited,a:hover,a:active {
text-decoration:none;
border:none;
}

ul#cp_list {
margin:0;
padding:0;
display:inline;
list-style-type:none;
cursor:default;
}

ul#cp_list>li{
    display: table-cell;
    position: relative;
    padding: 2px 6px;
}

ul#cp_list>li a:link,a:visited,a:active{
text-decoration: underline; color: #ff9900;
}

ul#cp_list>li a:hover{
text-decoration: none; color: #ff9900;
}

De site is:
http://www.denickmans.be/new/controlpanel/


Wat ik dus precies wil is dat het lijntje onder de image met het copyrightteken er niet staat. (in FF)
 
Laatst bewerkt:
ik denk dat je gewoon de afbeeldingmoet specificeren dat ie geen border heeft
dit kan wel met css, maar je moet denk ik gewoon buiten beschouwing laten dat het een link is en je moet misschien de id anders opschrijven. zoals #img en dan in je html steeds id="img" zetten
maar volgens mij heb je t al opgelost?
 
nee, ik heb de underline-ing gewoon weggelaten, vond het allemaal wat veel werk voor weinig resultaat en uiteindelijk is het toch maar backend.

ander vraagje:

op http://www.denickmans.be/new/controlpanel/ worden in Firefox de 'buttons'
mooi naast elkaar afgebeeld.

Dit gebeurt door de code:

Code:
ul#cp_list>li{
    display: table-cell;
    position: relative;
    padding: 2px 6px;
}

nu aanvaard IE dit precies niet. waarschijnlijk door de ">" , hoe kan ik dit vervangen zodat IE het ook aanvaard?
en liefst niet met een tweede stylesheet.
 
ik snap ook niet helemaal waarom je die > gebruikt...
is een spatie niet genoeg?
bij mij doe ik het zo
#nav li {
etc...
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan