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

Menü über hintergrundbild platzieren

B

Ben K.

Neues Mitglied
Hey,

Ich hab eine Frage...
Ich habe ein menü mit CSS und Html erstellt, dieses erscheint nun auf der Seite,
halt leider unter dem bild, statt drüber.

Hier Der CSS Code
Code: 
#menu {
    background: #333;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
        }
#menu li {
    float: left;
    font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, 

Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
#menu a {
    background: #333 url("images/seperator.gif") bottom right no-repeat;
    color: #ccc;
    display: block;
    float: left;
    margin: 0;
    padding: 8px 12px;
    text-decoration: none;
    font-weight:normal;
}
#menu a:hover {
    background: #2580a2 url("images/hover.gif") bottom center no-repeat;
    color: #fff;
    padding-bottom: 8px;
    }

Hier noch ein Schreenshot:

Screenshot.jpg

Danke schonmal im voraus.

Viele Grüße

Ben
 
Ok,

hier


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">


<head>
<link rel="stylesheet" href="menüstyle.css" type="text/css" />
<title> Dragons Past </title>
<img src="background.jpg" alt="background" />


</head>


<body>

<ul id="menu">
<li><a href="" target="_self"><b>Regestrieren</b></a></li>
<li><a href="" target="_self"><b>Anmelden</b></a></li>
<li><a href="" target="_self"><b>Forum</b></a></li>
<li><a href="" target="_self"><b>AGB</b></a></li>
<li><a href="" target="_self"><b>Impressum</b></a></li>
<li><a href="" target="_self"><b>Kontakt</b></a></li>
</ul>


</body>


</html>
 
Dein img-Tag ist an der falschen Stelle. Jegliche anzuzeigende Inhalte gehören in den Dokument-Körper, sprich zwischen <body> und </body>. Um das Bild zusätzlich unter der Navigation zu positionieren, setzt du das img-Element am besten nach dem </ul> ein.
 
danke ;), aber dumm von mir das ich den imagetag in den head bereich getan hab, man, des peinlich....
hast mir aufjedenfall sehr geholfen ;)
 
An sich ist ein img-Tag auch nur notwendig, wenn es inhaltlich etwas aussagt. Für Hintergrundbilder nimmt man sich eher den body-Tag oder einen Div, in den man das CSS-Attribut background(-image) setzt.
http://www.css4you.de/backgroundproperty.html
So spart man sich auch die rumschieberei der anderen Elemente :) Nur als Hinweis. Dann macht das Designen auch mehr Spaß :D
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben