Archief - xHTML & CSS 'Knopeffect'

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.
U

UnD3RD0G

Legacy Member
kben ff wat aan het herhalen, en nu komk iezts vreemd tegen...

op de site dik beetje aant maken was werkt er iets niet :)

tis dus een vrij usual design, maar das makkelijk om alles nog eens in op te frissen.

wat ik mij niet meer kan herinneren.. is hoe ik nu, als je over de knoppen gaat, deze verandere? bv, as je er met muis overgaat, worden die wit, en tekst zwart...

elke 'link' zit in een <td> een id waarin oa height en width en color en background-color etc...dus elke knop is 150 lang en 25 hoog en dan eneetje om tot einde te gaan (check css voor info :) )
kunt ge nu simpelweg door de 'OnMouseOver" in die TD zelf daarmee iets lateng ebeuren???

en Onclick dan naar een link sturen?


kben ff totaal mn draad kwijt :confused:
t

tikketim

Legacy Member
je kan het beste :hover gebruiken ( css ) en u menu in een lijst zetten , geen tables

mss kan je hier een tutorial vinden : http://www.alistapart.com/

offtopic : speelde gij nogaltijd to ?
U

UnD3RD0G

Legacy Member
offtopic : ja vantijd nog wel :)

ontopic :

is da dan :

#knop {zo ziet hij er normaal uit}
#knop :hover {hoe hij er dan moet uitzien}
t

tikketim

Legacy Member
voorbeeldje :
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="nl" >
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>CSS Menu</title>
	<style type="text/css">
	
	body{margin:50px;}
	
	#menu {
		margin:0;
		padding:0;
		font:1em #271308Trebushet MS;
		list-style-type:none;
		width:6em;
	}
	
	#menu li {
		border-bottom:1px solid white;
	}
	
	#menu li a {
		border-left:8px solid #271308;
		border-right:8px solid #271308;
		background-color:#DEC688;
		display:block;
		color:black;
		font-weight:bold;
		text-decoration:none;
	}
		
	#menu li a:hover {
		color:#DEC688;
		background-color:#271308;
		border-left:8px solid #DEC688;
		border-right:8px solid #DEC688;
	}
		
	
	</style>
</head>

<body>

<ul id="menu">
	<li><a href="#">Home</a></li>
	<li><a href="#">About</a></li>
	<li><a href="#">Portfolio</a></li>
	<li><a href="#">Contact</a></li>
	<li><a href="#">Disclaimer</a></li>
</ul>

</body>
</html>

dusja het is in grote lijnen zoals ge zegt :)
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