PDA

Click to See Complete Forum and Search --> : boarder - how to make it the way i want?

Akimoto
03-03-2007, 09:58 PM
I am trying to make a boarder with a specific color / style (#1), but when i upload it to a .htm it turns all wrong (#2)!
How can i fix this?

Image #1 (http://test.akikun.com/001.jpg)
Image #2 (http://test.akikun.com/002.jpg)

I'm using:
<table width="114" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="#415680" bgcolor="#344566">

Help appreciated! :confused:
bathurst_guy
03-03-2007, 11:58 PM
You should use CSS for styling. Try
<table style="width: 114px; border: 1px solid #415680; background-color: #344566; text-align: center; margin: 0; padding: 0;">
Akimoto
03-04-2007, 12:42 PM
It doesn't work.

I've added the CSS styling on but there are no changes. Somehow the boarder looks '3D'ish and not a plain solid line. (Without light / dark areas.)

Here the full HTML:
<html>
<head>
<title>L-Frame</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br>

<style type="text/css">

a:link {
color: #f2f2f2;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #f2f2f2;
}
a:hover {
text-decoration: underline;
color: #f2f2f2;
}
a:active {
text-decoration: none;
color: #f2f2f2;
}
body,td,th {
color: #f2f2f2;
}
body {
background-color: #040e1e;
}
-->
</style></head>

<body><br>
<center>
<table border="1" cellpadding="0" cellspacing="0" style="width: 114px; border: 1px solid #415680; background-color: #344566; text-align: center; margin: 0; padding: 0;">
<tr>
<td width="114" scope="row"><div align="center"><strong>Web-site<br>
v0.0<br>
Test</strong></div></td>
</tr>
</table>

<br>
<table border="1" cellpadding="0" cellspacing="0" style="width: 114px; border: 1px solid #415680; background-color: #344566; text-align: center; margin: 0; padding: 0;">
<tr>
<td width="110" nowrap scope="row"><div align="center" class="style3"><img src="img/bar.jpg" width="110" height="19"></div></td>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><img src="img/bar.jpg" width="110" height="19"></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<td nowrap scope="row"><img src="img/bar.jpg" width="110" height="19"></td>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
<tr>
<th nowrap scope="row"><div align="center" class="style3">Menu</div></th>
</tr>
</table>
</center>
</body>
</html>


(This is a Frame)
bathurst_guy
03-07-2007, 07:53 PM
It's the border of the frame then. Set in the framset page a border of zero.
Akimoto
03-10-2007, 03:02 PM
Problem fixed-- thanks
WebJoel
03-10-2007, 05:45 PM
.... Somehow the boarder looks '3D'ish and not a plain solid line. (Without light / dark areas.)... I know you fixed this but it is worth pointing out that it is called border, not boarder. :p