Zitat
auch ganz einfach margin: 5px 10px 3px 7px; (Top | Right | Bottom | Left) schreiben 
Wenn der Abstand Rechts und Links gleich ist, dann kannst du sogar einfach margin: 5px 10px 3px; (Top | Right & Left | Bottom) schreiben
Ebenfalls ist es möglich wenn du oben und unten, sowie links und rechts jeweils die gleichen Werte für verwenden willst einfach margin: 5px 10px (Top & Bottom | Right & Left) zu schreiben (=
Naja, ich habs ehrlich gesagt nicht ganz verstanden.
Wie muss ich da genau vorgehen?
Wenn ich in deinen Bsp. 5px habe wie weiß ich dann dass es oben ist und nicht unten? Oder hab ich dass falsch verstanden?
Das in den Klammern verwirrt mich ein wenig muss dass auch in die CSS?
Naja, um dass geht es eigentlich nicht, bin schon die ganze Zeit am Tüffteln bezüglich wenn keine Grafik geht dass wenigstens ein Hintergrund vorhanden sein sollte, kein Problem, natürlich sollte der Text auch wieder so sein wie in der Grafik. Nun dass Problem, wenn ich die Schriftgröße vergrößert verschiebt es mir den Abstand von oben, mit margin kein Problem was mach ich falsch?
Test.php
<span class="syntaxhtml"><!doctype html><br /><html><br /><br /><head><br /> <title>Aiizo - Home</title><br /> <link href="./design.css" type="text/css" rel="stylesheet" /><br /> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-2" /><br /> <meta name="content-language" content="de" /><br /> <meta name="author" content="Christian Huml" /><br /> <meta name="publisher" content="Christian Huml" /><br /> <meta name="copyright" content="Christian Huml" /><br /> <meta name="keywords" content="" /><br /> <meta name="description" content="" /><br /> <meta name="page-topic" content="" /><br /> <meta name="page-type" content="" /><br /> <meta name="language" content="Deutsch" /><br /> <meta name="revisit" content="After 7 days" /><br /> <meta name="robots" content="INDEX,FOLLOW" /><br /></head><br /><br /><body><br /><div id="head"><br /><p class="logo">Aiizo</p><br /></div><br /><br /><br /><br /><ul id="navigation"><br /><li> <a href="index.php">Home</a> </li><br /></ul><br /><br /><div id="inhalt"><br /><span class="syntaxdefault"><?php<br /></span><span class="syntaxkeyword">echo </span><span class="syntaxstring">"<p class=\"zeit\">" </span><span class="syntaxkeyword">. </span><span class="syntaxdefault">date </span><span class="syntaxkeyword">(</span><span class="syntaxstring">"d.m.Y H:i:s"</span><span class="syntaxkeyword">).</span><span class="syntaxstring">"</p>"</span><span class="syntaxkeyword">;<br /> </span><span class="syntaxdefault">?><br /></span><h3>Lorem ipsum</h3><br /><p>Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br />Lorem ipsum dolor sit amet, consectetur adipisici elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.<br /></p><br /></div><br /><br /><br /></body><br /></html></span>
Test CSS:
* {
margin: 0;
padding: 0;
}
body {
font-family: Arial,Times New Roman,Calibri, Verdana;
background: url(images/hintergrund.png) no-repeat;
}
/* Kopfbereich --------------------------------------------------------------------------*/
div#head {
margin-top:18px;
margin-left:18px;
margin-right:18px;
background-color:#92BFD3;
height: 130px;
}
/* Navigation ---------------------------------------------------------------------------*/
#navigation {
background: url(images/menu_1.png) repeat-x;
overflow: hidden;
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:440px;
background: url(images/inhalt.png);
margin-left:18px;
margin-right:18px;
margin-bottom:18px;
}
/* Absätze -------------------------------------------------------------------------*/
.logo {
color:white;
text-align:center;
margin-top:0.4em;
font-size:90px;
}
.zeit{
color:white;
font-size:14px;
float:right;
clear:right;
}
h3 {
margin-left:23em;
padding-top:1.00em;
color:white;
}
p {
color:white;
margin-top:1em;
margin-bottom: 1.5em;
margin-left:1em;
margin-right:1em;
font-size:16px;
}
Alles anzeigen
PS: Stimmt nicht mit dem was Online ist überein.
