Hallo,
wieso befindet sich das Bild nicht auf der rechten Seite, neben dem Text?
http://http//danielsfotos.com/about.phphttp://danielsfotos.com/about
Code
@charset "UTF-8";
/* CSS danielsfotos.com About */
* {
margin: 0;
padding: 0;
}
/* ABOUT ME TEXTFELD */
div#aboutme {
width: 200px;
height: auto;
margin: 0 auto;
float: left;
}
div#aboutme .trennlinie {
background: url(../images/trennlinie_600px.png);
width: 200px;
height: 2px;
margin: 5px auto;
}
div#selbstporträt {
width: 360px;
height: 445px;
margin: 0 auto;
float: right;
}
Alles anzeigen
INDEX CSS
Code
@charset "UTF-8";
/* CSS danielsfotos.com */
* {
margin: 0;
padding: 0;
}
body {
background: #333 url(../images/background.png) top left repeat;
color: white;
}
/* CONTAINER */
div#container {
width: 600px;
height: auto;
margin: 100px auto auto auto;
}
/* NAVIGATION TOP */
div#navigation {
width: 600px;
height: 50px;
margin: 0;
background: url(../images/navigation_background.png) no-repeat;
font: "Myriad Pro", Arial, sans-serif;
font-size: 25px;
}
div#navigation ul {
list-style-type: none;
}
div#navigation li {
float: left;
line-height: 50px;
text-align: center;
width: 100px;
padding: 0;
margin: 0;
}
div#navigation a {
width: 100px;
display: block;
background: transparent;
text-decoration: none;
color: white;
}
div#navigation a:hover {
background: transparent;
color: #CCC;
text-decoration: none;
}
/* HEADER */
div#header {
width: 600px;
height: 150px;
background: url(../images/header/header_1.jpg) no-repeat;
margin: 0 auto 0 auto;
}
/* HEADER BACKGROUND INFINITY */
div#headerwide {
background: url(../images/header.png);
height: 150px;
width: 100%;
}
/* CONTENT */
div#content {
width: 560px;
height: auto;
margin: 0 auto 0 auto;
padding: 20px;
background: url(../images/content_background.png) repeat-y;
}
/* IMAGE OF THE DAY */
div#imageoftheday {
width: 140px;
height: 200px;
float: left;
}
/* IMAGE OF THE DAY PHOTO */
div#imageofthedayphoto {
width: 400px;
height: 200px;
float: right;
}
/* FOLLOW ME */
div#followme {
width: 140px;
height: 120px;
float: left;
}
div#facebook {
width: 400px;
height: 85px;
float: right;
}
/* Trennlinie */
div#trennlinie {
width: 560px;
height: 2px;
margin: 10px auto;
}
/* FOOTER TRENNLINIE */
div#trennliniefooter {
width: 600px;
height: 1px;
background: url(../images/footer_trennlinie.png) top;
}
/* FOOTER */
div#footer {
background: url(../images/content_background.png) repeat-y;
width: 600px;
height: 25px;
margin: 0 auto 25px auto;
}
/* NAVIGATION FOOTER */
div#navifooter {
width: 600px;
height: 25px;
line-height: 25px;
}
div#navifooter ul {
list-style-type: none;
}
div#navifooter li {
float: right;
margin: 0;
padding: 0 20px 0 5px;
}
div#navifooter a {
color: white;
font-size: 10px;
text-decoration: none;
}
div#navifooter a:hover {
color: #CCC;
font-size: 10px;
text-decoration: none;
}
Alles anzeigen