Hallo ich bins wieder ;)
Also ich hab eine neue Frage für euch. Ich möchte ein Bild auf meine HP stellen, jedoch ohne das sich der gesamte Inhalt wegen Padding verschiebt.
Hier gehts zur Seite
Codes:
HTML
CSS
Das Bild soll sich automatisch in die Mitte der image box verschieben.
Mit freundlichen Grüßen
Maxs
Also ich hab eine neue Frage für euch. Ich möchte ein Bild auf meine HP stellen, jedoch ohne das sich der gesamte Inhalt wegen Padding verschiebt.
Hier gehts zur Seite
Codes:
HTML
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>FechtUnionLinz - Training</title>
<link rel="stylesheet" href="style/style2.css">
</head>
<body>
<div id="container">
<div id="header">
<img src="style/images/head_neu.png" />
</div>
<div id="menue">
<strong><a href="news.html">News</a> <a href="contest.html">Tuniere</a> <a href="training.html">Training</a> <a href="verein.html">Verein</a> <a href="photo.html">Fotos</a> <a href="download.html">Download</a> <a href="contact.html">Kontakt</a></strong>
</div>
<div id="cont">
<div id="image">
<img src="cont/images/gralf.jpg" alt="Foto von Ralf" />
</div>
<div id="text">
</div>
</div>
<div id="contact">
<a href="sitemap.html">Sitemap</a> <a href="impress.html">Impressum</a> <a href="link.html">Links</a>
</div>
</div>
</body>
</html>CSS
HTML:
body {
font-family: Arial, Verdana, Trebuchet MS;
}
#menue {
color: #b92023;
text-align: left;
padding-top: 60px;
word-spacing: 2.2em;
font-size: 1.0em;
}
#header {
float: left;
width: 342px;
height: 107px;
}
#cont {
background-image: url(images/main_back.png);
width: 980px ;
height: 352px;
clear:left;
}
#contact a {
color:#fff;
}
#text a {
color: #000;
}
#image {
float: left;
width: 310px solid;
height: 352px;
text-align: center;
}
#text {
padding-left: 50px;
width: 620px;
height: 352px;
float: right;
}
#contact {
width: 950px;
height: 160px solid;
background-color: gray;
margin-top: 10px;
word-spacing: 1em;
float: left;
color: white;
font-size: 1em;
text-align: right;
padding-top:100px;
padding-bottom: 30px;
padding-right: 30px;
}
a:link {
color: #b92023;
text-decoration: none;
border: 0px;
}
a:hover {
border-bottom: 1px dotted;
}
a:active {
color: #000;
text-decoration: none;
}
a:visited {
color: #b92023;
text-decoration: none;
}Das Bild soll sich automatisch in die Mitte der image box verschieben.
Mit freundlichen Grüßen
Maxs
