Hyperlink boarder?

Status
Niet open voor verdere reacties.

annowins

Gebruiker
Lid geworden
10 sep 2008
Berichten
119
Ik ben bezig met de html te schrijven van mijn eigen website maar telkens als ik een hyperlink naar bijvoorbeeld mijn twitter krijg ik een paars-blauwe boarder om mijn twitter logo als ik mijn index.html bekijk.
ik gebreuk het volgende: <a href="http://twitter.com/...."><img src="Layer-9.png" width="54" height="50" alt="Layer 4" class="pngimg" /></a></div>
Hoe kan het dat die boarder eromheen komt en hoe kom ik er vanaf?
Of komt dat later als ik mijn website in mijndomein.nl zet dat het niet meer zo te zien valt?

alvast bedankt voor jullie reacties,

Annowins
 
Het is border niet boarder, maar goed. Om dit op te lossen kun je in je CSS bestand het volgende zetten.
Code:
a img{
border:none;
}
Dat zou afdoende moeten zijn, dit heeft overgeins niets met mijndomein te maken, sommige browsers (FF dacht ik) vinden gewoon dat plaatjes waar en link aan vast zit een randje moeten hebben. Blauw als je die pagina nog niet bezocht hebt, paars als dat wel zo is. Met bovenstaande code ga je dat tegen.
 
Laatst bewerkt:
oke dankje naarling ik zal dit in mijn CSS bestand zetten.
Dit antwoord heeft erg geholpen.
Vraag opgelost :)
 
ik heb het ook op kunnen lossen in de html lijn inplaats van in de CSS ik heb het volgende gedaan:
<a href="http://twitter.com/..."><img src="Layer-9.png" width="54" height="50" alt="Layer 4" class="pngimg" border="0" /></a></div>
 
Laatst bewerkt:
maakt het een verschil als ik dit ook nog in de CSS voeg dus in de html en css want dit vind ik zelf ook fijner werken dat ik het gelijk ook in de html heb zitten , of kan ik het dan beter gewoon alleen in de CSS zetten?
 
Hoi annowins,
Beter alleen in de css, dan staat alles van de opmaak bij elkaar. Dat is de bedoeling van css: de html mooi schoon, en alle opmaak in de css. Dubbelop van dingen wordt onoverzichtelijk en geeft ook gauw aanleiding tot fouten.
Het "deprecated" (= achterhaald) van de html-eigenschap border=".." betekent, dat dit volgens de aanbevolen moderne standaard (d.w.z. vanaf december 1999!) met het Doctype html-Strict (of xhtml-Strict) geen valid html meer is, en dus niet is toegestaan.

Als je het persé in de html wilt hebben, dan kan je style="border:0" als eigenschap gebruiken, dat is wel correcte html.
Maar dat valt af te raden, want zo krijg je toch weer een mix: html met inwendige css-opmaak.
Het is dus beter de opmaak gescheiden te houden, dat is ook de eerste hoofdregel van de Webrichtlijnen voor kwaliteitswebsites.

Met vriendelijke groet,
CSShunter
 
Laatst bewerkt:
Daarbij, als je het in de HTML doet moet je iedere keer dat je een plaatje als link plaatst aangeven dat er geen rand om moet, als je externe CSS gebruikt heb je alleen dat stukje code dat ik eerder gaf nodig, voor de hele site, hoeveel plaatjes je ook plaatst.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan