| View previous topic :: View next topic |
| Author |
Message |
Samuel Jong
Joined: 06 Jan 2008 Posts: 113
|
Posted: Fri Dec 26, 2008 4:05 pm Add Border |
|
|
|
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
|
Posted: Sat Dec 27, 2008 6:58 pm |
|
|
|
| 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
|
Posted: Sat Dec 27, 2008 7:26 pm |
|
|
|
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
|
Posted: Sun Dec 28, 2008 5:01 am |
|
|
|
| That's what I want. Thank you. |
|
PayneLess Designs

Joined: 28 Feb 2007 Posts: 4883 Location: MS
|
Posted: Sun Dec 28, 2008 10:51 am |
|
|
|
| You're welcome. Glad to have been of help. |
|
Samuel Jong
Joined: 06 Jan 2008 Posts: 113
|
|
PayneLess Designs

Joined: 28 Feb 2007 Posts: 4883 Location: MS
|
Posted: Sun Dec 28, 2008 7:08 pm |
|
|
|
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
|
Posted: Sun Dec 28, 2008 7:17 pm |
|
|
|
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
|
Posted: Sun Dec 28, 2008 11:04 pm |
|
|
|
| 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
|
|
PayneLess Designs

Joined: 28 Feb 2007 Posts: 4883 Location: MS
|
Posted: Mon Dec 29, 2008 1:24 am |
|
|
|
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
|
Posted: Mon Dec 29, 2008 2:01 am |
|
|
|
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
|
Posted: Mon Dec 29, 2008 8:57 am |
|
|
|
| Glad you got it fixed ok. Is there anything else I can help you with? |
|
Samuel Jong
Joined: 06 Jan 2008 Posts: 113
|
Posted: Mon Dec 29, 2008 11:55 am |
|
|
|
| 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
|
Posted: Thu Jul 02, 2009 3:56 pm |
|
|
|
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 |
|
|