Archief - Overriden van a:link

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.

SaRs!

Legacy Member
Hoi,

Ik zit met een klein probleempje

ik heb mijn a:link gedefinieerd voor links, en dit werkt

Iets verder in mijn css heb ik echter een div met een andere style die ook moet dienen als link

En deze zit dan nog eens in een div

Effe duidelijk

PHP:
<a>Linkje</a>
//weergeeft hij uiteraard correct

<a>
<div>
<div2>LINK</div>
<div3>LINK2</div>
</div>
</a>
//weergeeft hij 30% van de tijd fout

Nu wil ik natuurlijk niet dat hij de style van a:link gebruikt, maar de style die ik apart gedefinieerd heb; deze bijvoorbeeld;

PHP:
a:hover { color: xxxxx; }
//deze gebruikt hij 30% van de tijd

.div:hover .div2 { color: xxx; }
.div:hover .div3 { color: xxxx; }
//deze gebruikt hij 70% van de tijd

In 70% van de gevallen geeft hij dit correct weer, maar in 30% van de gevallen zet hij mijn <div> in de a:style die ik daarvoor heb ingesteld.

Het is natuurlijk wel essentieel dat de hover op de master div werkt en niet op de apparte div's div2 en div3

Iemand een idee?

Hier kan je de fout in actie zien;
www.grafischdesign.net
--> als je het niet ziet; paar keer refreshen of naar andere pagina gaan, etc. Je zult wel ergens op de pagina een fout zien in de link styling (menu, content,..)

scipicore

Legacy Member
Ik hoop vanharte dat je in het werkelijke voorbeeld <div class="div2"> hebt gebruikt, anders vrees ik voor je handeltje.

Maak trouwens van al die .menu1, .menu2, ... eens 1 klasse

.menu {
float: left;
font-size: 12px;
}

Die breedte en hoogte doen trouwens niets, dat bespaart u al heel wat code.

Zou je eens concreet kunnen zeggen waar en wanneer het juist fout gaat? Ik zie namelijk niets dat echt verkeerd lijkt.
Je moet trouwens wel je anchor stylen om a:link te overschrijven, niet je div.

SaRs!

Legacy Member
dat is juist het probleem. als ik de anchor style dan krijg ik niet meer de juiste hover per div, maar de anchor style op ze allebei

scipicore

Legacy Member
Kan je dan eens precies zeggen waar en wanneer het probleem zich voordoet? Ik vind je uitleg nogal ingewikkeld en ik zou het makkelijker vinden moest ik het zelf kunnen zien.

SaRs!

Legacy Member
Oke;

Er bestaat geen oplossing voor.

a is een inline en div is een block element

Het is niet validated om een div in een a te zetten
Dit mag je dus nooit doen:
<a><div></div></a>

Het probleem is onoplosbaar (buiten met JS, wat ik niet wil gebruiken)

Toch bedankt voor de hulp

-BVR-

Legacy Member
adrianhates zei:
div:hover gaat niet in alle browsers werken ..

In welke hedendaagse browsers werkt dat niet? Ik gebruik het zelf en dat werkt toch voor zover ik weet in Safari, opera, FF en IE :s

gille

Legacy Member
Wat wil je eigenlijk forceren? Geef eens een deftige uitleg, want atm is het maar een verwarrend hoor...

En zou bij die 'Ik ben gespecialiseerd in grafisch ontwerp, webdesign en het ontwikkelen van webapplicaties in HTML, PHP en CSS' de HTML & CSS alleszins al laten vallen. Azo een soep dat die code is.


BramVroy zei:
In welke hedendaagse browsers werkt dat niet? Ik gebruik het zelf en dat werkt toch voor zover ik weet in Safari, opera, FF en IE :s
True, enkel IE6 heeft daar nog problemen mee en dan is dat nog op te lossen met Javascript.

Zero Grav

Legacy Member
Dat is ook geen oplossing, foute html code gaan verbergen met wat css.
Maak dan op zijn minst spans van die divs.

het.pc.schaap

Legacy Member
of gewoon zonder divs?
ik vind persoonlijk dat het grootste probleem van deze website DIVisitis is.
@<div class="menuspacer"></div> : waarom niet gewoon margin gebruiken?

@Sars! veel geluk met 'het ontwikkelen van webapplicaties in HTML, PHP en CSS'

gille

Legacy Member
Zero Grav zei:
Dat is ook geen oplossing, foute html code gaan verbergen met wat css.
Maak dan op zijn minst spans van die divs.

Vanaf HTML5 is het toegestaan. Nuja, block elements in inline elements is wel het minste van zijn zorgen als hij het 'correct' wilt doen.
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