/    Sign up×
Community /Pin to ProfileBookmark

want a thin border

Copy linkTweet thisAlerts:
Apr 03.2008

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

to post a comment
HTML

10 Comments(s) ↴

Copy linkTweet thisAlerts:
@FangApr 03.2008 — &lt;table style="border:1px solid blue; margin:auto;" cellpadding="0" cellspacing="0" summary=""&gt;

http://www.w3schools.com/
Copy linkTweet thisAlerts:
@aravelliApr 04.2008 — <table style="border:solid thin #0000ff">
Copy linkTweet thisAlerts:
@FangApr 04.2008 — &lt;table border="1" style="border-color:blue; border-collapse:collapse; margin:auto;" cellpadding="5" cellspacing="0" summary=""&gt;
Copy linkTweet thisAlerts:
@FangApr 04.2008 — <table style="border:solid thin #0000ff">[/QUOTE]
[I]thin[/I] is not the same in all browsers, no not use it.
Copy linkTweet thisAlerts:
@cofactorauthorApr 04.2008 — Fang ,

i used your code but i [b] did not find [/b] 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
Copy linkTweet thisAlerts:
@cofactorauthorApr 04.2008 — 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
Copy linkTweet thisAlerts:
@FangApr 04.2008 — &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;title&gt;blue border&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;

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

&lt;/head&gt;
&lt;body&gt;
&lt;table cellspacing="0" summary=""&gt;
&lt;tr&gt;&lt;td&gt;x&lt;/td&gt;&lt;td&gt;x&lt;/td&gt;&lt;td&gt;x&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;x&lt;/td&gt;&lt;td&gt;x&lt;/td&gt;&lt;td&gt;x&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;x&lt;/td&gt;&lt;td&gt;x&lt;/td&gt;&lt;td&gt;x&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;
Copy linkTweet thisAlerts:
@aravelliApr 04.2008 — <style type="text/css">

table,tr,td {

border:1px solid #0000ff;

padding:1px;

}

</style>

<table cellpadding=0 cellspacing=0>
Copy linkTweet thisAlerts:
@FangApr 04.2008 — [B]aravelli[/B], that results in a double border, unless you add [I]border-collapse:collapse;[/I]
×

Success!

Help @cofactor spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...