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

Frage: Bereich definieren, in dem html objekte angezeigt werden

gumpo03

Neues Mitglied
also: ich möchte ein Menue erstellen, welches unter dem Header positioniert ist. Da es bildschirme in verschiedenen größen gibt, möchte ich gerne einen bereich (in meinem fall: von oben 277px platz gelassen [wegen header], 950px breit und 47 pixel hoch) definieren, der dann immer in der mitte angezeigt wird und in dem das menue ist... bei meinen bisherigen versuchen hat dies nie geklappt, da ich nicht weis, wie mann so einen bereich definiert... (ist ja so wie bei frames, aber ich möchte keine frames benutzen, da ich damit schlechte erfahrungen gemacht habe...)

hoffe, ihr könnt mir helfen :D
 
Werbung:
Werbung:
Hallo.

Dann zeig uns doch mal deinen Code damit wir sehen wie du das gemacht hast.

Gruss
Elroy
 
Also code ist bis jezt so:
index.html
Code:
<html>

<head>
<link rel="stylesheet" type="text/css" href="style/style.css" />
<title>Sandstorm WoW Privatserver</title>
</head>
<body text="red">
<div id="bg2">
<img src="img/bg2.png" name="bg-2">
</div>
<div id="header">
<img src="img/header.png" id="header">
</div>

<div id="menue">
<a href="/" id="startseite"><img src="img/startseite.png"></a>
</div>

</body>
</html>
style.css
Code:
body {
  background-image: url("img/bg.png");
}

#bg2 {
  z-index:1;
  position:absolute;
  top:0px;
  text-align: center;
}

#header {
  z-index:2;
  position:absolute;
  top:0px;
  text-align: center;
}

#menue {
  width: 950px;
  background-image: url("img/menuebg.png");
  background-repeat: x;
  position:absolute;

  text-align: center;
  position:relative;
  top:277px;
  z-index:3;
}

a img {
  border: none;
}

siiht so aus :http://sandstorm-wow.de/download/picture/bild1.html
 
Zuletzt bearbeitet:
Werbung:
das beantwortet aber nicht meine frage ^^
wie kann ich die menue zeile mittig anzeigen lassen, wobei die buttens aber am rechten rand dieser zeile angezeigt werden sollen?
 
Zurück
Oben