Html Links rand weghalen

Geplaatst: 14 maart 200916 jaren

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

Reageren

Geplaatst: 14 maart 200916 jaren

comment_1298586

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.

Reageren

Geplaatst: 14 maart 200916 jaren

Auteur

comment_1298587

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

Reageren

Geplaatst: 14 maart 200916 jaren

comment_1298594

Reageren

Geplaatst: 14 maart 200916 jaren

Auteur

comment_1298598

het werkt bedankt hackman :dans:

Reageren

Geplaatst: 15 maart 200916 jaren

comment_1299399

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;
}

Reageren

Geplaatst: 15 maart 200916 jaren

comment_1299443

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>

Reageren

Geplaatst: 15 maart 200916 jaren

comment_1299819

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