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

Texteigenschaften "Hirachie"

C

Civ

Neues Mitglied
Hi, ich will das eine Überschrift in der Mitte steht und die hintergrundfarbe nur so lang ist wie die Schrift.

Dazu habe ich diesen CSS Code

Code: 
h1 {
          color: #990000;
          background-color: #FC9804;
          width: 500px;
          font-family: arial, sans-serif;
          font-size: 30px;
          text-align: center;
        }

Das geht aber nicht... Der Text steht rechts.

Gibts da ne andere möglichekeit als "width" ?
 
Ein bisschen mehr vom Quelltext wäre nicht schlecht. Also wie sieht der Code nach <body> aus, wo dann die Überschrift steht?
 
Sry das versteh ich nicht. :D habe heute erst angefangen mit CSS :)

Also ich habe ein Style.css Document. Da steht das hier drin:
Code: 
body {
          background-color: #FFCC66;
          background-image: url("e-lem0n.jpg");
          background-repeat: no-repeat;
          background-attachment: fixed;
          background-position: center top;
        }

h1 {
          color: #990000;
          background-color: #FC9804;
          width: 500px;
          font-family: arial, sans-serif;
          font-size: 30px;
          text-align: center;
        }


body {
          margin-top: 360px;
          margin-right: 40px;
          margin-bottom: 10px;
          margin-left: 70px;
        }
In der Index.html steht das hier:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Willkommen auf e-lem0n!</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta name="keywords" content="e-lem0n">
<meta name="author" content="Vincent">
<meta name="editor" content="html-editor phase 5">
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<h1>Willkommen auf e-lem0n!</h1>

haha
</body>
</html>
Das ganze sieht dann so aus:
Willkommen auf e-lem0n! :D :D

Ich will aber diese "Willkommen auf e-lem0n" in die Mitte unter das Bild :)

lg
 
Zuletzt bearbeitet:
margin ist der außenabstand

margin: "oben&unten" "links&rechts";
0 - kein Abstand
auto - automatisch angepasster abstand
 
Hallo.

Also erst mal verstehe ich nicht was du willst.
Der Text befindet sich doch genau in der Mitte unter dem Bild.

text-align: center; ist natürlich richtig.
h1 ist ein Block-Element und das kann man mit text-align: center; zentrieren.

Gruss
Elroy
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben