SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Thread: position help

  1. #1
    \m/\m/ karinne's Avatar
    Join Date
    Dec 2002
    Location
    Aylmer, QC, Canada
    Posts
    409
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    position help

    Here's my site - http://www.inkreations.com/v3/

    See where it says "Spotlight"? Well, I'm trying to get the text on the left and the image on the right without using the vspace and hspace and align on the img tag. I'm writting the site in XHTML and CSS with no table for layout.

    I want it to look like how it is now but minus all that space at the bottom!? Is there another way maybe of doing this?

    Here the chuck of HTML code :
    Code:
    <div id="spotlight">
    		<h1>spotlight</h1>
    		<p style="padding-right: 120px;">Inkreations would like to welcome our new clients. FC Outaouais is a AAA soccer club and combines the best female and male players in the Outaouais region (Qu&eacute;bec, Canada).</p>
    		<img src="/v3/images/portfolio/fcoutaouais.gif" alt="FC Outaouais"  style="top: -55px; bottom: 0; left: 450px; position: relative;" />
    	</div>
    And here's the CSS :
    Code:
    #spotlight {
    	background-color: #8a9cba;
    	border: 1px solid #999;
    	padding: 2px;
    	margin: 0 0 5px;
    	height: 300px;
    }
    
    #spotlight h1 {
    	font-size: 13pt;
    	color: #e6ecf7;
    	font-weight: 800;
    	margin: 0 3px 5px;
    	font-variant: small-caps;
    }
    
    #spotlight p {
    	color: #e6ecf7;
    }

    TIA

  2. #2
    \m/\m/ karinne's Avatar
    Join Date
    Dec 2002
    Location
    Aylmer, QC, Canada
    Posts
    409
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    OK.... nevermind... I figured it out! But if someone has another way of doing this... feel free to post it!

    HTML code:
    Code:
    <div id="spotlight">
    		<h1>spotlight</h1>
    		<p style="padding-right: 120px;">Inkreations would like to welcome our new clients. FC Outaouais is a AAA soccer club and combines the best female and male players in the Outaouais region (Qu&eacute;bec, Canada).</p>
    		<img src="/v3/images/portfolio/fcoutaouais.gif" alt="FC Outaouais"  style="float: right; top: -60px; position: relative;" />
    	</div>
    CSS
    Code:
    #spotlight {
    	background-color: #8a9cba;
    	border: 1px solid #999;
    	padding: 2px;
    	margin: 0 0 5px;
    }
    
    #spotlight h1 {
    	font-size: 13pt;
    	color: #e6ecf7;
    	font-weight: 800;
    	margin: 0 3px 5px;
    	font-variant: small-caps;
    }
    
    #spotlight p {
    	color: #e6ecf7;
    }


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
  •