Archief - CSS:hover

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

tikketim

Legacy Member
als ik a:hover gebruik , verandert de kleur alleen maar achter het woord zelf en ik zou het graag hebben dat er een groter gedeelte van het menu verandert van kleur , hoe doe ik dat ?

grtz tim
Z

Zero Grav

Legacy Member
met javascript.

je menu onderverdelen met een tabel of div, elk item een andere cel, div en die dan met javascript bij mouseover laten veranderen.

Ik mag dit mss ni echt zeggen maar kijk bij de portfolio van dresse in die bron. Vraag hem alleszins wel eerst toestemming om de code te gebruiken!!
t

tikketim

Legacy Member
Zero Grav zei:
met javascript.

je menu onderverdelen met een tabel of div, elk item een andere cel, div en die dan met javascript bij mouseover laten veranderen.

Ik mag dit mss ni echt zeggen maar kijk bij de portfolio van dresse in die bron. Vraag hem alleszins wel eerst toestemming om de code te gebruiken!!
Klik om te vergroten...

ik heb al een rollover gemaakt met css maar het probleem is dat het gekleurde vlak dat achter de tekst komt te staan niet aansluit op de tabelranden links en rechts

grtz tim
z

zheimer

Legacy Member
hoogte en breedte meegeven en anders een block element van maken
d

dresse

Legacy Member
gaat makkelijk met css gewoon.
kijk hier in bron: http://dresse.free.fr/dresign
ge kunt u link zo groot en lang maken als ge wilt, ge moet gewoon de width en de height bepalen...
ik heb hier de links in een partent box gestoken en de width van de link op 100% gezet dachtk. met nen dotted border derrond :)
t

tikketim

Legacy Member
wat is een partent box ? ik heb het geprobeerd maar als ik widht op 100 procent zet , blijft de achtergrondkleur gewoon achter het woord zelf en niet verder :s

grtz tim
d

dresse

Legacy Member
tikketim zei:
wat is een partent box ? ik heb het geprobeerd maar als ik widht op 100 procent zet , blijft de achtergrondkleur gewoon achter het woord zelf en niet verder :s

grtz tim
Klik om te vergroten...
sorry, moest parent box zijn.
kweni of da bestaat, voor mij is da den box waar da uw links zijn in ingesloten...
enfin, ik doe het zo:

Code: 
a:link.nav, a:active.nav, a:visited.nav		{color:white;
								padding-left:5px;
								background-color:black;
								border:1px solid black;
								width:100%;
								font-family:verdana;
								line-height:15px;
								font-size:9px;
								text-decoration:none
								}
								
a:hover.nav			{color:black;
				padding-left:5px;
				background-color:#CEBE00;
				margin:0px;
				font-family:verdana;
				line-height:15px;
				font-size:9px;
				text-decoration:none;
				width:100%;
				border:1px dotted white
				}

en dan gewoon per link zette:

<a href="blabla" class="nav">blabla</a>

en als ge dan met de width, heigth, padding, margin ofzo gaat spelen lukt da
wel...

*edit: eigenlijk kunde da ook zonder diene class="nav" ziek nu :) ma had da gedaan omdak ook nog andere links had... dus gewoon van uwen a:hover hoogte en breedte definen*
d

dresse

Legacy Member
hmm, inderdaad :)

that's why firefox sucks !!

waarom da iedereen die blijft gebruiken znapk ni, die ondersteunt gene kak :)
zelfs in opera is da een groot vakske :)
t

tikketim

Legacy Member
thx voor al de moeite dresse :bow:

idd , in IE ist een groot kaderke en in firefox een klein :p

grtz tim
T

Talos

Legacy Member
dresse zei:
hmm, inderdaad :)

that's why firefox sucks !!

waarom da iedereen die blijft gebruiken znapk ni, die ondersteunt gene kak :)
zelfs in opera is da een groot vakske :)
Klik om te vergroten...

Of gij doet alles fout ;)
FireFox is een heersende browser. Er zal heus wel een kleine reden zijn waarom het daar niet werkt.
K

Kn0t

Legacy Member
display:block; en je zal zien dat het in Firefox ook werkt ;)

<a> is een inline element en met die display:block; zorgt ge ervoor dat het wordt weergegeven als een block element waar je dus een width en height kunt aan meegeven.
d

dresse

Legacy Member
Kn0t zei:
display:block; en je zal zien dat het in Firefox ook werkt ;)

<a> is een inline element en met die display:block; zorgt ge ervoor dat het wordt weergegeven als een block element waar je dus een width en height kunt aan meegeven.
Klik om te vergroten...
ahzo :)
da weten we ook alweer :)
nooit gesnapt wat die displays allemaal deden :sad:

en idd, ik denk dat mozilla browsers ni met mijn stijl overweg kunne :)
en ik hoop ten zeerste dat firefox niet heersend is, want anders moet ik dringend de site diek aant maken ben voor klant gaan aanpasse :s

wette gelle misschien wat de fouten hier zijn? waarom dat bv alle content in firefox tegen de rand plakt, het adres op de index in de foto hangt, ...

http://dresse.free.fr/ocmw_beta/werking.html

zou zeer handig zijn als iemand mij zou kunne helen :)
t

tikketim

Legacy Member
ik zit weer me een probleem :crazy:

bekijk het verschill in firefox en ie

http://users.pandora.be/timpie/timpie/home.htm

in ie ziet alles er mooi uit , in firefox is de kader te klein en offline heb ik zelfs helemaal geen kader bij het twede menu en loopt alles gewoon door over heel het scherm :crazy:

grtz tim
d

dresse

Legacy Member
lol :)

lets kill that motherfucking fox :)

*edit: wel veel divs eh :) volgens mij staan daar serieus wa overbodige divs :)

en waarom neemt gij eigenlijk position relative? geeft alleen problemen :) alles absolute doen is veel betrouwbaarder :p
d

dresse

Legacy Member
tikketim zei:
euh , njah , ik weet het verschil ertussen nie :p

en welke divs zijn dan overbodig ??? :confused:

grtz tim

*edit*
http://users.pandora.be/timpie/timpie/naamloos.JPG
dit krijg ik offline
*/edit*
Klik om te vergroten...

nen div per link?
als ge dienen block op nen a: zet is da toch hetzelfde effect?

*edit: jeeeej, alle firefox problemen uit men site gekregen. stoch wel kut dat ie en firefox margins en paddings helemaal anders interpreteren eh :)*
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