73%
22%
19%
11%
6%
Montag, 25. April 2011, 19:18
Rahmenlaenge
Hey,
ich bin grade dabei eine Seite in HTML zu erstellen. Ich verwende dazu eine "index.html" und eine "design.css" Datei.
In der HTML steht im Moment:
und in der .css Datei:
Wenn ich die beiden Dateien nun hochlade zieht sich der Rahmen leider ueber die gesammte Seite.
Kann mir bitte jemand sagen, wie ich das mittig halten kann, bzw. dass der Rahmen zu der Schrift nur 1cm Abstand hat?
Und bitte uahc erklaeren und nicht nur den Quelltext posten.
Liebe Gruesse und vielen Dank,
Smiley
ich bin grade dabei eine Seite in HTML zu erstellen. Ich verwende dazu eine "index.html" und eine "design.css" Datei.
In der HTML steht im Moment:
|
HTML |
1 2 3 4 5 6 7 8 9 10 11 12 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de"> <head> <title>RateMusic</title> <link rel="stylesheet" type="text/css" href="design.css" /> </head> <body> <h1 class="border1" align="center">Test</h1> </body> </html> |
und in der .css Datei:
|
|
Cascading Style Sheet |
1 2 3 4 5 |
.border1 {
border-style: solid;
border-color: black;
border-width: 1px;
}
|
Wenn ich die beiden Dateien nun hochlade zieht sich der Rahmen leider ueber die gesammte Seite.
Kann mir bitte jemand sagen, wie ich das mittig halten kann, bzw. dass der Rahmen zu der Schrift nur 1cm Abstand hat?
Und bitte uahc erklaeren und nicht nur den Quelltext posten.
Liebe Gruesse und vielen Dank,
Smiley
Montag, 25. April 2011, 21:15
Hi Smiley,
du musst der Klasse einfach ne Breite zuweisen. Ich weiß ja nicht was es am Ende werden soll aber gib einfach mal in der CSS Datei noch
ein. Das setzt die Breite deines h1 Blocks auf 150pixel. Und wenn es dann nicht mittig angezeigt wird mache noch
in die design.css in der border1-Klasse.
Margin ist der Außenabstand zum Parent-Element - also in deinem Fall zum body Tag.
"0 auto" bewirkt, dass es links und rechts gleich viel Abstand hat.
MFG Simon
du musst der Klasse einfach ne Breite zuweisen. Ich weiß ja nicht was es am Ende werden soll aber gib einfach mal in der CSS Datei noch
|
|
Cascading Style Sheet |
1 |
width:150px; |
ein. Das setzt die Breite deines h1 Blocks auf 150pixel. Und wenn es dann nicht mittig angezeigt wird mache noch
|
|
Cascading Style Sheet |
1 |
margin:0 auto; |
in die design.css in der border1-Klasse.
Margin ist der Außenabstand zum Parent-Element - also in deinem Fall zum body Tag.
"0 auto" bewirkt, dass es links und rechts gleich viel Abstand hat.
MFG Simon