nicht angemeldet
Text zentrieren neben Bild
Matthias ApselHallo, ich habe ein Problem bei der Zentrierung eines Textes neben des Bildes, ich will das der Text genau in der Mitte ist und neben an noch ein Bild das neben dem Text ist aber nur der Text muss in der Mitte sein, also ohne das logo... Hier mal mein HTML und mein CSS code...:
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" />
<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" />
<title>Wellnik</title>
<link rel="icon" href="css/icon.png" type="image/x-icon">
</head>
<body>
<p id="logo">
<img src="css/logo.png" align="left"/>
</p>
<div class="title">
<p>Willkommen bei Wellnik</p>
</div>
<div id="box1">
<p><img src="css/hintergrund2.png" /></p>
</div>
</body>
</html>
CSS:
@charset "utf-8";
/* CSS Document */
body{
background-image: url(hintergrund.PNG); /*Oranges Hintergrundbild*/
background-size:cover; /*ganze Seite orange*/
background-attachment:fixed;
background-repeat:no-repeat;
background-position:inherit;
color: #FFF2CF; /*Schriftfarbe*/
}
img{
display: block; /*Text Box*/
margin-left: auto;
margin-right: auto;
}
.logo{
float: left; /*Logo linksbündig*/
}
.title{
font-size: 100px; /*Schrift vom Titel*/
font-family: "Edwardian Script ITC";
display: block;
text-align: center;
}
-
Om nah hoo pez nyeetz, Cheaters!
<p id="logo">
<img src="css/logo.png" align="left"/>
</p>
<div class="title">
<p>Willkommen bei Wellnik</p>
</div>
<div id="box1">
<p><img src="css/hintergrund2.png" /></p>
</div>Daraus machst du z.B.
<h1><img src="css/logo.png"/>Willkommen bei Wellnik</h1>Der Hintergrund wird Hintergrundgrafik, die Ausrichting erfolgt über vertical-align oder über die Angabe einer entsprechenden Zeilenhöhe.
Matthias
--
1/z ist kein Blatt Papier.
