poufie
06-22-2003, 08:11 AM
I'm woriking on a design for a site consisting of a table, and another table inside of that The second table has an iframe in two cells of it. I want the borders on the iframes to dissappear, but they stay, no matter what I put in the tag dealie, or in the style sheet, or whatever I try. It hit upon me that they might actually be borders around the <td>s, but that also didn't solve anything.
Now, It's not all the way finished yet, (but when it is, it'll be really pretty, I hope) but here's the URL:
http://www.geocities.com/pou_to_the_fie/columned/tableframe.html.
Here are the files that I've used:
blue.css:
body {background-color: #3399FF}
p {font: 8pt sans-serif}
p.bottom{text-align= center;
font-weight: bold;
font-variant: small-caps;
color: #99FFFF}
P.title {text-align= right;
font-weight:bold;
font-variant: small-caps;
color: #330099;
background-color: #99FFFF;
border-width= 1px;
border-style: solid;
border-color: #330099}
p.contentbox{color: #330099;
font-family: "Times new roman";
background-color: #66CCFF;
border-width = 1px;
border-style: solid;
border-color: #330099}
img, td, tr{border = 0}
A:link {color: #99ffff;
text-transform: small-caps}
A:visited{color: #330099;
text-transform: small-caps}
A:active{color: #99ffff;
text-transform: small-caps;
border-width = 1px;
border-style: solid;
border-color: #330099}
A:hover {color:#99ffff;
text-transform: small-caps;
border-width = 1px;
border-style: solid;
border-color: #330099;
cursor:crosshair}
tableframe.html:
<html>
<head>
<link rel="stylesheet" href="blue.css" type="text/css">
<script language="JavaScript1.2">
//Gradual-Highlight image script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=30
}
function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpa city)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
</head>
<body>
<center>
<table border = 0 width = "100%">
<tr>
<td width = "20%" rowspan = "3">
</td>
<td width = "60%">
<table border = 0 width = "100%">
<tr>
<td colspan = "2">
</td>
</tr>
<tr>
<td width=200>
<iframe width = 200 src = "left.html">
</iframe>
</td>
<td width=400>
<iframe border = 0 width = 400 src = "right.html">
</iframe>
</td>
</tr>
<tr>
<td colspan = "2" height = "5%">
<p class = "bottom">
Copyright 2003 poufie
</p>
</td>
</tr>
</table>
</td>
<td width = "20%" rowspan = "3">
</td>
</tr>
</table>
</center>
</body>
</html>
left.html:
<html>
<head>
<title>You should be viewing this in a frame, just so you know.</title>
<link rel="stylesheet" href="blue.css" type="text/css">
<script language="JavaScript1.2">
//Gradual-Highlight image script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=30
}
function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpa city)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
</head>
<body>
<p class="title">
OdeToNoOne.tk
</p>
</body>
</html>
Thanks for taking the time to try and help me out with this problem, you guys are the best.
Now, It's not all the way finished yet, (but when it is, it'll be really pretty, I hope) but here's the URL:
http://www.geocities.com/pou_to_the_fie/columned/tableframe.html.
Here are the files that I've used:
blue.css:
body {background-color: #3399FF}
p {font: 8pt sans-serif}
p.bottom{text-align= center;
font-weight: bold;
font-variant: small-caps;
color: #99FFFF}
P.title {text-align= right;
font-weight:bold;
font-variant: small-caps;
color: #330099;
background-color: #99FFFF;
border-width= 1px;
border-style: solid;
border-color: #330099}
p.contentbox{color: #330099;
font-family: "Times new roman";
background-color: #66CCFF;
border-width = 1px;
border-style: solid;
border-color: #330099}
img, td, tr{border = 0}
A:link {color: #99ffff;
text-transform: small-caps}
A:visited{color: #330099;
text-transform: small-caps}
A:active{color: #99ffff;
text-transform: small-caps;
border-width = 1px;
border-style: solid;
border-color: #330099}
A:hover {color:#99ffff;
text-transform: small-caps;
border-width = 1px;
border-style: solid;
border-color: #330099;
cursor:crosshair}
tableframe.html:
<html>
<head>
<link rel="stylesheet" href="blue.css" type="text/css">
<script language="JavaScript1.2">
//Gradual-Highlight image script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=30
}
function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpa city)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
</head>
<body>
<center>
<table border = 0 width = "100%">
<tr>
<td width = "20%" rowspan = "3">
</td>
<td width = "60%">
<table border = 0 width = "100%">
<tr>
<td colspan = "2">
</td>
</tr>
<tr>
<td width=200>
<iframe width = 200 src = "left.html">
</iframe>
</td>
<td width=400>
<iframe border = 0 width = 400 src = "right.html">
</iframe>
</td>
</tr>
<tr>
<td colspan = "2" height = "5%">
<p class = "bottom">
Copyright 2003 poufie
</p>
</td>
</tr>
</table>
</td>
<td width = "20%" rowspan = "3">
</td>
</tr>
</table>
</center>
</body>
</html>
left.html:
<html>
<head>
<title>You should be viewing this in a frame, just so you know.</title>
<link rel="stylesheet" href="blue.css" type="text/css">
<script language="JavaScript1.2">
//Gradual-Highlight image script- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50)
}
function low(which2){
clearInterval(highlighting)
if (which2.style.MozOpacity)
which2.style.MozOpacity=0.3
else if (which2.filters)
which2.filters.alpha.opacity=30
}
function highlightit(cur2){
if (cur2.style.MozOpacity<1)
cur2.style.MozOpacity=parseFloat(cur2.style.MozOpa city)+0.1
else if (cur2.filters&&cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (window.highlighting)
clearInterval(highlighting)
}
</script>
</head>
<body>
<p class="title">
OdeToNoOne.tk
</p>
</body>
</html>
Thanks for taking the time to try and help me out with this problem, you guys are the best.