Hi,
updated your code a little:
Code:
* { margin: 0; padding: 0; }
body {
font: 14px/1.5em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
background:url(http://wastatecamping.com/event/images/bg.png) center top repeat-y;
color:#534741;
}
#wrapper {
background:url(http://wastatecamping.com/event/images/bg_header.png) no-repeat center top;
margin:0 auto;
width: 1400px;
padding-top: 349px;
}
p {
padding:0;
line-height:24px;
text-align:justify;
}
a {
text-decoration:none;
color:#dc9fa2;
}
a:hover {
color:#534741;
text-decoration:none;
background:#ffecf1;
border-bottom:1px dotted #534741;
}
h1 {
font:Trebuchet MS;
color:#dc9fa2;
font-size: 24px;
}
img {
border:0;
}
#content {
width:760px;
margin:auto;
color:#534741;
}
#thumbnail {
margin-left: 25px;
display: block;
padding:12px;
border:solid;
border-color: #ddd #ccc #ccc #ddd;
border-width: 1px;
float: right;
}
#quote {
font:Trebuchet MS, Arial, Verdana;
font-style:italic;
text-align:justify;
font-size: 150%;
line-height:24px;
color:#dc9fa2;
}
#sig {
font:Trebuchet MS, Arial, Verdana;
font-style:italic;
font-size: 150%;
line-height:24px;
color:#534741;
}
Code:
<!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" xml:lang="en" lang="en">
<head>
<title>Alexandra Rose Lee - Unique Weddings and Creative Occasions</title>
<meta name="keywords" content="Event Planning"/>
<meta name="description" content="description goes here" />
<meta name="robots" content="index,follow" />
<meta name="author" content="MDM" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/global.css"/>
</head>
<body>
<div id="wrapper">
<div id="content">
<img src="http://wastatecamping.com/event/images/pic01.jpg" width="317" height="452" id="thumbnail"alt="album" />
<h1>Professional Event Planning</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas pellentesque. Phasellus leo tellus, euismod at, pulvinar quis, condimentum non, dolor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum pulvinar purus vel elit. Duis convallis. Suspendisse sollicitudin, sapien a posuere vulputate, libero ligula congue ipsum, ac aliquet felis tortor hendrerit neque.</p>
<p>Phasellus quis dui. Duis nulla. In a dolor. Curabitur venenatis purus eleifend nulla. Morbi et orci. Etiam lacinia, lectus vitae tristique dictum <a href="#">felis facilisis dui</a> ut congue nibh tellus ac lectus. Morbi malesuada justo quis odio lacinia volutpat. Fusce non mi quis lectus elementum vestibulum. Aenean eget erat.</p>
<div id="quote">
"It is my promise to give every client, on any budget, an elegant affair and the event they have always dreamed of."<br /><br />
</div>
<img src="http://wastatecamping.com/event/images/rings.jpg" width="155" height="99" hspace="10" id="sig" alt="" /> ~ Alexandra Rose Lee
</div>
</div>
</body>
</html>
Far from finished but should get you started.
-Frederik
Repeating Backgrounds/Content Position Prob
Posting Permissions
Bookmarks