Hyper Text Markup Language (HTML wird zum Auszeichnen von Webseiten benutzt. Es enthält Beschreibung zum Markieren typischer Elemente eines Dokuments wie Überschriften, Listen, Tabellen oder Grafiken.) Fragen - Antworten –Tipps hier hinein...
Moderatoren: lauras, Foster, pulse180
von hume » Donnerstag 9. September 2010, 15:02
Hallo, folgendes was ich immer noch nicht ganz verstehe und zwar hab jetzt dem Inhalt gemacht und dass dann in CSS Definitionen gemacht, bei der HTML Datei ist der Inhalt unter der Navigation und er sollte mit der Navigation aufschließen also dass kein Abstand dazwischen ist, normal müsste dass der Befehl in CSS margin-bottom sein, also der Abstand zum anderen Element. Geht aber nicht, hab es dann anders probiert und zwar hab ich dann den Inhalt in der HTML Datei vor die Navigation gemacht und dann mit float: right; und margin-top ohne Erfolg, dass bei mir immer die Elemente nicht aufschließen, ist für mich irgendwie nicht ganz klar, was ich da immer in der CSS Datei falsch mache?
Index.html
- Code: Alles auswählen
<!doctype html>
<html>
<head>
<title>Aiizo</title>
<link href="./design.css" type="text/css" rel="stylesheet" />
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2" />
<meta name="content-language" content="de" />
<meta name="author" content="Christian Huml" />
<meta name="publisher" content="Christian Huml" />
<meta name="copyright" content="Christian Huml" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="page-topic" content="" />
<meta name="page-type" content="" />
<meta name="language" content="Deutsch" />
<meta name="revisit" content="After 7 days" />
<meta name="robots" content="INDEX,FOLLOW" />
</head>
<body>
<div id="head">
</div>
<ul id="navigation">
<li> <a href="index.html">Home</a></li>
<li> <a href="banner.html">Stundenbanner</a></li>
<li> <a href="entwickler.html">Entwickler</a></li>
<li> <a href="agb.html">AGB</a></li>
<li> <a href="impressum.html">Impressum</a></li>
</ul>
<div id="inhalt">
</div>
</body>
</html>
CSS
- Code: Alles auswählen
* {
margin: 0;
padding: 0;
}
body {
font-family: Arial, sans-serif, Verdana;
}
/* Kopfbereich --------------------------------------------------------------------------*/
div#head {
margin-top:18px;
margin-left:18px;
margin-right:18px;
background: url(images/header.gif);
visibility: visible;
height: 130px;
background-repeat: no-repeat;
}
/* Navigation ---------------------------------------------------------------------------*/
#navigation {
background: url(images/menu_1.png) repeat-x;
overflow: hidden;
height: 130px;
margin-left:18px;
margin-right:18px;
}
#navigation li {
float: left;
list-style-type: none;
}
#navigation a:link, #navigation a:visited {
color: #fff;
display: block;
text-decoration: none;
font-size: 14px;
padding: 11px 15px 11px 15px;
}
#navigation a:hover, #navigation a:active {
color: #000;
background-color: #fff;
display: block;
text-decoration: none;
font-size: 14px;
padding: 11px 15px 11px 15px;
}
/* Inhalt ----------------------------------------------------------------------------*/
div#inhalt {
height:130px;
background:#00B1FF;
margin-left:18px;
margin-right:18px;
margin-bottom:10px;
}
-
hume
- HTML-Profi
-
- Beiträge: 204
- Registriert: Mittwoch 9. Juni 2010, 09:31
- Wohnort: Waldkirchen
von Sarkkan » Donnerstag 9. September 2010, 15:07
Entweder du entfernst, oder änderst die Höhe der Navigation, den dort liegt der Fehler.
Wenn die Navigation 130px Hoch ist, aber die Einzelnen Menüpunkte nur ~15px, dann bleiben eben 115px höhe ungenutzt, bevor das nächste Objekt kommt.
-
Sarkkan
- HTML-Acrobat
-
- Beiträge: 1557
- Registriert: Montag 5. April 2010, 01:46
- Wohnort: Bei Köln
von Elroy » Freitag 10. September 2010, 18:14
Hallo.
Hast du dem anderen Element auch ein margin-top gegeben?
Gruss
Elroy
-
Elroy
- HTML-Newbie
-
- Beiträge: 66
- Registriert: Montag 17. August 2009, 18:00
von Sarkkan » Freitag 10. September 2010, 18:24
Elroy hat geschrieben:Hallo.
Hast du dem anderen Element auch ein margin-top gegeben?
Gruss
Elroy
Also 1. komt margin-top genau 1x in seinem CSS-Bereich vor und zwar bei dem #head-teil, der mit seinem Problem so rein gar nichts zu tun hat..
und 2. hatte ich doch schon den wahren Übeltäter aufgeführt gehabt?^^
-
Sarkkan
- HTML-Acrobat
-
- Beiträge: 1557
- Registriert: Montag 5. April 2010, 01:46
- Wohnort: Bei Köln
von hume » Donnerstag 16. September 2010, 12:39
2. hatte ich doch schon den wahren Übeltäter aufgeführt gehabt?^^
Warum ein ?. Hattest schon recht mit der Höhe.
-
hume
- HTML-Profi
-
- Beiträge: 204
- Registriert: Mittwoch 9. Juni 2010, 09:31
- Wohnort: Waldkirchen
von Sarkkan » Donnerstag 16. September 2010, 13:20
hume hat geschrieben:2. hatte ich doch schon den wahren Übeltäter aufgeführt gehabt?^^
Warum ein ?. Hattest schon recht mit der Höhe.
Hätte ja sein können, dass er das anders gesehen hat, wollte mich nur absichern (=
-
Sarkkan
- HTML-Acrobat
-
- Beiträge: 1557
- Registriert: Montag 5. April 2010, 01:46
- Wohnort: Bei Köln
Zurück zu HTML - xHTML - HTML5
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste
