Jump to content

Html Links rand weghalen


Recommended Posts

Geplaatst:

Ik heb met kladbok een html site gemaakt. Niet echt bijzonder. Maar ik heb 3 afbeeldingen die als link dienen naar een volgende pagina deze links werken alleen zit er zon lelijke blauwe rand omheen, en als je de pagina hebt bezocht word de rand paars. Heeft iemand enig idee hoe ik dit weghaal

Geplaatst:

Ik ben niet helemaal wegwijs in het maken van websites op deze manier maar ik weet wel dat je dit moet doen:

Bij border zet je het cijfer 0.

Geplaatst:
Ik ben niet helemaal wegwijs in het maken van websites op deze manier maar ik weet wel dat je dit moet doen:

Bij border zet je het cijfer 0.

Ik heb nergens border staan

de tag gebruik ik

<A HREF="site.html"><img src="homepage.png"></A>

Geplaatst:

om verdere problemen te verkomen, of om al die stukjes border="0" te vermijden kun je ook dit in een algemeen css-bestand zetten:

a img {
border-width: 0px;
}

Geplaatst:

Je kan het ook in de <head> zetten als je bijvoorbeeld nog niet echt toe bent aan een css bestandje.

Dan wordt je code:

<html>
<head>
<title>Je pagina titel</title>
<style type="text/css">
a img {
border-width: 0px;
}
</style>
<!-- als je nog wat in je head hebt staan, vul dat hier in -->
</head>
<body>
<!-- pagina tekst -->
</body>
</html>

Geplaatst:

een zijopmerking:

als je nog niet echt toe bent aan een css-bestandje, dan is dat stukje css ook niet echt handig om te gebruiken.

Dan kun je beter gewoon border="0" gebruiken, anders wordt het toch alleen maar lastig.

CSS in de head is namelijk onoverzichtelijk, en maakt je werk er niet leesbaarder op, zeker niet voor beginners.

Ik weet niet of TS een beginner is, maargoed

Het idee van algemene css-stylen is juist dat je ze in een css-bestand zet, net als links-opmaak en margin- en padding-resets. Hierdoor hoef je niet in alle bestanden te bewerken als je iets wilt wijzigen.

wat ik dus meestal sowieso in een algemeen css-bestand zet is ongeveer dit:

/* alle margins en paddings op 0 zetten. Eventueel kan border ook op 0 gezet worden */
* {
margin: 0px;
padding: 0px;
}

/* we hebben alle paddings gereset, maar voor lijstjes is dat niet handig. Terugzetten dus: */
ul, ol {
padding-left: 40px;
}

/* links opmaken */
a:link, a:visited {color: #000000;}
a:hover {color: #ff0000;}
a:active {color: #00ff00;}

/* border van link-plaatjes weghalen */
a img {
border-width: 0px;
}

dit zijn voorbeelden die je bij een wat grotere site gewoon in een apart bestand MOET zetten.

Je kunt uit het eerste bericht afleiden dat het niet om een grote website gaat, maar wat niet is kan nog komen en dan zijn alle tips meegenomen, zo is mijn ervaring.

dit is wel weer genoeg leesvoer :D

sorry voor het offtopic gaan trouwens :puh:

Een reactie plaatsen

Je kan nu een reactie plaatsen en pas achteraf registreren. Als je al lid bent, log eerst in om met je eigen account een reactie te plaatsen.

Gast
Op dit onderwerp reageren...

×   Je hebt text geplaatst met opmaak.   Opmaak verwijderen

  Only 75 emoji are allowed.

×   Je link is automatisch ingevoegd.   In plaats daarvan weergeven als link

×   Je vorige bewerkingen zijn hersteld.   Alles verwijderen

×   You cannot paste images directly. Upload or insert images from URL.

  • Recent actief   0 leden

    • Er zijn hier geen geregistreerde gebruikers aanwezig.
×
×
  • Create New...