SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Mar 2008
    Location
    Seattle
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Exclamation Repeating Backgrounds/Content Position Prob

    Hi,

    I'd REALLY appreciate any help you can offer. I'm still learning CSS by trial and error and I can't seem to figure this one out on my own.

    I'm using two different centered and repeating backgrounds. This is the 1st time I've tried this... not sure I completely thought this one through when I was designing it... lol

    See it here. What shall I do??

    Thanks!

  2. #2
    SitePoint Guru
    Join Date
    Nov 2005
    Location
    Norway
    Posts
    715
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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

  3. #3
    SitePoint Member
    Join Date
    Mar 2008
    Location
    Seattle
    Posts
    4
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I needed that jump start, thank you so much! I see what's going on now and really appreciate it.

  4. #4
    SitePoint Guru
    Join Date
    Nov 2005
    Location
    Norway
    Posts
    715
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No problem glad it helped


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •