[CSS/HTML] Achtergrondafbeelding aan laten sluiten

[Verwijderd]

he mensen,

ik ben even een nieuwe website aan het maken en nu wou ik onder mijn actieve menu items een soort pijltje hebben. nu weet ik alleen niet hoe ik het voor elkaar kan krijgen dat dat pijltje mooi over het vlak eronder aansluit??

zie hier het probleem: hier

de rest van de pagina's werken nog niet. die wil ik pas maken als deze goed staat.

mijn oude pagina is deze Design-Works, maar deze is niet in css gemaakt en kan dus eigenlijk niet meer he!

[rrrandy]

Buiten het feit dat dit topic hier natuurlijk niet hoort kun je ook gewoon een advertentie in de krant plaatsen

[NMe]

rrrandy schreef op vrijdag 27 april 2007 @ 15:43:
Buiten het feit dat dit topic hier natuurlijk niet hoort kun je ook gewoon een advertentie in de krant plaatsen

En in welke zin is dit bruikbare informatie voor de topicstarter? Reageer ontopic of reageer liever niet, want hier heeft niemand wat aan.

joostdl: lees Waar hoort mijn topic? eens door. Je zal zien dat je hier niet helemaal goed zit met je vraag, aangezien clientside programmeren bij de buren in Webdesign, Markup & Clientside Scripting hoort. Daarnaast pas ik even je titel een beetje aan.

Trouwens, het pijltje waar je het over hebt is in Firefox prima te zien, alleen in IE niet.

PRG>>WEB

[Verwijderd]

excuses hiervoor... het probleem zat m ook in IE. hij werkt nu goed in Firefox idd... zal voortaan mijn berichten juist plaatsen!

[Verwijderd]

Het volgende is een beetje onlogisch

Cascading Stylesheet:

ul#navigation li a:link,
ul#navigation li a:visited
{
    height: 26px;
    color: #999;
    padding: 0 3px 12px 3px;
    text-decoration: none;
}

ul#navigation li a:hover,
ul#navigation li a:active
{
    color: #fff;
}

ul#navigation li.active a:link,
ul#navigation li.active a:visited, 
ul#navigation li.active a:hover,
ul#navigation li.active a:active
{
    color: #fff;
    background: url(../images/arrowup.gif) no-repeat center 19px;
}

Ik zou er het volgende van maken

Cascading Stylesheet:

ul#navigation li a
{
    height: 26px;
    color: #999;
    padding: 0 3px 12px 3px;
    text-decoration: none;
}

ul#navigation li a:hover,
ul#navigation li a:active
{
    color: #fff;
}

ul#navigation li.active a
{
    color: #fff;
    background: url(../images/arrowup.gif) no-repeat center 19px;
}

Ik denk dat dit wel werkt. overigens a:active wordt bijna niet gebruikt, volgens mij werkt het niet eens lekker in IE (6)