Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Rhinorhino on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Border around web page 1

Status
Not open for further replies.
jalge2

jalge2

Technical User
Joined
Feb 5, 2003
Messages
105
Location
US
Hi all. I'm developing a Web Page for my church. We made a banner on the top with a background color of blue. The background color of the rest of the page is brown. Around the banner at the top, there is a brown border and we don't like it. We want the banner to be positioned in the very top left. We've tried alignt=top, and align-left but we can't seem to get rid of this border. Is this something that is always going to be there, or can we get around this?

Jason Alge
Jason.M.Alge@lowes.com

'There are three kinds of people: Those who can count and those who can't'
 
Sort by date Sort by votes
Please post your code - I'll see what I can do!!!
 
Upvote 0 Downvote
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>MBUMC Web</title>

<SCRIPT LANGUAGE="JavaScript">
var n = 0;
timedelay = 3;
timedelay *= 1500;

var imgs = new Array();
imgs[0] = "church1.jpg";
imgs[1] = "BG.jpg";
imgs[2] = "TeenThing.jpg";

function rotate()
{
document.picform.rotate.src = imgs[n];
(n == (imgs.length - 1)) ? n = 0 : n++;
window.setTimeout("rotate()", timedelay);
}
window.onload = rotate;
</SCRIPT>

</head>
<body bgcolor='#d9c79d'>

<table width='100%' cellspacing="0" cellpadding="0" border="0" >
<tr><td bgcolor="#070a5b"><img src="toprunner.jpg" width="980" height="92" border="2"></td></tr>
<tr><td width="100%">
<table>
<tr><td>
<table width="250" align="top">
<tr><td><font face="harlow solid italic" size="4">Welcome</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">About Us</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Our Location</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Service Schedule</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Events Calendar</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Church Programs</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Music Ministry</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Church Activities</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Youth Page</font></td></tr>
<tr> <td><font face="harlow solid italic" size="4">Contact Us</font></td></tr>
<tr><td><font face="harlow solid italic" size="4"><a href=" Methodist Church</a></font></td></tr>
<tr><td><font face="harlow solid italic" size="4"></font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Home</font></td></tr>
</table>
</td>
<td width="600" align="center">
<table>
<tr><td align="center">
<form name="picform">
<img alt="Around Mt. Blanchard" src="church1.jpg" border="1" name="rotate" width="340" height="224"><br>
<font size="1" face="Arial">Mount Blanchard UMC</font>
<br></td></tr>
<tr><td align="center">
<center><b><font="trebuchet ms" size="3pt"> 204 S. Main St.<br>
Mt. Blanchard, OH 45867</font></b></center>
<center><b><i><font face="trebuchet ms" size="3pt"> "We will invite and welcome people into a
relationship with Jesus Christ, nurture them in faith, and equip them for service to others."</font></i></b></center>
</td></tr>
</table>
</tr>
</table>
</td>
</tr>
<tr><td>
<img align="center" src="baserunner.bmp" width="950" height="37" border="0">
</td></tr>
</table>
</body>
</html>


<!--
<center><b><font="trebuchet ms" size="3pt"> 204 S. Main St.<br>
Mt. Blanchard, OH 45867</font></b></center>
<br>
<br>
<br>
<center><b><i><font face="monotype corsiva" size="3pt"> "We will invite and welcome people into a
relationship with Jesus Christ, nurture them in faith, and equip them for service to others."</font></i></b></center>
<br>
<br></td>
</tr>-->

Jason Alge
Jason.M.Alge@lowes.com

'There are three kinds of people: Those who can count and those who can't'
 
Upvote 0 Downvote
There's always (I think) a border around web pages so the only suggestion I have would be to split your page into 2 frames. You could then give your top frame (containing only your top banner) a dark blue background to match the image. The lower frame containing the main page could retain the brown background.
 
Upvote 0 Downvote
I tried to add frames to my code, and it's still not working. I don't know if I'm doing something wrong or not. Can I get some more help on this one?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>MBUMC Web</title>

<SCRIPT LANGUAGE="JavaScript">
var n = 0;
timedelay = 3;
timedelay *= 1500;

var imgs = new Array();
imgs[0] = "church1.jpg";
imgs[1] = "BG.jpg";
imgs[2] = "TeenThing.jpg";

function rotate()
{
document.picform.rotate.src = imgs[n];
(n == (imgs.length - 1)) ? n = 0 : n++;
window.setTimeout("rotate()", timedelay);
}
window.onload = rotate;
</SCRIPT>

</head>
<body bgcolor='#d9c79d'>
<frame width="100%">
<table width='100%' cellspacing="0" cellpadding="0" border="0" >
<tr><td bgcolor="070a5b"><img src="toprunner.jpg" width="980" height="92" border="0"></td></tr>
<tr><td width="100%">
</frame>
<frame>
<table>
<tr><td>
<table width="250" align="top">
<tr><td><font face="harlow solid italic" size="4">Welcome</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">About Us</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Our Location</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Service Schedule</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Events Calendar</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Church Programs</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Music Ministry</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Church Activities</font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Youth Page</font></td></tr>
<tr> <td><font face="harlow solid italic" size="4">Contact Us</font></td></tr>
<tr><td><font face="harlow solid italic" size="4"><a href=" Methodist Church</a></font></td></tr>
<tr><td><font face="harlow solid italic" size="4"></font></td></tr>
<tr><td><font face="harlow solid italic" size="4">Home</font></td></tr>
</table>
</td>
<td width="600" align="center">
<table>
<tr><td align="center">
<form name="picform">
<img alt="Around Mt. Blanchard" src="church1.jpg" border="1" name="rotate" width="340" height="224"><br>
<font size="1" face="Arial">Mount Blanchard UMC</font>
<br></td></tr>
<tr><td align="center">
<center><b><font="trebuchet ms" size="3pt"> <img src="flamecross.gif" width="25" height="45" border="0">204 S. Main St.<img src="flamecross.gif" width="25" height="45" border="0"><br>
Mt. Blanchard, OH 45867</font></b></center>
<center><b><i><font face="trebuchet ms" size="3pt"> "We will invite and welcome people into a
relationship with Jesus Christ, nurture them in faith, and equip them for service to others."</font></i></b></center>
</td></tr>
</table>
</tr>
</table>
</td>
</tr>
<tr><td>
<img align="center" src="baserunner.bmp" width="950" height="37" border="0">
</td></tr>
</table>
</frame>
</body>
</html>

Jason Alge
Jason.M.Alge@lowes.com

'There are three kinds of people: Those who can count and those who can't'
 
Upvote 0 Downvote

>> 'There are three kinds of people: Those who can count and those who can't'

There are 10 types of people in this world - those who understand binary, and those who don't.

;o)

Dan
 
Upvote 0 Downvote
OK, here's how frames work :

You create a frameset with, in your case, a top frame and a main frame.

You then create TWO SEPARATE PAGES - one containing your banner which you place in the top frame, the other containing the main content of your page which you place in the main frame.

Check out for a basic introduction.
 
Upvote 0 Downvote
Don't dive into the world of frames if you don't really have to. You can solve your problem by changing one line:

Change from...
Code: 
<body bgcolor='#d9c79d'>
... to...
Code: 
<body bgcolor='#d9c79d' style="margin: 0; padding: 0;">
... and the border will disappear, the first table will be at the top. Hope it helps.
 
Upvote 0 Downvote
Nice one Vrag - showed me up as the muppet I really am!!! Babbling on about frames and stuff - what a fool!!!
 
Upvote 0 Downvote
BillyRay, you just lost a star buddy!! :)

Jason Alge
Jason.M.Alge@lowes.com

'There are three kinds of people: Those who can count and those who can't'
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

lmcate
  • Locked
  • Question Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
540
lmcate
lmcate
usarmycwo
  • Locked
  • Question Question
Any FrontPage users still around?
Replies
4
Views
2K
feherke
feherke
MitGandhi
  • Locked
  • Question Question
WebGL Error
Replies
3
Views
1K
spamjim
spamjim
lupidol
  • Locked
  • Question Question
Table's title row's rounded corners border
Replies
2
Views
424
lupidol
lupidol
pendle666
  • Locked
  • Question Question
Inserting same line of text of every web page - &quot;link&quot; insert?
Replies
6
Views
759
ChrisHirst
ChrisHirst

Part and Inventory Search

Sponsor

Back
Top