HTML Tutorial


 /help/HTML Help Forum   FAQFAQ   SearchSearch   MemberlistMemberlist   RegisterRegister 
 ProfileProfile   Log in to check your private messagesLog in to check your private messages   Log inLog in 
RegisterRegister - Not registered yet? Got something to say? Join HTML Code Tutorial!
Add Border
Goto page 1, 2  Next
Post new topic   Reply to topic    HTML Help Forum -> HTML Table
View previous topic :: View next topic  
Author Message
Samuel Jong



Joined: 06 Jan 2008
Posts: 113

PostPosted: Fri Dec 26, 2008 4:05 pm     Add Border Reply with quote

How add to one more red border besides existing blue border? Thanks.

HTML Codes:
<table align="center"><tr><td align=center width="640"><table align="center" border=5 bordercolor=blue width="640" height="400" cellpadding="0" cellspacing="0" background="http://www.sinhoa.org/images/BK_046.jpg">
<tbody><tr><td><p align="center"><font style="font-size: 50pt; filter: shadow(color=blue); width: 100%; color: cyan; line-height: 110%; font-family: stliti">Sin Hoa Alumni Forum</font></p>
<p align="center"><a href ="http://sinhoa.5d6d.com" target=_blank"><font style="font-size: 30pt; filter: shadow(color=blue); width: 100%; color: cyan; line-height: 110%; font-family: stliti">【Please Click Here】</font></a></p></td></tr></tbody></table></td></tr></table>
PayneLess Designs



Joined: 28 Feb 2007
Posts: 4883
Location: MS

PostPosted: Sat Dec 27, 2008 6:58 pm     Reply with quote

Red border to outside table? Don't see blue border because you are coding table wrong.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 4883
Location: MS

PostPosted: Sat Dec 27, 2008 7:26 pm     Reply with quote

Maybe this????
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="">
<meta name="date" content="12/27/2008">
<style type="text/css">
* { margin: 0; padding: 0; border: 0; }
</style>
</head>
<body>

<table style="width: 640px; height: 512px; margin: 0 auto; border: 5px solid #600;" summary="">
<tbody>
<tr>
<td>

        <table style="width: 640px; height: 512px; border: 5px solid #006; text-align: center; background: url(http://www.sinhoa.org/images/BK_046.jpg) no-repeat center scroll;" summary="">
        <tr>
        <td><span style="width: 100%; line-height: 110%; font-family: stliti; font-size: 45pt; color: cyan; filter: shadow(color=blue);">Sin Hoa Alumni Forum</span><br><a href ="http://sinhoa.5d6d.com" onclick="window.open (this.href, ''); return false" title="【Please Click Here】"><span style="width: 100%; font-family: stliti; font-size: 30pt; color: cyan; line-height: 110%; filter: shadow(color=blue);">【Please Click Here】</span></a></td>
        </tr>
        </table>

</td>
</tr>
</tbody>
</table>


Somethings you need to do:

1) Add a full set of font families in order of preference to each of these after removing stliti: font-family: stliti; (stliti is only on your computer and probably no one else's)
2)Change "color: cyan;" to an actual hex color code for "cyan". Some named colors are the same hex code and browsers will give the same color for two similar named colors. Cyan = #00ffff.
Samuel Jong



Joined: 06 Jan 2008
Posts: 113

PostPosted: Sun Dec 28, 2008 5:01 am     Reply with quote

That's what I want. Thank you.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 4883
Location: MS

PostPosted: Sun Dec 28, 2008 10:51 am     Reply with quote

You're welcome. Glad to have been of help.
Samuel Jong



Joined: 06 Jan 2008
Posts: 113

PostPosted: Sun Dec 28, 2008 6:24 pm     Reply with quote

Can you slightly correct the upper part of the border?

http://www.sinhoa.org/picasa_gb_03_tw.htm
PayneLess Designs



Joined: 28 Feb 2007
Posts: 4883
Location: MS

PostPosted: Sun Dec 28, 2008 7:08 pm     Reply with quote

The code you use doesn't look like the code I gave you. Your page has way too many code errors which may affect how you and others are seeing it depending on the browser. Also, remove all these, " <br />", that you put inside the table. All of them are causing your problem of the top gap between borders. Especially last one in the table.

HTML ERRORS These really need to be corrected.
Samuel Jong



Joined: 06 Jan 2008
Posts: 113

PostPosted: Sun Dec 28, 2008 7:17 pm     Reply with quote

I used the code given to me:

<table style="width: 640px; height: 512px; margin: 0 auto; border: 5px solid #600;" summary=""><tbody><tr><td>
<table style="width: 640px; height: 512px; border: 5px solid #006; text-align: center; background: url(http://www.sinhoa.org/images/BK_046.jpg) no-repeat center scroll;" summary=""><tr><td><span style="width: 100%; line-height: 110%; font-family: stliti; font-size: 45pt; color: cyan; filter: shadow(color=blue);">Sin Hoa Alumni Forum</span><br><a href ="http://sinhoa.5d6d.com" onclick="window.open (this.href, ''); return false" title="【Please Click Here】"><span style="width: 100%; font-family: stliti; font-size: 30pt; color: cyan; line-height: 110%; filter: shadow(color=blue);">【Please Click Here】</span></a></td></tr></table></td></tr></tbody></table>
PayneLess Designs



Joined: 28 Feb 2007
Posts: 4883
Location: MS

PostPosted: Sun Dec 28, 2008 11:04 pm     Reply with quote

That's NOT the code you have ON your page. Look again and follow my advice in previous post.
Samuel Jong



Joined: 06 Jan 2008
Posts: 113

PostPosted: Sun Dec 28, 2008 11:34 pm     Reply with quote

I embeded the code exactly what given to me.

http://www.sinhoa.org/picasa_gb_03_tw.htm
PayneLess Designs



Joined: 28 Feb 2007
Posts: 4883
Location: MS

PostPosted: Mon Dec 29, 2008 1:24 am     Reply with quote

This is what you have:
Quote:
<table style="width: 640px; height: 512px; margin: 0 auto; border: 5px solid #600;" summary=""><tbody><tr><td> <br />
<table style="width: 640px; height: 512px; border: 5px solid #006; text-align: center; background: url(http://www.sinhoa.org/images/BK_046.jpg) no-repeat center scroll;" summary=""><tr><td><span style="width: 100%; line-height: 110%; font-family: stliti; font-size: 45pt; color: cyan; filter: shadow(color=blue);">Sin Hoa Alumni Forum</span><br><a href ="http://sinhoa.5d6d.com" onclick="window.open (this.href, ''); return false" title="【Please Click Here】"><span style="width: 100%; font-family: stliti; font-size: 30pt; color: cyan; line-height: 110%; filter: shadow(color=blue);">【Please Click Here】</span></a></td></tr></table></td></tr></tbody></table>
You had more of those before, but if you would do as I've asked several times and remove this, too, the problem will be solved on your border.
Samuel Jong



Joined: 06 Jan 2008
Posts: 113

PostPosted: Mon Dec 29, 2008 2:01 am     Reply with quote

I did the correction by removing the <br />. Now no more gap between the borders. That's what I want.
Once again, your help would be highly appreciated indeed.

http://www.sinhoa.org/picasa_gb_03_tw.htm
PayneLess Designs



Joined: 28 Feb 2007
Posts: 4883
Location: MS

PostPosted: Mon Dec 29, 2008 8:57 am     Reply with quote

Glad you got it fixed ok. Is there anything else I can help you with?
Samuel Jong



Joined: 06 Jan 2008
Posts: 113

PostPosted: Mon Dec 29, 2008 11:55 am     Reply with quote

One question, why does the hex color code only come in with three digits? May I have the table for that? Thanks.
PayneLess Designs



Joined: 28 Feb 2007
Posts: 4883
Location: MS

PostPosted: Thu Jul 02, 2009 3:56 pm     Reply with quote

I am soooo sorry for not getting back to this with an answer. The hex color code only uses three when the code is a common set like #000000, #ffffff, #aaccff, etc.

These can be shorten to:

#000, #fff, #acf, respectively
Display posts from previous:   
Post new topic   Reply to topic    HTML Help Forum -> HTML Table All times are GMT - 8 Hours
Goto page 1, 2  Next
Page 1 of 2

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
HTML Help Archive
Powered by phpBB © 2001, 2005 phpBB Group
HTML Help topic RSS feed 

 
DARFUR
HOSTING / DESIGN

Home
  |   Tutorials   |   Forum   |   Quick List   |   Link Directory   |   About
Copyright ©1997-2002 Idocs and ©2002-2007 HTML Code Tutorial