hasseholland
Gebruiker
- Lid geworden
- 24 feb 2009
- Berichten
- 19
Beste mensen, kan iemand mij helpen. Ik heb in een html-script een blauwe lijn om een afbeelding+link. Hoe krijg ik deze weg?
Bvd
Bvd
Blauwe lijn om link
- Onderwerp starter hasseholland
- Startdatum
- Status
CookieDealer
Gebruiker
- Lid geworden
- 11 apr 2009
- Berichten
- 13
Als je frontpage gebruikt kan je het ook op de makelijk manier doen.
op de Non-HTML modus zetten
-eigenschappen van afbeelding.
-lijnen en asseringen (oid)
en dan gewoon op ''0'' zetten.
op de Non-HTML modus zetten
-eigenschappen van afbeelding.
-lijnen en asseringen (oid)
en dan gewoon op ''0'' zetten.
teddybeer1
Gebruiker
- Lid geworden
- 3 feb 2002
- Berichten
- 142
Bedankt voor de reacties!
Ik heb weten op te lossen door het volgende in de css te zetten:
img { /* no border around images */
border: 0px;
}
Ik heb weten op te lossen door het volgende in de css te zetten:
img { /* no border around images */
border: 0px;
}
csshunter
Meubilair
- Lid geworden
- 4 aug 2009
- Berichten
- 6.465
Ja, dat is de beste manier! 
De eigenschap border="0" toevoegen aan de img-tag (zoals ook Frontpage doet) is geen valid html4.01 (Strict), want de eigenschap border is voor afbeeldingen al achterhaald verklaard in de html-specificatie van 1999: ten gunste van de css-oplossing. Want css is gemaakt voor opmaak, en html niet.
Met vriendelijke groet,
CSShunter
____________
PS:
Als je wel een randje om een afbeelding wilt hebben die een link is, maar niet zo'n vette blauwe rand, dan kan dat ook met css, bv.:
En als het randje van kleur moet veranderen bij een hover, dan komt er bv. bij:
Attentie: als je wèl een randje wilt hebben bij het aanwijzen maar in de gewone toestand niet, dan moet er toch een randje ingezet worden voor de gewone toestand: in de kleur van de achtergrond van de pagina (=onzichtbaar). Anders zou het img gaan verspringen bij een hover (omdat een border toegevoegd wordt aan de breedte van een element).
PS-2:
Als je ook nog tekst (bv. een onderschrift bij een img) hebt staan die in dezelfde link zit, kan je bij het img last krijgen van de "text-decoration": de onderstreping die er automatisch in komt bij links.
De eigenschap border="0" toevoegen aan de img-tag (zoals ook Frontpage doet) is geen valid html4.01 (Strict), want de eigenschap border is voor afbeeldingen al achterhaald verklaard in de html-specificatie van 1999: ten gunste van de css-oplossing. Want css is gemaakt voor opmaak, en html niet.
Met vriendelijke groet,
CSShunter
____________
PS:
Als je wel een randje om een afbeelding wilt hebben die een link is, maar niet zo'n vette blauwe rand, dan kan dat ook met css, bv.:
Code:
a img {
border: 1px solid black; /* of andere dikte of kleur */
}
Code:
a:hover img {
border: 1px solid yellow;
}PS-2:
Als je ook nog tekst (bv. een onderschrift bij een img) hebt staan die in dezelfde link zit, kan je bij het img last krijgen van de "text-decoration": de onderstreping die er automatisch in komt bij links.
- Wat (oude: 2006) experimenten om dat te vermijden: img-and-text-hovering.htm
- (voor de tegenwoordige browser-versies zou dit even nagelopen moeten worden)
- Hover over de images voor de verschillende effecten in de kleuren van randjes en onderstrepingen!
Laatst bewerkt:
- Status
