Bild und text übereinander legen.

EliteBread · 14 Dezember 2012

Hallo User,
ich habe ein Bild und ein text übereinander gelegt.
bloß die sind jetzt Links und nicht in der Mitte wie bekommen ich sie dort hin???

Bild:

Directupload.net - y7ew6bux.jpg
Code:

Code:

#nr1 {
                position:absolute;
                margin: 10px;
}
#nr2 {
                position:absolute;
                margin: 20px;


}

bdt600 · 14 Dezember 2012

Mit den Infos kann man nix anfangen. Ein Link zur Seite würde helfen.

Screentzz · 14 Dezember 2012

Ist es ein Div Container den du mit CSS zentrieren möchtest, machst du es mit

Code:

margin: 0 auto;

Der Text wird durch

Code:

text-align: center;

in die Mitte gesetzt.

Mit HTML wird der Text so

HTML:

<center>DEIN TEXT</center>

oder

HTML:

<div align="center"> Test</div>

zentriert.

Screentzz · 14 Dezember 2012

Du gehst das ganze aber leider falsch an. Du musst das Bild als Hintergrund eines Containers verwenden. Etwa so.

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>

<style type="text/css">
#divid {
    background-image: url(derhintergrund.jpg); /* Den Pfad zum .jpg */
    background-repeat: no-repeat; /* Keine Wiederholung des Bildes */
    width: 500px; /* Breite des Containers bzw. Hintergrundbildes */
    height: 500px; /* Höhe des Containers bzw. Hintergrundbildes */
    margin: 0 auto; /* Container in der mitte */
    text-align: center; /* Text in der Mitte */
}
</style>
</head>

<body>
<div id="divid"> Dein Text</div>
</body>
</html>

EliteBread · 14 Dezember 2012

NICE, danke!
wie kann ich den text jetzt ein stück nach unten setzen??

threadi · 14 Dezember 2012

Z.B. mittels padding.

Moderation: Verschoben von HTML zu CSS, da es um Gestaltung geht.

EliteBread · 14 Dezember 2012

ahh okay danke hat geklappt

Bild und text übereinander legen.

EliteBread

Neues Mitglied

bdt600

Guest

Screentzz

Neues Mitglied

Screentzz

Neues Mitglied

EliteBread

Neues Mitglied

threadi

Moderator

EliteBread

Neues Mitglied

Neueste Beiträge