nicht angemeldet
MiT mouseover div bereich ändern
Also ich hab folgende page, problem ist das mein mouseovereffekt nicht klappt:
<html>
<head>
<meta name="linked-style-sheet-name" value="Embedded style sheet">
<meta name="window-location" value="{ -30 -4 954 1288 }">
<meta name="targetted-browsers" value="NS4.0 NS6 IE4.0 IE5">
<title>Volkslauf-Wermelskirchen</title>
<style type="text/css">
#Ueberschrift {
background-color: #ff8000;
height: 50px;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
z-index: 1
}
#Menue {
background-color: #ff8000;
height: 50%;
left: 0px;
position: absolute;
top: 75px;
width: 25%;
z-index: 2
}
#News {
background-color: #c0c0c0;
height: 50px;
left: 5px;
position: absolute;
top: 100px;
width: 15%;
z-index: 3
}
#History {
background-color: #808080;
height: 50px;
left: 10px;
position: absolute;
top: 150px;
width: 15%;
z-index: 4
}
#Lauf {
background-color: #c0c0c0;
height: 50px;
left: 15px;
position: absolute;
top: 200px;
width: 15%;
z-index: 5
}
#Gaestebuch {
background-color: #808080;
height: 50px;
left: 20px;
position: absolute;
top: 250px;
width: 15%;
z-index: 5
}
#Kontakt {
background-color: #c0c0c0;
height: 50px;
left: 25px;
position: absolute;
top: 300px;
width: 15%;
z-index: 5
}
body {
background-color: gray
}
</style>
</head>
<body>
<div id="Ueberschrift"></div>
<div id="Menue"></div>
<div id="News"
onMouseover=" document.all.News.sytle.width='30%'; onMouseout="document.all.News.style.width= '15%'"></div>
<div id="History"></div>
<div id="Lauf"></div>
<div id="Gaestebuch"></div>
<div id="Kontakt"></div>
<iframe name="Haupt" frameborder="0" style="position: absolute; top: 75px; left: 28%; width: 70%; height: 75%; z-index: 6; background-color: #c0c0c0; overflow: auto;
border-style:solid; border-right-width: 5px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 5px;" src="X.htm"></iframe>
</body>
</html>
-
Hallo TH0R.
Also ich hab folgende page, problem ist das mein mouseovereffekt nicht klappt:
Wo sind deine Problemanalyse und -beschreibung?
<html>
Wo ist der DOCTYPE?
<head>
<meta name="linked-style-sheet-name" value="Embedded style sheet">Was soll dieses meta-Element bewirken?
<meta name="window-location" value="{ -30 -4 954 1288 }">
Was soll dieses meta-Element bewirken?
<meta name="targetted-browsers" value="NS4.0 NS6 IE4.0 IE5">
Was soll dieses meta-Element bewirken? Offenbar Unsinn.
<title>Volkslauf-Wermelskirchen</title>
<style type="text/css">
[...]
</style>Bitte verzichte auf absolute Positionierung und Größenangaben mit der Maßeinheit „px“.
Befasse dich mit den Alternativen zu beiden.</head>
<body>
<div id="Ueberschrift"></div>"ich möchte eine überschrift sein, bitte bitte lass mich ein <hX> sein!" [wahsaga]
<div id="Menue"></div>
<div id="News"
onMouseover=" document.all.News.sytle.width='30%'; onMouseout="document.all.News.style.width= '15%'"></div>
<div id="History"></div>
<div id="Lauf"></div>
<div id="Gaestebuch"></div>
<div id="Kontakt"></div>Warum verwendest du hierfür keine Liste?
Warum setzt du deinen gewünschten hover-Effekt nicht mit CSS um?<iframe name="Haupt" frameborder="0" style="position: absolute; top: 75px; left: 28%; width: 70%; height: 75%; z-index: 6; background-color: #c0c0c0; overflow: auto;
border-style:solid; border-right-width: 5px; border-left-width: 1px; border-top-width: 1px; border-bottom-width: 5px;" src="X.htm"></iframe>Warum verwendest du hier einen Iframe? Warum bettest du den Inhalt nicht direkt ein?
Bitte befasse dich mit den _Grundlagen_ von HTML, CSS und JavaScript; lerne, zu verstehen, was du da eigentlich machst und validiere dein Dokument.
Dein Problem ist im Übrigen auf einen Tippfehler zurückzuführen, du solltest aber vom proprietären document.all Abstand halten und dich mit den Alternativen (getElementById, getElementsByTagName, getElementsByName, this) für deinen speziellen Fall befassen.
Einen schönen Donnerstag noch.
Gruß, Ash*feel free*ura
--
Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
30 Days to becoming an Opera8 Lover -- Fix dsl sbc yahoo com with User JavaScript
Meine Browser: Opera 8.50 | Firefox 1.0.7 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
-
Hallo Ashura,
Bitte verzichte auf absolute Positionierung und Größenangaben mit der Maßeinheit „px“.
Befasse dich mit den Alternativen zu beiden.Was nimmst du denn für Einheiten bei absoluten Positionierungen bzw. was empfiehlst du anstelle von px und wieso?
Bisher habe ich ebenfalls immer px verwendet.
Gruss,
GKiller-
Hallo GKiller.
Was nimmst du denn für Einheiten bei absoluten Positionierungen
Ich verwende so gut wie gar keine absolute Positionierung.
bzw. was empfiehlst du anstelle von px und wieso?
Anstelle von px bieten sich meist eher em oder % an.
Diese beiden Einheiten beziehen sich relativ auf das jeweilige Elternelement bzw. das Dokument selbst.
Im Forenarchiv findest du hunderte von Threads, die sich mit diesem Thema befassen.Bisher habe ich ebenfalls immer px verwendet.
Dies verwende ich persönlich nur noch bei Angaben zur Rahmenbreite (border-width).
Einen schönen Freitag noch.
Gruß, Ash*feel free*ura
--
Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
30 Days to becoming an Opera8 Lover -- Fix dsl sbc yahoo com with User JavaScript
Meine Browser: Opera 8.50 | Firefox 1.0.7 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
-
-