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

HTML H1 und CSS

C

Calm

Mitglied
Hallo.

Ich habe einen Header (1100px*200px).

Darauf möchte ich mittig ein H1 positionieren. Das ist zwar eine Anfängerfrage, aber irgendwie bekomme ich es net hin :/ Wie mache ich das ?

Code:
HTML: 
<html>
<head>
</head>    <body>        <div id="wrapper">            <img id="img-header" src="/images/header.png"><h1 id="titel-header">Titel</h1></img>        </div>    </body>    </html>
 
Nur horizontal oder auch vertikal?

Für nur horizontal reicht ein text-align:center im CSS. (Mit position:absolut kannst du das dann über den Header bekommen. position:relative beim header nicht vergessen!)
 
Zunächst: dein HTML-Code ist fehlerhaft. Es fehlt ein Doctype, und dieser Abschnitt hier ist in keinem HTML-Standard zulässig:

HTML: 
<img id="img-header" src="/images/header.png"><h1 id="titel-header">Titel</h1></img>

Korrekter wäre z.B.:
HTML: 
<img id="img-header" src="/images/header.png"><h1 id="titel-header">Titel</h1>

oder

HTML: 
<h1 id="titel-header">Titel</h1><img id="img-header" src="/images/header.png">

Wie man Blockelemente vertikal wie auch horizontal zentriert ist z.B. hier beschrieben:
CSS: horizontale und vertikale Zentrierung
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben