View Full Version : Border showing on Pages
Canapril
09-29-2002, 07:16 AM
I have created some Templates and when I view them from my Editors Wizard they show set Flush to the left side of the screen, but then if I go on the Internet my Templates have a white border on the left side and are not Flush to the left and to make the problem even worse the top of the templates show white at the top.
I have taken a look at the source code and I can;t for the life of me figure out what the problem is.
Anyone ever had this problem and if so how did you fix it?
Here is one of my Templates to show you what I mean. There is not suppose to be any white showing on the left side or the top
http://ppab.homestead.com/KeyB_Mouse.html
Thanks in advance
Canapril
methinks this shud work for ya...
<body topmargin="0" leftmargin="0">
Canapril
09-29-2002, 08:35 PM
I took a look at the source code of the page that the Boders are NOT flush to the left nor the top of this URL http://ppab.homestead.com/KeyB_Mouse.html
Here it is the code for that page (*without the [) & the (])
[)<HTML><HEAD><TITLE>CKD12ArtsCF2</TITLE></HEAD>
<BODY LINK=#3333cc VLINK=#6633cc BGCOLOR=#ffffff>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=800><TR VALIGN=top><TD><IMG SRC="/*trackimage/http://track.homestead.com/~site/Scripts_Track/track.dll?H_H=13557422&H_P=100&H_A=3146062&H_V=2&H_I=1&H_U=111628&E=51&E=566" WIDTH=123 HEIGHT=1></TD><TD><IMG SRC=/staticmedia/tp.gif WIDTH=350 HEIGHT=1></TD><TD><IMG SRC=/staticmedia/tp.gif WIDTH=327 HEIGHT=1></TD></TR>
<TR VALIGN=top><TD COLSPAN=3><!-- Begin HTML51--><IMG SRC = "files/CKD12ArtisticDesTm2.gif" WIDTH=800 HEIGHT=600 ALT="Connect to the Internet if you can't see this image." BORDER=0><!-- End HTML51--></TD>
</TR>
<TR VALIGN=top><TD COLSPAN=3 HEIGHT=37></TD>
</TR>
<TR VALIGN=top><TD HEIGHT=200></TD>
<TD></div>
<script language=JavaScript>
var message="Click 'Buy it' button.";
function click(e) {
if (document.all) {
if (event.button == 2) {
alert(message);
return false;
}
}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
</script>
<div><!-- --></TD>
<TD HEIGHT=200></TD>
</TR>
</TABLE>
<DIV style="position: absolute; top:1px; left: 1px; width:1px; height:1px">
<!-- begin tracking code -->
<!-- no actual java script for preview -->
<!-- end tracking code. -->
</DIV>
</BODY>
</HTML>(]
Now where in all that it is appropriate to put this code you suggest <body topmargin="0" leftmargin="0">
Wondering?
Also to make matters a little more questionable all the coding for this front page at www.CharlieKDesigns.com for another template I made that IS set properly is (without the [) & (]
[)<html><head><title>www.charliekdesigns.com</title></head>
<frameset rows="100%,*">
<frame src="http://CKDesigns12.homestead.com/Front.html" frameborder="0">
<frame frameborder="0" noresize>
</frameset>
</html>(]
Why would just this work properly?
Confused in Ontario and needing direction please
Canapril
Originally posted by Canapril
Now where in all that it is appropriate to put this code you suggest <body topmargin="0" leftmargin="0">
Wondering?
In the body tag obviously !!:D
<HTML><HEAD><TITLE>KeyB_Mouse</TITLE></HEAD>
<BODY LINK=#3333cc VLINK=#6633cc BGCOLOR=#ffffff
topmargin="0" leftmargin="0" >
by the way that reminds me....your image is smaller than the screen width that'll give a big white space on the right ! So adjust its size appropriately...and enjoy :)
actually about the frames...the type of code u mentioned, is used to display the page contents of another site under your web address...dont get messed up with this simple thing.
by default, the body of all HTML pages have some margin. If you say <body bgcolor="#330066"> that changes the bg color of the entire page. So if you set it matching with your bg image, the margin wont show up, and your page will look neat. Look up what color code matches your page and enter it there.
In the page u mentioned....deep within the code is this line
document.bgcolor='286888 This is only a javascript way of changing color. u can as well do it with normal html code. which is doing all the magic !!
Canapril
09-30-2002, 07:48 PM
Thanks CQ I will make those changes right now...*S
Canapril
MCookie
09-30-2002, 09:49 PM
Just an explanation:
>> <html><head><title>www.charliekdesigns.com</title></head>
>> Why would just this work properly?
There's no "border" at Charlie K Designs because the contents is in absolute positioned DIVs. If you start a div at position:absolute;left:0px;top:0px; the div starts right in the upper left corner. So there's no default browser margin. That's the diffence between your two pages.
Canapril
10-01-2002, 03:57 AM
Well, funny that you mention CharlieKDesigns as that is my site also, and I have no clue why my front page shows ok there , as it is a .gif file, the same as my Templates at my 1PPAB site they are .gif or .jpg files where my new Templates are situated. and where I am having all the problems is my CKD Templates @ my 1PPAB site.
Now I spent all afternoon going through my Homestead html files on my computer and making the
topmargin "0" leftmargin 0" and then refreshed the pages and they looked perfectly Flush to the left border and only one pixel of white showing at the top? I know that the background color can be fixed so that the top pixel at the top of the page doesn't show, but I was concerned about getting my Templates Flush to the corner and to the left side and top of the page at the moment.
To make a long story short, once this was all done and the html all corrected, I restarted my Homestead Editor with the saved changes and uploaded the changes... then logged out of my Editor and got on to the Internet...
Well, disappointment INDEED, even after Refreshing the pages NONE of the changes show and my Templates Are STILL showing a margin on the left and at the top..go figure.
Got any suggestions?
P.S. Why would my front page at CharlieKDesigns be ok and not the others.. I have no idea what you mean a div?
Would you explain it to me, as my brain seems to think that the more I try to educate myself on this computer, the more like a "Dummy" I feel.
Thanks for taking the time to help me, I do so appreciate it.
Canapril
Canapril
10-01-2002, 04:11 AM
In reply to MCookie, if I may....
Do you think that maybe those pages are that way because many of these pages at CharlieKDesigns were actually pages at another Homestead site that I transfered from
Homestead to my other Homestead site. In simpler words
www.CharlieKDesigns.com is now a mixture of my old CKDesigns and CKDesigns12 site put together so that I wouldn't have to pay a full year's cost for 2 sites and now paying for just the one.
It seems to me that any pages I transfered to the CKD12 site has just that short html code that you see in the source code.
But the newer pages have more html code
:confused: Canaprilwww.CharlieKDesigns.com (http://www.CharlieKDesigns.com)
http://ppab.homestead.com/CKD12Winged.html
Canapril
10-01-2002, 04:25 AM
Sorry to all , I posted the wrong URL..
:(
Here is the right one and you will see all my Templates are showing with a white border...
My Messed Up Templates (http://ppab.homestead.com/CKDTemplates1.html)
Thanks for your patience
Canapril
*Having a bad hair day, for sure!
MCookie
10-01-2002, 09:03 PM
Hi Canapril,
you can get rid of the white border in two ways.
Using CSS; just paste somewhere between the <HEAD></HEAD> tags:
<style type="text/css">
<!--
body {
margin:0px;
padding:0px;
}
-->
</style>
Or, like c q said, paste the bold part in your <BODY> tag like so:
<BODY leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" link="" vlink="" bgcolor="">
leftmargin and topmargin eleminates the border in IE, marginwidth and marginheight do the same in NN.
Originally posted by Canapril
I have no idea what you mean a div?
Would you explain it to me, as my brain seems to think that the more I try to educate myself on this computer, the more like a "Dummy" I feel.
no big deal about divs...its only a way to implement your style sheet properties. Its also used in javascript funcitions...but for now..this expln shud do.
say you have a style sheet that run like this...
<style>
.example {text-align:center; border:3px;}
</style>
you can use the div command to use the peoperties of this example class to any element on your page...for eg.
<div class="example">
<img src=mypic.gif>
</div>
<div class="example">
<p>Hi!!!!
<br>name is c q!!
<br>I live in the city of pearls
</div>
so it will give all things inside the div properties of example class...in thuis case, a border 3 px thick, and align=center ;)
read up some of these really nice tutorials on....http://www.htmlhelp.com/
:thumbsup:
Canapril
10-03-2002, 06:28 AM
thanks c.q. and MCookie, but the problem remains the same, no matter what I put in the html pages that are stored on my computer and ALSO at Homestead, it will not change anything to those pictures if Homestead doesn';t let the changes take place.
And one can not go to the source code just be looking it up on the page and trying to change it from there , there is no way that the changes will stick...
Let me try to put it simpler, if you went to my page You could not make the changes anymore than me That Way,
On my computer I have all the html files and I can make changes to my hearts content on them but they don't stay unless Homestead gets those changes and even AFTER, I have relogged on to the Homestead Editor on MY computer and not the site, the Editor makes the updates but the Editor is not making the changes at Homestead.
I have written 3 times to Homestead asking for help on this and I still have not received a reply
Blasted Frustrating is what it is..uhhhhhhh
So even though I pay for using Homestead they still are in Control of what I can do...
When going to the Homestead Site I can not access my pages in the HTML way only in the visual way.
So looks like I am $%# OUT OF LUCK
I just don;t know what to do...maybe there is something I am overlooking but I haven't the slightest idea What!
How would YOU do it?
Canapril
Canapril
10-03-2002, 06:32 AM
Just had a second thought....
Could a Div be written up that I could add to my pages, then once they are published through the Homestead site , it would have to work, except I wouldn't know how to write one...???
Canapril
Canapril
10-03-2002, 07:03 AM
I'll be darned....I 've got it...
I took a copy of the html code that MCookie had in his post, went into my Editor and added it to a few pages with the html Snippet, then PUBLISHED it
and even though the page showed ok when I just viewed it from my Editor, I somehow still didn't trust that the pages would show up with no borders, if viewed when on line and just going to my site from the Internet., which I did,, and they are ok,
so now I have lots of templates to fix with the snippet.
My apologies to Homestead, and my grateful thanks to you MCookie and you too C Q for all the help
Thanks a big bunch
Canapril:rolleyes: :thumbsup:
vBulletin® v3.8.2, Copyright ©2000-2012, Jelsoft Enterprises Ltd.