Beiträge von Darrenshan

Darrenshan

Ich hab den code jetzt wie folgend abgeändert:

HTML

<!DOCTYPE HTML>
<html>
<head>
 <meta http-equiv="content-type" content="text/html" />
 <meta name="author" content="" />
 <title>Untitled 1</title>
    <link rel="stylesheet" type="text/css" href="style/header.css" />
</head>
<body>
<a href="index.php" id="navigation1">Index</a>
<a href="fight.php" id="navigation2">Fight</a>
<a href="Economie.php" id="navigation3">Economie</a>
<a href="Worldmap.php" id="navigation4">World Map</a>
<a href="Info.php" id="navigation5">Info</a>
<a href="Contributing.php" id="navigation6">Contributing</a>
</body>
</html>

Alles anzeigen

Code

#navigation1  {
      display: block;
   margin-top: 30px;
   margin-right: 20px;
   margin-bottom: 20px;
   margin-left: 10px;
      background: white;
      padding: 2px 2px 2px 2px;
      border-width: 3px;
   border-style: groove;
   border-color: red;
      height: 50px;
   width: 16%;
 }
#navigation2  {
      display: block;
   margin-top: 30px;
   margin-right: 20px;
   margin-bottom: 20px;
   margin-left: 10px;
      background: white;
      padding: 2px 2px 2px 2px;
      border-width: 3px;
   border-style: groove;
   border-color: red;
      height: 50px;
   width: 16%;
 }
#navigation3  {
      display: block;
   margin-top: 30px;
   margin-right: 20px;
   margin-bottom: 20px;
   margin-left: 10px;
      background: white;
      padding: 2px 2px 2px 2px;
      border-width: 3px;
   border-style: groove;
   border-color: red;
      height: 50px;
   width: 16%;
 }
#navigation4  {
      display: block;
   margin-top: 30px;
   margin-right: 20px;
   margin-bottom: 20px;
   margin-left: 10px;
      background: white;
      padding: 2px 2px 2px 2px;
      border-width: 3px;
   border-style: groove;
   border-color: red;
      height: 50px;
   width: 16%;
 }
#navigation5  {
      display: block;
   margin-top: 30px;
   margin-right: 20px;
   margin-bottom: 20px;
   margin-left: 10px;
      background: white;
      padding: 2px 2px 2px 2px;
      border-width: 3px;
   border-style: groove;
   border-color: red;
      height: 50px;
   width: 16%;
 }
#navigation6  {
      display: block;
   margin-top: 30px;
   margin-right: 20px;
   margin-bottom: 20px;
   margin-left: 10px;
      background: white;
      padding: 2px 2px 2px 2px;
      border-width: 3px;
   border-style: groove;
   border-color: red;
      height: 50px;
   width: 16%;
 }

Alles anzeigen

aber es sieht immernoch gleich aus...

Darrenshan

Das löst aber leider nicht mein problem.
Wenn man die seite aufruft, sieht man lediglich folgendes:

http://s7.directupload.net/file/d/2974/7i85izbu_png.htm
es sollte aber jedes mal seperat eingerahmt sein...

Darrenshan

Hi leute,
ich hab ein kleines problem mit css. vermutlich hab ich die funktion einfach nicht richtig verstanden
also ich hab in einer datei folgendes:

HTML

<!DOCTYPE HTML>
<html>
<head>
 <meta http-equiv="content-type" content="text/html" />
 <meta name="author" content="" />
 <title>Untitled 1</title>
    <link rel="stylesheet" type="text/css" href="style/header.css" />
</head>
<body>
<a href="index.php" id="Navigation1">Index</a>
<a href="fight.php" id="Navigation2">Fiight</a>
<a href="Economie.php" id="Navigation3">Economie</a>
<a href="Worldmap.php" id="Navigation4">World Map</a>
<a href="Info.php" id="Navigation5">Info</a>
<a href="Contributing.php" id="Navigation6">Contributing</a>
</body>
</html>

Alles anzeigen

und im anderen folgendes:

Code

#navigation1  {
   margin-top: 30px;
   margin-right: 20px;
   margin-bottom: 20px;
   margin-left: 0px;
      background: white;
      padding: 2px 2px 2px 2px;
      border-width: 3px;
   border-style: groove;
   border-color: red;
      height: 50px;
   width: 16%;
      position:relative;
   left: 100px;
   bottom: 300px;
 }
#navigation2  {
   margin-top: 30px;
   margin-right: 20px;
   margin-bottom: 20px;
   margin-left: 0px;
      background: white;
      padding: 2px 2px 2px 2px;
      border-width: 3px;
   border-style: groove;
   border-color: red;
      height: 50px;
   width: 16%;
      position:relative;
      left: 300px;
   bottom: 200px;
 }
#navigation3  {
   margin-top: 30px;
   margin-right: 20px;
   margin-bottom: 20px;
   margin-left: 0px;
      background: white;
      padding: 2px 2px 2px 2px;
      border-width: 3px;
   border-style: groove;
   border-color: red;
      height: 50px;
   width: 16%;
      position:relative;
      left: 500px;
   bottom: 100px;
 }
#navigation4  {
   margin-top: 30px;
   margin-right: 20px;
   margin-bottom: 20px;
   margin-left: 0px;
      background: white;
      padding: 2px 2px 2px 2px;
      border-width: 3px;
   border-style: groove;
   border-color: red;
      height: 50px;
   width: 16%;
      position:relative;
      left: 600px;
   bottom: 100px;
 }
#navigation5  {
   margin-top: 30px;
   margin-right: 20px;
   margin-bottom: 20px;
   margin-left: 0px;
      background: white;
      padding: 2px 2px 2px 2px;
      border-width: 3px;
   border-style: groove;
   border-color: red;
      height: 50px;
   width: 16%;
      position:relative;
      left: 400px;
   bottom: 300px;
 }
#navigation6  {
   margin-top: 30px;
   margin-right: 20px;
   margin-bottom: 20px;
   margin-left: 0px;
      background: white;
      padding: 2px 2px 2px 2px;
      border-width: 3px;
   border-style: groove;
   border-color: red;
      height: 50px;
   width: 16%;
      position:relative;
      left: 200px;
   bottom: 200px;
 }

Alles anzeigen

aber dennoch wird nur die formation von #naviagtion eins herangezogen

Was mache ich falsch/ was muss ich machen, damit alle sachen einbezogen werden?

Danke im voraus,
Darren

Beiträge von Darrenshan

css problem <id>

css problem <id>

css problem <id>