[CSS] <a href> probleem

[4of9]

Hallo,

Ik heb nu een stukje html en css dat niet helemaal doet wat het moet doen.

In de volgende code werkt de onderste link niet. Hoe kan dit? Of liever gezegd hoe moet ik dit oplossen?

html

code:

<div id="mid">
  <a href="">Lorum ipsum bladiebla 1</a>
  <a href="">Lorum ipsum bladiebla 1</a>
  <a href="">Lorum ipsum bladiebla 1</a>
</div>

css

code:

#mid {
    color: #000;
    position: absolute;
    top: 185px;
    left:152px;
    height: 176px;
    width: 385px;
    padding: 0;
    margin: 0;
    font-size: 10px;
    border: 1px solid #000;
}
    

#mid a {
    display: block;
    padding-top: 2px; 
    padding-bottom: 10px; 
    padding right: 2px;
    padding-left: 20px;
    border: 1px solid #333;
    width: 250px;
    height: 10px;
    background-image: url(image/bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 0.6em;
    margin: 10px;
}
    
#mid a:hover {
    display: block;
    padding-top: 2px; 
    padding-bottom: 10px; 
    padding right: 2px;
    padding-left: 20px;
    border: 1px solid #333;
    width: 250px;
    background-image: url(image/bullethover.gif);
    background-repeat: no-repeat;
    background-position: 0 0.6em;
    margin: 10px;
}

ik heb het ook al met een <ul> geprobeerd maar ook dit resulteerde in het zelfde probleem.

alvast bedankt

ik ontdek nu net dat het alleen zo is als de div op een betreffende pagina geplaatst is

www.opinieland.nl/mockup/login.html

mischien zien jullie wat er fout gaat?

thx

[ Voor 12% gewijzigd door 4of9 op 03-11-2004 12:22 ]

[Verwijderd]

Ten eerste: http://alistapart.com/articles/taminglists/

Ten tweede: staat IE in quirks of standard compliant mode?

[Verwijderd]

fix eerst je html (img afsluiten) en geef die href een waarde

stop vervolgens met xhtml

(in ff doet ie het ook niet, dat zie je niet vaak)

[ Voor 41% gewijzigd door Verwijderd op 03-11-2004 12:27 ]

[Verwijderd]

is er niet een of andere DIV die er overheen valt?

[crisp]

Verwijderd schreef op 03 november 2004 @ 12:30:
is er niet een of andere DIV die er overheen valt?

ja, de #bgimagebottom

overigens hoef je in de :hover niet alles te herhalen; dit is voldoende:

Cascading Stylesheet:

    #mid a:hover {
        background-image: url(image/bullethover.gif);
    }

[4of9]

@ Crisp:

Thx! Echt totaal overheen gekeken!

@Anne:

Hoe kan ik zien in welke mode IE werkt? (het werkte idd ook niet in FF)

[André]

4of9 schreef op 03 november 2004 @ 12:55:
Hoe kan ik zien in welke mode IE werkt? (het werkte idd ook niet in FF)

Een leuk trucje is:

code:

javascript:alert(document.compatMode)

Dit in je adresbalk zetten en als hij "BackCompat" geeft staat hij in Quirksmode.

[4of9]

wat is het verschil?

hij geeft css1 compat mode

[André]

4of9 schreef op 03 november 2004 @ 13:09:
hij geeft css1 compat mode

Dan staat hij in standards compliance mode