Skip to main content

Css Positions

You can put any HTML element at wherever position in the page or absolute based on its parent element.

Relative Positioning:
It changes the position of the HTML element relative to where it normally appears
For example:
<div style=”position:relative;left:80px; top:2px; background-color:yellow;”>
This div has relative positioning
</div>



Absolute Positioning:
An element with position absolute is positioned at the specified coordinates relative to your screen top left corner.
For example:
<div style=”position:absolute; left:80px; top:20px; background-color:yellow:”>
This is absolute positioning.
</div>

Fixed Positioning:
This allows you to fix the position of an element to the browzer window.
For example:
<div style=”position:fixed; left:80px; top:20px; background-color:yellow;”>
This is fixed positioning.
</div>

Comments

Popular posts from this blog

MySQL Connection

Connection with MySQL Database Before accessing database, you must create a connection to the database Syntax: mysql_connect(servername,username,password); where, servername specifies the server to connect to. Default value is “localhost” username specifies the username to log in with. Default value is the name of the user that owns the server process. To connect offline we use username “root”. password specifies the password to log in with. Default is “” Code : Creating connection to the database and selecting the required database <?php $con = mysql_connect(“localhost”,”root”,”"); if (!$con) { die(‘Could not connect: ‘ . mysql_error()); } else{ mysql_select_db(“test”, $con) }; ?> Here, we have store connection in a variable called $con and trap error using die function. Closing connection The connection will be closed automatically when the script ends. To close the connection before, use the mysql_close() function: <?php $con = mysql_conne...

Join in MySQL

Join clause is used to combine rows from two or more tables depending upon common field between them. There are different kinds of Joins. The most common and useful Join is Inner Join. Inner Join: It will return all rows from multiple tables where the condition is met.

Div and span

Div: Div <div> tag is that it divides the HTML document into sections. Proper usage of the <div> tag is fundamental to good HTML coding, the <div> tag is one of the most powerful tools available to a web developer. Span: Span <span> is  in-line level elements, they only span across small amounts of content, typically words or phrases. For example: a <span> tag might be used to make a word red in color or to give it an underline.