Develop PHP Website for Learning Web Design Free Online
  Home   |   Forums   |   DevCMS
  Join   |   Log In
 
   

CSS Tutorials - Learn CSS

Tutor at Develop PHP
Strategically Placing Content Independently
By: Adam      Created: Jul 14, 2008      Views: 3710 Tweet This Page  Post page to Facebook  Post page to Facebook

There may be an occasion where you would like a page element or some content to be independently positioned from all of the other content on the HTML page. In the example below I show you how to place a DIV tag with an image inside of it in the top left corner of a page. This method places CSS style attributes in the HTML tag to position it.

Learn HTML
<div style="position:absolute;top:0px;left:0px;padding:0px;margin:0px;">
<img src="images/somePicture.jpg" border="0" />
</div>

You can change the number values to place it exactly where you need it. "left" can become "right", "top" can become "bottom", and so on. Negative numeric values work.

Strategic placement is sometimes the only way to get the design you want on a web page that is HTML based.

                                   That concludes this section, to continue learning CSS head back to the index


Comment on Strategically Placing Content Independently




Search Tags:
Strategically   ·  Placing   ·  Content   ·  Independently   ·  
 
 
Arbitrary Links and Archives
Home
Active Forums
Members
SIte News
Link To Us
Gear
2009 Forum Archive
Programming Courses
Learn HTML
Learn CSS
Learn PHP
Learn MySQL
Learn Javascript
Learn jQuery
Learn ActionScript 3.0
Learn Java
Learn XML
DevelopPHP Requires Flash Player
Get Adobe Flash player
___________________________________________

Terms of Use  •  Privacy  •  Admin Notes

©2010 developphp.com   |   Powered By FlashBuildingHolder