PDA

Click to See Complete Forum and Search --> : want a thin border

cofactor
04-03-2008, 01:52 AM
am using below

<table align="center" border="1">

in my table.

this creates thick border.

i want to make a thin blue colored border.

what do i do ?
Edit/Delete Message
Fang
04-03-2008, 03:10 AM
<table style="border:1px solid blue; margin:auto;" cellpadding="0" cellspacing="0" summary="">

http://www.w3schools.com/
cofactor
04-04-2008, 02:13 AM
http://i272.photobucket.com/albums/jj198/mobilefish/table.png

I want table like that .

what do i do ?
aravelli
04-04-2008, 02:31 AM
<table style="border:solid thin #0000ff">
Fang
04-04-2008, 02:33 AM
<table border="1" style="border-color:blue; border-collapse:collapse; margin:auto;" cellpadding="5" cellspacing="0" summary="">
Fang
04-04-2008, 02:34 AM
<table style="border:solid thin #0000ff">
thin is not the same in all browsers, no not use it.
cofactor
04-04-2008, 02:54 AM
Fang ,

i used your code but i did not find the border of the inner td's to be blue !!


can you please provide me a code which will produce a table looking similar to the image i posted ?

thanks
cofactor
04-04-2008, 03:08 AM
i want a table which will look exactly like this

http://i272.photobucket.com/albums/jj198/mobilefish/mytable.png

please note , data is center aligned in all the td's and have a thin blue colored border everywhere.


can you show me the code how to make it ?


thanks
Fang
04-04-2008, 03:12 AM
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>blue border</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">
table {border-color:blue; border-collapse:collapse; margin:auto;}
td {border:1px solid blue;padding:5px;}
</style>

</head>
<body>
<table cellspacing="0" summary="">
<tr><td>x</td><td>x</td><td>x</td></tr>
<tr><td>x</td><td>x</td><td>x</td></tr>
<tr><td>x</td><td>x</td><td>x</td></tr>
</table>
</body>
</html>
aravelli
04-04-2008, 03:17 AM
<style type="text/css">
table,tr,td {
border:1px solid #0000ff;
padding:1px;
}
</style>

<table cellpadding=0 cellspacing=0>
Fang
04-04-2008, 03:46 AM
aravelli, that results in a double border, unless you add border-collapse:collapse;