Jasbir21
asked on
How to align table
Hi,
i am new to html and i am facing a problem.
I have put check boxes or radio buttons in tables.
But how do i put it in a way , it is at the exact point that i want to
If i use align-right, its to right, if left, too left and so one
Education :
|The table should be at this point
This is my code:
<table border="0">
<tr>
<td >
<input type="radio" name="edu" value="Pri" style="background=cornsilk ; border=0;">Primary School<br>
<input type="radio" name="edu" value="Sec" style="background=cornsilk ; border=0;">Secondary School<br>
<input type="radio" name="edu" value="Uni" style="background=cornsilk ; border=0;">University
</td>
</tr>
</table>
Thanks
i am new to html and i am facing a problem.
I have put check boxes or radio buttons in tables.
But how do i put it in a way , it is at the exact point that i want to
If i use align-right, its to right, if left, too left and so one
Education :
|The table should be at this point
This is my code:
<table border="0">
<tr>
<td >
<input type="radio" name="edu" value="Pri" style="background=cornsilk
<input type="radio" name="edu" value="Sec" style="background=cornsilk
<input type="radio" name="edu" value="Uni" style="background=cornsilk
</td>
</tr>
</table>
Thanks
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hi,
both answers are accepted answers with Grade A.
Thanks
both answers are accepted answers with Grade A.
Thanks
>>what does z-index mean?
It lets the browser layer elements on top of one another:
Elements with a "higher" number will be rendered "on top" of elements with a lower one.
<html>
<head>
</head>
<body>
<div style="position:absolute; top:50px; left:50px; background-color:blue; width:200px; height:100px; z-index:1;"></div>
<div style="position:absolute; top:75px; left:75px; background-color:red; width:100px; height:50px; z-index:2;"></div>
</body>
</html>
It lets the browser layer elements on top of one another:
Elements with a "higher" number will be rendered "on top" of elements with a lower one.
<html>
<head>
</head>
<body>
<div style="position:absolute; top:50px; left:50px; background-color:blue; width:200px; height:100px; z-index:1;"></div>
<div style="position:absolute; top:75px; left:75px; background-color:red; width:100px; height:50px; z-index:2;"></div>
</body>
</html>
ASKER
what does z-index means?,
Thanks , both solution was wonderful.
Thanks and God bless you