CC HTML Editor and the CC Menu Editor...

User 512066 Photo


Registered User
10 posts

I've search the forums and tried the <div> and the <span> suggestions. The <span> suggested failed. The <div> suggestion didn't even come close to being understandable for me. No clarity on WHERE to insert these items and exactly how to write them.

I'm going nuts here. Why does this have to be so difficult?

I program in MS Access and ObjectPal (Paradox Borland Engine) but nothing I've ever come across eclipses the difficulty of HTML and CSS style sheets. (Don't get me started on CSS style sheets.)

All I'm attempting to do is make one page with a backgroung image, a bannner logo image and a menu at the top of the page.

I will use this as a master page to create (copy/paste ) the rest of the pages and add some simple flash frames and other pictures below those items at the top of the page.

There must be a SIMPLE non complex way to accomplish this. The devil is in the details but through all of my searching I see that the forums are not really busy and the details are slim.

I'm pleading here. I can't for the life of me make my menu stay intact.

Here is my code so far . . .

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<!-- Created with the CoffeeCup HTML Editor 2008 -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 12/2/2008 10:44:44 PM -->
<head>
<title>Rancho Santa Margarita Realty, Inc</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta name="generator" content="CoffeeCup HTML Editor 2008 - www.coffeecup.com">
<meta name="description" content="">
<meta name="keywords" content="">
<style type="text/css">
<!--
/* Custom Scrollbar Colors */
body{
scrollbar-base-color: #808080;
-->
</style>
</head>
<body bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ffffff" background="xSiteBackGround.jpg">
<img style="Z-INDEX: 100; LEFT: 150px; POSITION: absolute; TOP: 15px" height="136" alt="" src="RSMLogoHeader.jpg" width="900" border="0">
<script type="text/javascript" src="RSMRealtyIncMenu.js"></script>
<img style="Z-INDEX: 101; LEFT: 150px; POSITION: absolute; TOP: 202px" height="604" alt="" src="LAKE_RSM.jpg" width="900" border="1">

</body>
</html>

Any assistance would be greatly appreciated.

Whew!

Thanks . . . Rick
Rick Schreiber
Properties With Style, Inc.
User 122279 Photo


Senior Advisor
14,461 posts

I understand that this is about the DHTML menu (there is also a flash menu builder from CC). If you have uploaded your site, could we please have a link, so that we can see what is - or isn't - happening?

Your other post 'CC HTML and CC Menu Bilder Problems' is that also about the same issue?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 512066 Photo


Registered User
10 posts

Thank you very much for your reply.

I do not have my hosting site yet. I may go with HostMonster.com but haven't decided.

My current site was not an FTP site and made things very cumbersome as no .js files could be uploaded, only image or flash files.

What would you like me to do next?

Thanks much.

Rick
Rick Schreiber
Properties With Style, Inc.
User 463058 Photo


Ambassador
1,073 posts

Since you don't have a test page up, I couldn't check if this actually solves the problem, but give it a try (keeping a copy of your original code for a backup).

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Rancho Santa Margarita Realty, Inc</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style type="text/css">
body {
scrollbar-base-color: #808080; /* Custom Scrollbar Colors - IE only */
background:#FFFFFF url(xSiteBackGround.jpg) center top;
color:#000000;
text-align:center;
}
#wrapper {
width:900px;
margin:15px auto;
text-align:left;
}
</style>
</head>
<body link="#0000ff" vlink="#800080" alink="#ffffff">
<div id="wrapper">
<img style="display:block;border:none;" height="136" alt="" src="RSMLogoHeader.jpg" width="900">
<div style="height:51px;"><script type="text/javascript" src="RSMRealtyIncMenu.js"></script></div>
<img style="display:block;border:none;" height="604" alt="" src="LAKE_RSM.jpg" width="900">
</div><!-- end of #wrapper -->
</body>
</html>
User 463058 Photo


Ambassador
1,073 posts

If the menu continues to shift around you can try changing this...

<div style="height:51px;">

to this...

<div style="height:51px; position:relative;">

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.