• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

html menü nicht mehr aktiv

scha2218

Neues Mitglied
Hallo!

Ich habe folgendes Problem:
Habe eine html Seite geschrieben, die funktioniert super.:D Im Menüpunkt NEWS habe ich einen Link auf "seite 2.html" gesetzt. Die Verlinkung funktioniert auch ohne Probleme, nur leider funktioniert das Menü auf Seite2.html nicht mehr, obwohl ich es aus Seite1.html kopiert habe. Kann das damit zusammenhängen dass auf seite2.html eine text box eingebaut ist??? Ich bin ratlos, wer kann mir helfen?

:shock:
 
Hallo,

in was für eine Textbox?
iFrame?
Die frage ist eigentlich ebennen. Liegt Seite2.html im gleichen ordenr wie 1 und wie sehen die Links aus.
Ohne code und ein paar infos kann dir keiner helfen.

Cheffchen
 
Hallo!
Also Seite1.html und Seite2.html liegen im gelichen Ornder. Die Verlinkungen zu allen anderen Seiten funktionieren auch super.
Hier meine codes:

Seite1.html

<body text="#000000" style="background: #643252; text-align:center; height:700px;">
<div style="background: transparent; position:relative;width:1024px;height:400px;margin-left:auto;margin-right:auto;">
<div style="position:absolute; left:0px; top:-5px; width:1024px; height:700px;">
<img src="bild2.jpg" width="1024" height="635" border="6" id="pic_1" name="Hintergrund" title="" alt=""></div>

<div style="position:absolute; left:20px; top:20px; width:330px; height:87px;">

<img src="logo.png" width="450" height="140" border="0" id="logo" name="logo"></div>



<div style="position:absolute; left:-45px; top:125px; width:300px; height:87px;">


<ul id="menu">
<li><a href="Seite2.html"><img src="newsbutton.png" width="150" height="60" border="0" id="logo" name="newsbutton" onmouseover="(src='hover.newsbutton.png')" onmouseout="(src='newsbutton.png')"></a></li>
<li><a href="Seite3.html"><img src="vitabutton.png" width="150" height="60" border="0" id="logo" name="vitabutton" onmouseover="(src='hover.vitabutton.png')" onmouseout="(src='vitabutton.png')"></a></li>
<li><a href="Seite4.html"><img src="theaterfilmbutton.png" width="150" height="60" border="0" id="logo" name="theaterfilmbutton" onmouseover="(src='hover.theaterfilmbutton.png')" onmouseout="(src='theaterfilmbutton.png')" ></a></li>
<li><a href="Seite5.html"><img src="fotosbutton.png" width="150" height="60" border="0" id="logo" name="fotosbutton" onmouseover="(src='hover.fotosbutton.png')" onmouseout="(src='fotosbutton.png')"></a></li>
<li><a href="Seite6.html"><img src="demobutton.png" width="150" height="60" border="0" id="logo" name="demobutton" onmouseover="(src='hover.demobutton.png')" onmouseout="(src='demobutton.png')" ></a></li>
<li><a href="Seite7.html"><img src="kontaktbutton.png" width="150" height="60" border="0" id="logo" name="kontakt" onmouseover="(src='hover.kontaktbutton.png')" onmouseout="(src='kontaktbutton.png')" ></a></li>
</div>



<div style="position:absolute; left:900px; top:600px;">
<a href="Schritt2.html"><img src="impressumbutton.png" width="100"; height="20"; border="0" onmouseover="(src='hover.impressumbutton.png')" onmouseout="(src='impressumbutton.png')"></a></div>

</div>


</body>
-----------------------------------------------------------------------------------------------------------------------

Seite2.html

<body text="#000000" style="background: #643252; text-align:center; height:700px;">
<div style="background: transparent; position:relative;width:1024px;height:400px;margin-left:auto;margin-right:auto;">
<div style="position:absolute; left:0px; top:-5px; width:1024px; height:700px;">
<img src="bild2.jpg" width="1024" height="635" border="6" id="pic_1" name="Hintergrund" title="" alt=""></div>

<div style="position:absolute; left:20px; top:20px; width:330px; height:87px;">

<img src="logo.png" width="450" height="140" border="0" id="logo" name="logo"></div>



<div style="position:absolute; left:-45px; top:125px; width:300px; height:87px;">

<ul id="menu">

<li><a href="Seite2.html"><img src="newsbutton.png" width="150" height="60" border="0" id="logo" name="newsbutton" onmouseover="(src='hover.newsbutton.png')" onmouseout="(src='newsbutton.png')"></a></li>
<li><a href="Seite3.html"><img src="vitabutton.png" width="150" height="60" border="0" id="logo" name="vitabutton" onmouseover="(src='hover.vitabutton.png')" onmouseout="(src='vitabutton.png')"></a></li>
<li><a href="Seite4.html"><img src="theaterfilmbutton.png" width="150" height="60" border="0" id="logo" name="theaterfilmbutton" onmouseover="(src='hover.theaterfilmbutton.png')" onmouseout="(src='theaterfilmbutton.png')" ></a></li>
<li><a href="Seite5.html"><img src="fotosbutton.png" width="150" height="60" border="0" id="logo" name="fotosbutton" onmouseover="(src='hover.fotosbutton.png')" onmouseout="(src='fotosbutton.png')"></a></li>
<li><a href="Seite6.html"><img src="demobutton.png" width="150" height="60" border="0" id="logo" name="demobutton" onmouseover="(src='hover.demobutton.png')" onmouseout="(src='demobutton.png')" ></a></li>
<li><a href="Seite7.html"><img src="kontaktbutton.png" width="150" height="60" border="0" id="logo" name="kontakt" onmouseover="(src='hover.kontaktbutton.png')" onmouseout="(src='kontaktbutton.png')" ></a></li>

</ul>
</div>


<div style="position:absolute; left:900px; top:600px;">
<a href="Schritt2.html"><img src="impressumbutton.png" width="100"; height="20"; border="0" onmouseover="(src='hover.impressumbutton.png')" onmouseout="(src='impressumbutton.png')"></a></div>


<div style="position:absolute;id="liboxnews">
<ul class="liboxnews">
<li><p>texttexttext</p></li><br>
<li><p>texttettext</li>
</ul>
</div>
--------------------------------------------------------------------
Vielleicht kann mir jemand helfen?




</body>
 
Setze doch bitte HTML-Code in die dafür vorgesehene Codebox!
Im erweitereten Editor sind das die Buttons
html.png
für HTML
php.png
für PHP
code.png
für sonstigen Code

So kann ich auf die Schnelle keinen Grund finden, warum dein Menü in Seite2 nicht funktioniert.
Allerdings stellt sich mir die Frage, warum du den Mauseffekt nicht mit CSS machst.
 
Sorry! Das ist mein erster Eintrag im Forum. Da ist auch meine erste Website, also sei etwas nachsichtig, dass nicht alles optimal geschreiben ist. Bin froh dass ich soweit bin!
:?




HTML:
<body text="#000000" style="background: #643252; text-align:center; height:700px;">
    <div style="background: transparent; position:relative;width:1024px;height:400px;margin-left:auto;margin-right:auto;">
    <div style="position:absolute; left:0px; top:-5px; width:1024px; height:700px;">
            <img src="bild2.jpg" width="1024" height="635" border="6" id="pic_1" name="Hintergrund" title="" alt=""></div>

<div style="position:absolute; left:20px; top:20px; width:330px; height:87px;">
   
            <img src="logo.png" width="450" height="140" border="0" id="logo" name="logo"></div>



    <div style="position:absolute; left:-45px; top:125px; width:300px; height:87px;">

    
<ul id="menu">
  <li><a href="Seite2.html"><img src="newsbutton.png" width="150" height="60" border="0" id="logo" name="newsbutton"  onmouseover="(src='hover.newsbutton.png')" onmouseout="(src='newsbutton.png')"></a></li>
  <li><a href="Seite3.html"><img src="vitabutton.png" width="150" height="60" border="0" id="logo" name="vitabutton"  onmouseover="(src='hover.vitabutton.png')" onmouseout="(src='vitabutton.png')"></a></li>
  <li><a href="Seite4.html"><img src="theaterfilmbutton.png" width="150" height="60" border="0" id="logo" name="theaterfilmbutton" onmouseover="(src='hover.theaterfilmbutton.png')" onmouseout="(src='theaterfilmbutton.png')" ></a></li>
  <li><a href="Seite5.html"><img src="fotosbutton.png" width="150" height="60" border="0" id="logo" name="fotosbutton"  onmouseover="(src='hover.fotosbutton.png')" onmouseout="(src='fotosbutton.png')"></a></li>
<li><a href="Seite6.html"><img src="demobutton.png" width="150" height="60" border="0" id="logo" name="demobutton" onmouseover="(src='hover.demobutton.png')" onmouseout="(src='demobutton.png')" ></a></li>
<li><a href="Seite7.html"><img src="kontaktbutton.png" width="150" height="60" border="0" id="logo" name="kontakt" onmouseover="(src='hover.kontaktbutton.png')" onmouseout="(src='kontaktbutton.png')" ></a></li>
</div>



<div style="position:absolute; left:900px; top:600px;">
        <a href="Schritt2.html"><img src="impressumbutton.png" width="100"; height="20"; border="0" onmouseover="(src='hover.impressumbutton.png')" onmouseout="(src='impressumbutton.png')"></a></div>

</div>


</body>
Seite2.html
HTML:
<body text="#000000" style="background: #643252; text-align:center; height:700px;">
    <div style="background: transparent; position:relative;width:1024px;height:400px;margin-left:auto;margin-right:auto;">
    <div style="position:absolute; left:0px; top:-5px; width:1024px; height:700px;">
            <img src="bild2.jpg" width="1024" height="635" border="6" id="pic_1" name="Hintergrund" title="" alt=""></div>

<div style="position:absolute; left:20px; top:20px; width:330px; height:87px;">
   
            <img src="logo.png" width="450" height="140" border="0" id="logo" name="logo"></div>



    <div style="position:absolute; left:-45px; top:125px; width:300px; height:87px;">

<ul id="menu">

  <li><a href="Seite2.html"><img src="newsbutton.png" width="150" height="60" border="0" id="logo" name="newsbutton"  onmouseover="(src='hover.newsbutton.png')" onmouseout="(src='newsbutton.png')"></a></li>
  <li><a href="Seite3.html"><img src="vitabutton.png" width="150" height="60" border="0" id="logo" name="vitabutton"  onmouseover="(src='hover.vitabutton.png')" onmouseout="(src='vitabutton.png')"></a></li>
  <li><a href="Seite4.html"><img src="theaterfilmbutton.png" width="150" height="60" border="0" id="logo" name="theaterfilmbutton" onmouseover="(src='hover.theaterfilmbutton.png')" onmouseout="(src='theaterfilmbutton.png')" ></a></li>
  <li><a href="Seite5.html"><img src="fotosbutton.png" width="150" height="60" border="0" id="logo" name="fotosbutton"  onmouseover="(src='hover.fotosbutton.png')" onmouseout="(src='fotosbutton.png')"></a></li>
  <li><a href="Seite6.html"><img src="demobutton.png" width="150" height="60" border="0" id="logo" name="demobutton" onmouseover="(src='hover.demobutton.png')" onmouseout="(src='demobutton.png')" ></a></li>
  <li><a href="Seite7.html"><img src="kontaktbutton.png" width="150" height="60" border="0" id="logo" name="kontakt" onmouseover="(src='hover.kontaktbutton.png')" onmouseout="(src='kontaktbutton.png')" ></a></li>

</ul>
</div>


<div style="position:absolute; left:900px; top:600px;">
        <a href="Schritt2.html"><img src="impressumbutton.png" width="100"; height="20"; border="0" onmouseover="(src='hover.impressumbutton.png')" onmouseout="(src='impressumbutton.png')"></a></div>


<div style="position:absolute;id="liboxnews">
        <ul class="liboxnews">        
            <li><p>Am 13. 14. und 15. April bin ich im St&uuml;ck "LECK MICH- Das Ende der Liebe im Zeitalter maximaler M&ouml;glichkeiten" im Theater der Arturo Schauspielschule zu sehen.</p></li><br>
            <li><p>Ab der Spielzeit 2011/2012 bin ich Schauspielerin am Theater Pforzheim.</li>
        </ul>
    </div>





</body>
 
Hast du das Irgendwo online stehen, dass man sich das mal mit Images ansehen kann?
Ich sehe zwar ein paar Fehler, aber keiner davon korrespondiert mit deinem Problem.
 
Auf seite2.html hast Du unten

HTML:
<div style="position:absolute;id="liboxnews">

stehen, was so falsch ist. Korrigiere das zu

HTML:
<div style="position:absolute;" id="liboxnews">

Wenn es dann auch nicht geht überdenke bitte die absoluten Positionierungen. Eine Webseite sollte man wenn möglich nicht darüber aufbauen alle absolut zu Positionieren. Dadurch besteht die Gefahr, dass manche Elemente über anderen liegen, wodurch die darunterliegenden nicht mehr erreichbar sind. In deinem Fall sehe ich das Problem, dass die Navigation von irgendetwas anderem, z.B. von dieser "liboxnews", überlagert wird und dadurch auch nicht mehr anklickbar ist.

Mein Tipp: schmeiß das Inline-CSS komplett aus, verwende eine externe CSS für Styleangaben und bau diesen Style ohne absolute Positionierung auf. Verwende dann float und clear um Elemente nebeneinander zu legen.

Wenn Du absolute Positionierung beibehalten willst, schau dir auch mal die Eigenschaft "z-index" an.
 
Ja, danke! Leigt wohl an der Positionierung absolute. Leider rutscht die box jetzt immer an den oberen Rand meines Hintergrundbildes... Welche positionierung ist denn da sinnvoll? relative?
 
Wie schon gesagt: man verwendet kein "position". Man nutzt float um Element nebeneinander zu bringen. Ansonsten reichen auch Außen- und Innenabstände um eben diese zu erreichen. Absolute Positionierung ist insbesondere für eine komplette Seite und wenn man nicht genau weiß wie man es anwendet von Nachteil, wie Du gerade merkst.
 
Zurück
Oben