SitePoint Sponsor

User Tag List

Results 1 to 25 of 26

Threaded View

  1. #1
    SitePoint Addict
    Join Date
    Dec 2009
    Posts
    321
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Positioning elements on html page

    Here is my html page so far.

    I'm using "Build Your Own Web Site The Right Way" and and CSS Web Design for Dummies (Written for me I believe.)

    All of the items are almost on top of each other. The header and footer are at the top of the page.

    I've spent days in both of these books and I just don't get the positioning of all of the elements on the page. Text, images, menus, etc.

    They all talk about floating, align=right, align=left, margins, padding, %, em, px, etc.

    H. E. L. P !


    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Properties With Style, Inc. Orange County Real Estate</title>
    <link href="testcss.css" rel="stylesheet" type="text/css" />
    <style type="text/css" media all>
    </style>
    
    </head>
     
    	</div>
    <div id="nav"= "navigation"/>
        <ul>
            <li><a href="#">Home Page</a></li>
            <li><a href="#">Valuating All Homes</a></li>
            <li><a href="#">Search For Homes</a></li>
            <li><a href="#">Map Search By Communities</a></li>
            <li><a href="#">Sellers Information Look Here</a></li>
            <li><a href="#">Buyers Information Look Here</a></li>
            <li><a href="#">Community Areas in Demand</a></li>
            <li><a href="#">Buyers Information Look Here</a></li>
            <li><a href="#">Buyers Information Look Here</a></li>
            <li><a href="#">Buyers Information Look Here</a></li>
            <li><a href="#">Buyers Information Look Here</a></li>
        </ul>
    </div>
    </div> <!--end of navigation div -->
    
    <div id="header">
    	<p> Welcome to Properties Internet and Information Site. We believe you wil find information here that is potentely relavent to the Orange County area. We welcome all questions and comments viw our contact information form.</p>
        </div>
    
    <div id="footer">
    	<p>Copyright, Properties With Style Inc., a Real Estate Corporation<p>
        </div>
    
    <body>
    
    <h2>What is the value of my home or the home I wish to purchase?</h2> <br/>
    <p align="right">In looking at the "UNIT SQUARE FEET" scale located at the bottom of the chart below, locate the square foot size of your home or the home of your dreams. On an imaginary vertical line where it intersects either SOLD or available home curve lines, look to the left or right side of the chart to find the dollar scales. This will indicate an approximate value of the home you are thinking of selling or purchasing based on square feet and sales price, the two most critical factors in evaluation. Remember, every home is unique and each specific analysis is far more in depth, however this is a very good start. Data is based on a specific city or area and time frames as noted on the charts. If you have questions or would like a custom detailed analysis for your home or the home you're thinking of purchasing, please contact us.</p>
    <p><img src="http://www.sitepoint.com/forums/images/MacroValueChart.jpg" alt="Macro View chart" width="955" height="701" vspace="3" align="right" /></p>
    
    <h2> This is a MICRO view of the above chart, a zoomed in view if you will providing precise detail.</h2> 
    
    <!--<p>Here is where we fine tune values and price point positioning.</p>
    <p><img src="http://www.sitepoint.com/forums/images/MicroValueChart.jpg" alt="Micro View Chart" width="955" height="701" align="right" /> </p>-->
    
    </body>
    </html>
    Last edited by ralph.m; Jun 4, 2011 at 19:47. Reason: fixed code tag


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
  •