Sign In| Join
Get Help:Ask a Question in our Forums|Report a Bug|More Help Resources
All-Star
16430 Points
3173 Posts
May 01, 2012 10:28 AM|LINK
achuthan1988 Anyways can you tell me how to use a css as you mentioned above (remember i havent used a table)
Anyways can you tell me how to use a css as you mentioned above (remember i havent used a table)
Basic page layout using CSS:
<html> <head> <title> my website </title> <meta name="keywords" content="joe bloggs' website, site, pages,"> <meta name="author" content="joe bloggs"> <link href="stylesheet.css" rel="stylesheet" type="text/css"> </head> <body> <div id="image"> <img src="images/bla.gif" align="left" alt="layout image 1"><br /> </div> <div id="main"> <h1>Welcome to my website</h1> <p>This is my wonderful website with funky content and groovy images!</p> </div> </body> </html>
#image { float: left; width: 500px; } .image { float: left; width: 500px; }
Another example:
HTML:
<body> <div id="wrap"> <div id="header"> </div> <div id="content"> </div> <div id="sidebar"> </div> <div id="footer"> </div> </div> </body>
CSS:
#wrap { margin: 0 auto; width: 800px; } #content { float: left; width: 500px; } #sidebar { float: right; width: 280px; } #footer { clear: both; }
nijhawan.sau...
All-Star
16430 Points
3173 Posts
Re: controls are out of alignment when debugged!
May 01, 2012 10:28 AM|LINK
Basic page layout using CSS:
<html> <head> <title> my website </title> <meta name="keywords" content="joe bloggs' website, site, pages,"> <meta name="author" content="joe bloggs"> <link href="stylesheet.css" rel="stylesheet" type="text/css"> </head> <body> <div id="image"> <img src="images/bla.gif" align="left" alt="layout image 1"><br /> </div> <div id="main"> <h1>Welcome to my website</h1> <p>This is my wonderful website with funky content and groovy images!</p> </div> </body> </html>#image { float: left; width: 500px; } .image { float: left; width: 500px; }Another example:
HTML:
<body> <div id="wrap"> <div id="header"> </div> <div id="content"> </div> <div id="sidebar"> </div> <div id="footer"> </div> </div> </body>#wrap { margin: 0 auto; width: 800px; } #content { float: left; width: 500px; } #sidebar { float: right; width: 280px; } #footer { clear: both; }