I am totally new to site building/html and I could use some help Please!
I created a page using cc html editor - it works in preview & the test in browser function within cc but something is causing the images & background colors to not show up on the live site. I thought I would be able to do a simple copy and paste of the code in my host file mgr. Am I wrong to assume that should work?
I will provide a link the page and the code below. I would appreciate someone who is proficient in code explain what needs to be changed and how to do so. I have been trying to set this up as a christmas gift to my MIL. I would be so grateful for your help.
The other pages are a mess on the live site. I have been using sitebuilder to create the site but you can't edit much in that program and the html editor in my cpanel thru my host is proving impossible. FYI - I do not have anything like dreamweaver, etc - just trying the free cc html program.
Thanks in advance and Happy Holidays!!
link - http://www.gabeez.com/page4.html
pg4 is the only pg I designed w/ ccup.
code -
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>test</title>
<meta name="generator" content="CoffeeCup HTML Editor 2007 - www.coffeecup.com">
<meta name="description" content="">
<meta name="keywords" content="">
<style type="text/css">
<!--
/* Don't underline links */
a:link {text-decoration: none;}
a:visited {text-decoration: none;}
/* Custom Scrollbar Colors */
body{
scrollbar-arrow-color: #000000;
scrollbar-3dlight-color: #CCFFCC;
scrollbar-highlight-color: #99CC00;
scrollbar-face-color: #CCFFCC;
scrollbar-shadow-color: #99CC00;
scrollbar-darkshadow-color: #CCFFCC;
scrollbar-track-color: #CCFFCC;
}
-->
</style>
</head>
<body bgcolor="#ffffff" text="#000000" link="#000080" vlink="#ffffff" alink="#ff0000" background="greenheader_bg.gif">
<p align="center"><img style="Z-INDEX: 100; LEFT: 181px; POSITION: absolute; TOP: 6px" height="200" alt="" src="yellowheader.jpg" width="978" border="0"></p>Â
<div style="Z-INDEX: 100; LEFT: 50px; POSITION: absolute; TOP: 49px"><font face="Segoe Print" size="5"><a href="http://www.gabeez.com/">
Gabee'z</a></font></div>
<div style="Z-INDEX: 100; LEFT: 39px; POSITION: absolute; TOP: 88px"><font face="Segoe Script">Revival Style</font></div>
<p id="">Â </p>
<div style="Z-INDEX: 100; LEFT: 209px; POSITION: absolute; TOP: 292px"><font size="+1">Welcome</font>
<font size="+1">to Gabee'z.</font></div>
<p id="">Â </p>
<div style="Z-INDEX: 100; LEFT: 210px; WIDTH: 735px; POSITION: absolute; TOP: 312px; HEIGHT: 113px"><em><br>The</em>
site for Revival Style. My name is Charlotte and I am the owner of Gabee'z. I make the conventional <i>fabulous</i>.<br>I love finding the
would-be treasures and creating something you never expected. After all, isn't
that what life is all about?<br><br>The unexpected.<br><br>I hope you enjoy the
site!<br><br><br><br></div>
<p id=""><br><br><br><br></p>
<hr>
<p id=""></p>
<div style="Z-INDEX: 100; LEFT: 682px; POSITION: absolute; TOP: 220px"><u><font face="Georgia"><strong>Welcome</strong></font></u></div>
<p id=""></p>
<div style="Z-INDEX: 100; LEFT: 770px; WIDTH: 66px; POSITION: absolute; TOP: 220px; HEIGHT: 19px"><u><font face="Georgia"><strong>Services</strong></font></u></div>
<p id=""><strong><u><font face="Georgia">Â </p>
<div style="Z-INDEX: 100; LEFT: 962px; WIDTH: 77px; POSITION: absolute; TOP: 220px; HEIGHT: 27px">Contact
</div>
<p id=""></font></u></strong>Â </p>
<div style="Z-INDEX: 100; LEFT: 847px; POSITION: absolute; TOP: 220px"><u><font face="Georgia"><strong>Photogallery</strong></font></u></div>
<p id=""><br><br><br><br><br><br>Â </p>
</body>
</html>
Please help
kristimwright
Trial User
14 posts
kristimwright
Trial User
14 posts
I just noticed in my post the tiny square images in the paste I did of the code - those are not in the ccup file nor do I see them in the file found in my file mgr.
sstovert@satx.rr.com
Guest
5,410 posts
The image yellowheader.jpg is not in the same folder as your web page, page4.html. But your img tag is telling the browseer it is. So it's a path problem.
The image, yellowheader.jpg, is in the /images directory. so change the path of your file to look like this.
<img style="Z-INDEX: 100; LEFT: 181px; POSITION: absolute; TOP: 6px" height="200" alt="" src="images/yellowheader.jpg" width="978" border="0">
This works.
http://www.gabeez.com/images/yellowheader.jpg
This doesn't work.
http://www.gabeez.com/yellowheader.jpg
I can't find this image at all and it's the background image for that page, background="greenheader_bg.gif.
The image, yellowheader.jpg, is in the /images directory. so change the path of your file to look like this.
<img style="Z-INDEX: 100; LEFT: 181px; POSITION: absolute; TOP: 6px" height="200" alt="" src="images/yellowheader.jpg" width="978" border="0">
This works.
http://www.gabeez.com/images/yellowheader.jpg
This doesn't work.
http://www.gabeez.com/yellowheader.jpg
I can't find this image at all and it's the background image for that page, background="greenheader_bg.gif.
CoffeeCup... Yeah, they are the best!
kristimwright
Trial User
14 posts
Tom - Thank you!!!
Ok, so I got the image (yellow) to work and I uploaded the greenheader in my image file. What exactly should that code part look like?
And I noticed that to the left of wear the banner is (live site) next to the now found yellow image you helped me fix
thank you
I had the biz name Gabee'z that should be seen and it should also be a link back to home page.
Maybe it will show up once the green background is seen - the lettering is white if I remember correctly. Oh you are such a lifesaver!!!
Thank you.
Ok, so I got the image (yellow) to work and I uploaded the greenheader in my image file. What exactly should that code part look like?
And I noticed that to the left of wear the banner is (live site) next to the now found yellow image you helped me fix
thank you I had the biz name Gabee'z that should be seen and it should also be a link back to home page.
Maybe it will show up once the green background is seen - the lettering is white if I remember correctly. Oh you are such a lifesaver!!!
Thank you.
kristimwright
Trial User
14 posts
tom-
took a guess off your lead and got the bkgrd to show - you can see it now.
I'm so happy!!
Thank you 1000 times over.
Merry Christmas.
took a guess off your lead and got the bkgrd to show - you can see it now.
I'm so happy!!
Thank you 1000 times over.
Merry Christmas.
sstovert@satx.rr.com
Guest
5,410 posts
You're welcome.
Same problem. Your image is here.
http://www.gabeez.com/images/greenheader_bg.gif
so add the /images to the img tag like so.
<body bgcolor="#ffffff" text="#000000" link="#000080" vlink="#ffffff" alink="#ff0000" background="images/greenheader_bg.gif">
Same problem. Your image is here.
http://www.gabeez.com/images/greenheader_bg.gif
so add the /images to the img tag like so.
<body bgcolor="#ffffff" text="#000000" link="#000080" vlink="#ffffff" alink="#ff0000" background="images/greenheader_bg.gif">
CoffeeCup... Yeah, they are the best!
sstovert@satx.rr.com
Guest
5,410 posts
I see you found the problem while I was typing. Good for you.
Merry Christmas.
EDIT: Also, I am on a 17 inch monitor with a 1024X768 screen resolution. This creates a horizontal scrollbar. I can see helf of the little guy in the shield or coin.
Merry Christmas.
EDIT: Also, I am on a 17 inch monitor with a 1024X768 screen resolution. This creates a horizontal scrollbar. I can see helf of the little guy in the shield or coin.
CoffeeCup... Yeah, they are the best!
kristimwright
Trial User
14 posts
Hmm - strange about the image missing on the coin. I have a 14" monitor I think. Shouldn't you be able to see it since your monitor is bigger - would not the site just appear smaller?
And one more question - what is the difference in those two image codes where one (the yellow) has src before the image name and the green does not?
And one more question - what is the difference in those two image codes where one (the yellow) has src before the image name and the green does not?
sstovert@satx.rr.com
Guest
5,410 posts
Sorry to confuse you. I do see the image of the coin. I was just making you aware that your page scrolls horizontally. Some people don’t realize that individual screen resolution effects this and have no idea that users scroll when on their monitor, they don’t.
Anyway, back on topic.
The difference between the two image codes is that one is in the <body> tag and one is in a <img> tag. That’s just the way they work.
Anyway, back on topic.
The difference between the two image codes is that one is in the <body> tag and one is in a <img> tag. That’s just the way they work.
CoffeeCup... Yeah, they are the best!
kristimwright
Trial User
14 posts
Tom,
I've almost got everything up the way I would like. I've come a long way since this morning. There is one glitch though with the contact page.
http://www.gabeez.com/contact.html
You will see that the <hr> line isn't where it should be and my prompts for moving to other pages are not where they should be either. You can click on the word gabeez to see the layout I'm looking for.
I've tried using visual editor and I can't highlight the divider line to move it and adjusting in code hasn't worked either.
When you have time, please take a look and let me know how to fix it.
Thanks.
I've almost got everything up the way I would like. I've come a long way since this morning. There is one glitch though with the contact page.
http://www.gabeez.com/contact.html
You will see that the <hr> line isn't where it should be and my prompts for moving to other pages are not where they should be either. You can click on the word gabeez to see the layout I'm looking for.
I've tried using visual editor and I can't highlight the divider line to move it and adjusting in code hasn't worked either.
When you have time, please take a look and let me know how to fix it.
Thanks.
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.
