Archief - CSS: Volgorde (niet op LV HA)

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

dobber_1987

Legacy Member
Ik heb 1 stijl.css en daarin staan verschillende eigenschappen voor links. Ik werk met allemaal div's en id's voor die div's.

De div met id="breadcrumbs":
Code:
#breadcrumbs {
	position:absolute;
	left:175px;
	top:176px;
	width:160px;
	height:85px;
	color: white;
	text-align: left;
	font-size: 10pt;
}

#breadcrumbs a:link,a:visited {
	text-decoration: underline;
	color: white;
}

#breadcrumbs a:hover{
	text-decoration: none;
	color: red;
}

#breadcrumbs a:active {
	text-decoration: underline;
	color: silver;
}

De div met id="sectienaam":
Code:
#sectienaam {
	position:relative;
	left:5%;
	color: white;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-variant: small-caps;
	font-size: 15pt;
}

#sectienaam a:link, a:visited {
	text-decoration: none;
	color: white;
}

#sectienaam a:hover{
	text-decoration: none;
	color: red;
}

#sectienaam a:active {
	text-decoration: none;
	color: silver;
}

de html:
Code:
<div id="breadcrumbs">
	<p>
	<a href="blabla.html">blabla</a>
	</p>
</div>
<div id="div-11">
	<div id="sectienaam">films</div>
		<a href="blabla.html">blabla</a>
	</div>
</div>>

Mijn breadcrumbs hebben nu niet de juiste opmaak, ze hebben dezelfde opmaak als die van sectienaam. Volgens mij heeft het mss te maken met het feit dat sectienaam 'dieper' in de code zit gewrapped (er zit nog "div-11 rond). Hoe kan ik dit oplossen dat elk zijn eigen opmaak heeft?

LunchBox

Legacy Member
zowieso als je "#sectienaam a:link, a:visited" gebruikt moet je voor die a:visited opnieuw #sectienaam zetten, want anders stel je met die regel "alle" visited links in:

#sectienaam a:link, #sectienaam a:visited {}
#breadcrumbs a:link, #breadcrumbs a:visited {}

voor de rest doet die #div-11 niet echt terzake bij de verwijzingen. wel rekening mee houden dat uw tweede link niet meer binnen de sectienaam div zit want die heb je voorheen afgesloten. voor die laatste link is er momenteel dus geen opmaak voorzien in jouw voorbeeld.

dobber_1987

Legacy Member
Awel ja, dat laatste was een typfoutje :)
En tis opgelost, dank u!
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan