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

Links verschieben sich

S

sturmi08

Neues Mitglied
Hallo Leute,

ich habe folgendes Problem.
Ich habe ein Menü im oberen Bereich meiner Webseite.
Jetz will ich im Contentbereich ein Bild einfügen, dass einen Link beinhalten soll.
Wenn ich das Bild jetzt mit einem Link versehe, dann verschwinden die Links der oberen Menüpunkte.
Aber nur oberhalb des Bildes, links und rechts davon funktionieren die links noch..

Weiß jemand einen Rat?
 
Werbung:
Also mit den wenigen Informationen wird Dir sicherlich niemand hier einen Rat geben können. Am besten Du postest einen Link, oder zumindest Quellcode, sowohl HTML als auch CSS. Benutze beim Quellcode posten bitte den entsprechenden Code-Tag (ist in der erweiterten Ansicht).
 
HAllo,

doch ich kann helfen.

schiebe das einfach zurück. :O)

genau so ist deine fragestellung. "Auto put wo mach ick tet heile"
Wie schon gesagt, bitte Link.

Cheffchen
 
Werbung:
hier der code

das ist das MENÜ:

HTML: 
<div id="menuhomekontakt">
<p><a href="Nassereithnew.php" style="text-decoration:none">HOME</a></p>
</div>
<div id="menuunservereinkontakt">
<p><a href="unserverein.php" style="text-decoration:none">UNSER VEREIN</a></p>
</div>
<div id="menumannschaftenkontakt">
<p><a href="mannschaften.php" style="text-decoration:none">MANNSCHAFTEN</a></p>
</div>
<div id="menusponsorenkontakt">
<p><a href="sponsoren.php" style="text-decoration:none">SPONSOREN</a></p>
</div>
<div id="menutfvkontakt">
<p><a href="tfv.php" style="text-decoration:none">TFV</a></p>
</div>
<div id="menukontaktkontakt">
<p><a href="kontakt.php" style="text-decoration:none">KONTAKT</a></p>
</div>

Code: 
#menuhome{
    text-decoration: none;
    margin-left: 40px;
    margin-top: 57px;
    position: absolute;    
}
#menuunserverein{
    text-decoration: none;
    margin-left: 135px;
    margin-top: 57px;
    position: absolute;
}

#unservereinlink{
    text-decoration: none;
    color: #ffffff;
}
#menumannschaften{
    text-decoration: none;
    margin-left: 300px;
    margin-top: 57px;
    position: absolute;
}
#menusponsoren{
    text-decoration: none;
    margin-left: 482px;
    margin-top: 57px;
    position: absolute;
}
#menutfv{
    text-decoration: none;
    margin-left: 662px;
    margin-top: 57px;
    position: absolute;
}
#menukontakt{
    text-decoration: none;
    margin-left: 782px;
    margin-top: 57px;
    position: absolute;
}

soweit funktioniert alles, doch wenn ich jetzt im contentbereich ein Bild mit einem Link einfüge, dann kann ich nicht mehr auf die Menüpunkte klicken, links und rechts daneben die menüpunkte funktionieren noch.

Bild:

HTML: 
<div id="fotokm1"><img src="bilder/mannschaften/km1.jpg" alt="Content" height="233" width="350" /></div>
Code: 
#fotokm1{margin-left: 50px; padding-top: 150px; position: absolute;}
 
Hi sturmi08,

ich habe jetzt mal versucht, mit deinem code, das problem zu reproduzieren:

HTML: 
<html lang="de">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css">
        #menuhome{
            text-decoration: none;
            margin-left: 40px;
            margin-top: 57px;
            position: absolute;    
        }
        #menuunserverein{
            text-decoration: none;
            margin-left: 135px;
            margin-top: 57px;
            position: absolute;
        }
        
        #unservereinlink{
            text-decoration: none;
            color: #ffffff;
        }
        #menumannschaften{
            text-decoration: none;
            margin-left: 300px;
            margin-top: 57px;
            position: absolute;
        }
        #menusponsoren{
            text-decoration: none;
            margin-left: 482px;
            margin-top: 57px;
            position: absolute;
        }
        #menutfv{
            text-decoration: none;
            margin-left: 662px;
            margin-top: 57px;
            position: absolute;
        }
        #menukontakt{
            text-decoration: none;
            margin-left: 782px;
            margin-top: 57px;
            position: absolute;
        }
        #fotokm1{margin-left: 50px; padding-top: 150px; position: absolute;}
    </style>
</head>
<body>
    <div id="menuhomekontakt">
        <p><a href="Nassereithnew.php" style="text-decoration:none">HOME</a></p>
    </div>
    <div id="menuunservereinkontakt">
        <p><a href="unserverein.php" style="text-decoration:none">UNSER VEREIN</a></p>
    </div>
    <div id="menumannschaftenkontakt">
        <p><a href="mannschaften.php" style="text-decoration:none">MANNSCHAFTEN</a></p>
    </div>
    <div id="menusponsorenkontakt">
        <p><a href="sponsoren.php" style="text-decoration:none">SPONSOREN</a></p>
    </div>
    <div id="menutfvkontakt">
        <p><a href="tfv.php" style="text-decoration:none">TFV</a></p>
    </div>
    <div id="menukontaktkontakt">
        <p><a href="kontakt.php" style="text-decoration:none">KONTAKT</a></p>
    </div>
    <div id="fotokm1"><img src="bilder/mannschaften/km1.jpg" alt="Content" height="233" width="350" /></div>
</body>
</html>

nur so kann man, ich zumindest, dein problem immer noch nicht nachvollziehen :?:
Zumal ich deine erklärung, ich gehe davon aus das du hier nicht den kompletten code gepostet hast, nicht 100% verstehe ;)

Gruß
 
Dass die Links verschwinden halte ich für unwahrscheinlich. Es mag aber sein, dass sie von einem anderen Element überlagert werden und deshalb nicht mehr klickbar sind. So etwas überprüft man im Firebug. Dessen ungeachtet ist das hier aber auch kein Menü. Ein Menü erstellt man mit einer <ul> und floatet die Listenelemente.

Schreibe den Code noch mal richtig und verzichte dabei auf position:absolute. Das ist in diesem Zusammenhang völlig überflüssig und eventuell die Ursache dafür, warum es mit den Links nicht funktioniert.
 
Werbung:
Die Bilder Überlappen tatsächlich das "Menü" (ist keine <ul>, doch ich wusste mir so am besten zu helfen). Ich hab das Ganze mit Firebug angeschaut, doch wie kriege ich die Bilder kleiner?

wenn ich im HTML-Code: eine DIV anlege und dann ein Bild einfüge, wo ich width und height definiere und in css der DIV-BOX width und heigth gebe, dann müsste sich das Element doch verkleinern oder?

etwa so:

HTML

<div id="foto"><img src="bilder/namedesbildes.jpg" alt="bildbeschreibung" height="233px" width="350px" /></div>

und dann im CSS:

#foto{margin-left: 50px; padding-top: 400px; width: 350px; height: 235px;}

Wenn ich das so mache, dann ist das Element immer noch so groß und überlagert das "Menü" , doch das Bild wird in der gewünschten größe sichtbar.
 
Dein Problem löst sich von selbst, wenn due die absolute Positionierung deiner Navigation über Bord wirfst, und eine <ul>-Liste verwendest. Wie du diese mit CSS formatierst, dafür findest du allein hier im Forum diverse Ansätze.
Denn ein absolut positioniertes Element ist quasie losgelöst von der Seitenstruktur und "schwebt" über der Seite. Seine Breite/Höhe hat keinen Einfluss auf die restlichen Elemente, diese verhalten sich, als wäre das Element überhaupt nicht vorhanden.
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben