Hej NG!
Jeg har - som emne-linien antyder - et irriterende problem.
På siden
http://www.cantica.dk/Korene/Boern/Boern.php er der en knap med
titlen "Hjælp".
Hvis man holder musen henover den, kommer der en firkantet boks frem i
vinduets nederste, højre hjørne, hvilket fungerer fint i IE, FF og Opera.
Og det skal den også, men det validerer ikke!
Jeg får fejlen:
Error Line 129 column 17: document type does not allow element "div" here;
missing one of "object", "ins", "del", "map", "button" start-tag.
1.. <div id="hjaelp2">The mentioned element is not allowed to appear in
the context in which you've placed it; the other mentioned elements are the
only ones that are both allowed there and can contain the element mentioned.
This might mean that you need a containing element, or possibly that you've
forgotten to close a previous element.
One possible cause for this message is that you have attempted to put a
block-level element (such as "<p>" or "<table>") inside an inline element
(such as "<a>", "<span>", or "<font>").
....hvilket er ganske forståeligt, men uanset hvordan jeg vender og drejer
det går det galt - enten validerer det, men virker ikke - eller også virker
det, men validerer ikke....!?
html'en er opbygget således (poster kun den vigtigste kode - og udelukkende
for at gøre det nemmere for evt. hjælpere!):
<div id="hjaelp">
<a class="hjaelp" href="#">Hjælp
<span>
<div id="hjaelp2">
<p class="vigtig_head"></p>
<p class="vigtig"></p>
<p class="vigtig"></p>
<p class="vigtig"></p>
<p class="vigtig"></p>
</div>
</span>
</a>
</div>
....og den tilhørende css ser således ud:
div#hjaelp {
margin:10px 0px;
padding:0px;
text-indent:0px;
}
div#hjaelp2 {
border:2px solid #000;
background-image:url(/Img/Grafik/baggrund.gif);
background-repeat:repeat;
width:500px;
height:330px;
padding:5px;
margin:0px;
}
a.hjaelp:link, a.hjaelp:visited, a.hjaelp:active {
border:2px outset blue;
padding:2px 5px;
margin:0px;
text-indent:0px;
font-weight:bold;
color:#800000;
background-color:inherit;
text-decoration:none;
}
a.hjaelp:hover {
border:2px inset blue;
padding:2px 5px;
margin:0px;
text-indent:0px;
font-weight:bold;
color:#000;
background-color:inherit;
text-decoration:none;
}
a span {display: none;}
a:hover span, a:active span {
display: block;
position: fixed;
bottom:0px;
right:0;
padding: 0;
z-index: 100;
}
....men det er jo selvfølgelig i html'en, at det går galt, som det fremgår af
validerings-rapporten, men hvordan kan jeg løse det, så det både virker og
validerer??
Skal lige indskyde, at jeg har "hugget" ideen fra en af Marianne Tidemanns
sider... (rødme)
Al hjælp modtages med stor taknemmelighed!
Med venlig hilsen
--
Dennis Munding
http://pe-vagtservice.dk/, http://cantica.dk/, http://munding-webdesign.dk/,
http://skovaa-munding.dk/, http://mundings-memorial.dk/,
http://eds-denmark.dk/