Thank you in advance.
Bryon K. Smith
Bryon Smith
Registered User
36 posts
With the CSS Menu Designer the drop down menu when clicked moves the entire page down by the length of the menu. My pages have tables at the top. How can I get the menu to drop down in front of the other things on the page and not make the page contents shift down?
Thank you in advance.
Thank you in advance.
Inger
Senior Advisor
14,649 posts
Let us take a look at the code. Give us the URL to your site.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Bryon Smith
Registered User
36 posts
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/menu-menu.css" media="screen"/>
<title>Acquire More New Clients Without Adding Staff</title>
<meta content="text/html; charset=unicode" http-equiv="Content-Type"/>
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)"/>
</head>
<h1 align="center">
<font color="#ffffff">Acquire More Clients</font> </h1>
<style type="text/css">
<!--
body {
color:#FF00E5;
background-color:#0C2950;
}
a { color:#66FF00; }
a:visited { color:#00FF1A; }
a:hover { color:#00FF1A; }
a:active { color:#FF00E5; }
-->
</style>
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/menu-menu.css" media="screen">
</head>
<body>
<div class="center">
<ul class="menu-menu">
<li class="first">
<a href="index.html">Home</a> <div align="center"></div></li>
<li>
<a href="services.html">Services</a> <div align="center"></div><ul>
<li class="first">
<a href="direct_marketing.html">Direct Marketing</a> <div align="center"></div></li>
<li>
<a href="marketing_strategy.html">Marketing Strategy</a> <div align="center"></div></li>
<li>
<a href="social_media.html">Social Media</a> <div align="center"></div></li>
<li>
<a href="website_development.html">Website Development</a> <div align="center"></div></li>
<li>
<a href="multi_channel_marketing.html">Multi-Channel Marketing</a> <div align="center"></div></li>
<li>
<a href="best_practices_review.html">Best Practices Review</a> <div align="center"></div></li>
</ul></li>
<li>
<a href="about_us.html">About Us</a> <div align="center"></div></li>
<li>
<a href="cont_us.html">Contact Us</a> <div align="center"></div></li>
</ul>
<br/>
<br/>
<br/>
<br/>
</div>
</body>
<table class="center">
<div class="centered">
<td></td>
<tr>
<td valign="texttop">
<div class="centered">
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>
<font color="#000000" size="2" face="Arial">
<div>
<table border="0" cellspacing="0" bordercolor="#f0f0f0" cellpadding="10" width="800" bgcolor="#ffffff">
<tr valign="middle">
<td valign="middle">
<font color="#000000" size="2" face="Arial">
<div>
<img hspace="1" vspace="1" align="bottom" src="images/Marketers_A.JPG" width="250" height="168"/>
<font size="2">
<b>With our economy it's risky to add marketing staff.</b> </font> Finding and hiring high-performing full-time marketers can be expensive. However, do you need a seasoned pro for a short-term assignment, perform a strategic review or ensure your existing marketers are using best practices?</font>
<td valign="top">
<font color="#000000" size="2" face="Arial">
<font size="2">
<b>We provide marketing to help clients acquire, retain, and grow profitable relationships.</b> </font> Client Marketing goals become ourt mission. We have accomplished professionals who can produce outstanding marketing for your business. What are your goals?</div>
</font>
</td>
<td valign="top">
<font color="#000000" size="2" face="Arial">
<img hspace="1" vspace="1" align="left" src="images/Chief Marketer Picture - Bryon K. Smith.jpg" width="212" height="300"/> </div>
</font>
</td>
</tr>
</tbody>
</table>
</div>
</table>
</div>
<div>
<br/>
</div>
</font> </b> </font>
</font>
</div>
</td>
</tr></div>
</tbody></table>
<table class="center" border="0" cellspacing="1" bordercolor="#ffffff" cellpadding="1" width="800" bgcolor="#ffffff">
<tbody>
<tr valign="top">
<td valign="top">
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>Direct Response Marketing</b> </font>
</font>
</div>
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b> </b> </font>
<img border="0" src="images/direct_mail_thumb.JPG" width="85" height="57"/>We plan, create and manage highly effective direct</font> </div>
<div>
<font color="#000000" size="2" face="Arial">marketing campaigns within budget.</font> </div>
<div>
<font color="#000000" size="2" face="Arial">
<br/>
</font>
</div>
<div>
<font color="#000000" size="2" face="Arial">
<br/>
</font>
</div>
<div>
<font color="#000000" size="2" face="Arial">
<br/>
</font>
</div>
<div>
<font color="#000000" size="2" face="Arial">
<br/>
</font>
</div>
</td>
<td valign="top" width="172">
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>Marketing Strategy</b> <img border="0" src="images/Thumb_Strategy_photo.jpg" width="84" height="60"/></font> Over 20 years</font> </div>
<div>
<font color="#000000" size="2" face="Arial">experience creating cutting-edge marketing strategies for premier companies.</font> </div>
<div>
<font color="#000000" size="2" face="Arial">
<br/>
</font>
</div>
<div>
<font color="#000000" size="2" face="Arial">
<br/>
</font>
</div>
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>
<br/>
</b>
</font>
</font>
</div>
</td>
<td valign="top">
<div align="left">
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>Social Media <br/></b>
</font>
<img border="0" src="images/thumb_social_photo.JPG" width="55" height="60"/>Our goal is to use social media to engage people so they <br/>buy our clients products <br/>and services.</font> </div>
</td>
<td valign="top">
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>Website Development</b> </font>
<img border="0" src="images/thumb_website_photo.JPG" width="85" height="57"/>We can</font> </div>
<div>
<font color="#000000" size="2" face="Arial">develop your online presence from scratch or redesign</font> </div>
<div>
<font color="#000000" size="2" face="Arial">your existing site.</font> </div>
</td>
</tr>
<tr valign="top">
<td valign="top">
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>Multi-Channel Marketing <br/></b>
</font>
</font>
</div>
<font color="#000000" size="2" face="Arial">
<img border="0" src="images/channel_photo_thumb.JPG" width="43" height="60"/> </font>
<div>
<font color="#000000" size="2" face="Arial">Experienced at </font> </div>
<div>
<font color="#000000" size="2" face="Arial">managing across channels to</font> </div>
<div>
<font color="#000000" size="2" face="Arial">ensure participants are working</font> </div>
<div>
<font color="#000000" size="2" face="Arial">in harmony.</font> </div>
</td>
<td valign="top" width="219">
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>Best Practices Review</b> </font>
<img border="0" src="images/practices_photo_thumb.JPG" width="85" height="57"/>Take advantage of <br/>our deep expertise to review your acquisition, retention and growth marketing to en sure you are using the best practices.</font> </div>
</td>
<td valign="top">
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>About Us <br/></b>
</font>
<img border="0" src="images/Team.JPG" width="60" height="60"/>We are seasoned experts from premier companies <br/>who can make your marketing sizzle in these changing times.</font> </div>
<div>
<font color="#000000" size="2" face="Arial">
<br/>
</font>
</div>
</td>
<td valign="left">
<div align="top" >
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>Contact Us</b> <br /></font>
<img border="0" src="images/phone_photo_thumb.JPG" width="85" height="56"/></font> </div>
</td>
</tr>
</tbody>
</table>
<div></div>
<div></div>
</body>
</html>
<head>
<link rel="stylesheet" type="text/css" href="css/menu-menu.css" media="screen"/>
<title>Acquire More New Clients Without Adding Staff</title>
<meta content="text/html; charset=unicode" http-equiv="Content-Type"/>
<meta name="generator" content="CoffeeCup HTML Editor (www.coffeecup.com)"/>
</head>
<h1 align="center">
<font color="#ffffff">Acquire More Clients</font> </h1>
<style type="text/css">
<!--
body {
color:#FF00E5;
background-color:#0C2950;
}
a { color:#66FF00; }
a:visited { color:#00FF1A; }
a:hover { color:#00FF1A; }
a:active { color:#FF00E5; }
-->
</style>
<!--[if IE]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/menu-menu.css" media="screen">
</head>
<body>
<div class="center">
<ul class="menu-menu">
<li class="first">
<a href="index.html">Home</a> <div align="center"></div></li>
<li>
<a href="services.html">Services</a> <div align="center"></div><ul>
<li class="first">
<a href="direct_marketing.html">Direct Marketing</a> <div align="center"></div></li>
<li>
<a href="marketing_strategy.html">Marketing Strategy</a> <div align="center"></div></li>
<li>
<a href="social_media.html">Social Media</a> <div align="center"></div></li>
<li>
<a href="website_development.html">Website Development</a> <div align="center"></div></li>
<li>
<a href="multi_channel_marketing.html">Multi-Channel Marketing</a> <div align="center"></div></li>
<li>
<a href="best_practices_review.html">Best Practices Review</a> <div align="center"></div></li>
</ul></li>
<li>
<a href="about_us.html">About Us</a> <div align="center"></div></li>
<li>
<a href="cont_us.html">Contact Us</a> <div align="center"></div></li>
</ul>
<br/>
<br/>
<br/>
<br/>
</div>
</body>
<table class="center">
<div class="centered">
<td></td>
<tr>
<td valign="texttop">
<div class="centered">
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>
<font color="#000000" size="2" face="Arial">
<div>
<table border="0" cellspacing="0" bordercolor="#f0f0f0" cellpadding="10" width="800" bgcolor="#ffffff">
<tr valign="middle">
<td valign="middle">
<font color="#000000" size="2" face="Arial">
<div>
<img hspace="1" vspace="1" align="bottom" src="images/Marketers_A.JPG" width="250" height="168"/>
<font size="2">
<b>With our economy it's risky to add marketing staff.</b> </font> Finding and hiring high-performing full-time marketers can be expensive. However, do you need a seasoned pro for a short-term assignment, perform a strategic review or ensure your existing marketers are using best practices?</font>
<td valign="top">
<font color="#000000" size="2" face="Arial">
<font size="2">
<b>We provide marketing to help clients acquire, retain, and grow profitable relationships.</b> </font> Client Marketing goals become ourt mission. We have accomplished professionals who can produce outstanding marketing for your business. What are your goals?</div>
</font>
</td>
<td valign="top">
<font color="#000000" size="2" face="Arial">
<img hspace="1" vspace="1" align="left" src="images/Chief Marketer Picture - Bryon K. Smith.jpg" width="212" height="300"/> </div>
</font>
</td>
</tr>
</tbody>
</table>
</div>
</table>
</div>
<div>
<br/>
</div>
</font> </b> </font>
</font>
</div>
</td>
</tr></div>
</tbody></table>
<table class="center" border="0" cellspacing="1" bordercolor="#ffffff" cellpadding="1" width="800" bgcolor="#ffffff">
<tbody>
<tr valign="top">
<td valign="top">
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>Direct Response Marketing</b> </font>
</font>
</div>
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b> </b> </font>
<img border="0" src="images/direct_mail_thumb.JPG" width="85" height="57"/>We plan, create and manage highly effective direct</font> </div>
<div>
<font color="#000000" size="2" face="Arial">marketing campaigns within budget.</font> </div>
<div>
<font color="#000000" size="2" face="Arial">
<br/>
</font>
</div>
<div>
<font color="#000000" size="2" face="Arial">
<br/>
</font>
</div>
<div>
<font color="#000000" size="2" face="Arial">
<br/>
</font>
</div>
<div>
<font color="#000000" size="2" face="Arial">
<br/>
</font>
</div>
</td>
<td valign="top" width="172">
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>Marketing Strategy</b> <img border="0" src="images/Thumb_Strategy_photo.jpg" width="84" height="60"/></font> Over 20 years</font> </div>
<div>
<font color="#000000" size="2" face="Arial">experience creating cutting-edge marketing strategies for premier companies.</font> </div>
<div>
<font color="#000000" size="2" face="Arial">
<br/>
</font>
</div>
<div>
<font color="#000000" size="2" face="Arial">
<br/>
</font>
</div>
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>
<br/>
</b>
</font>
</font>
</div>
</td>
<td valign="top">
<div align="left">
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>Social Media <br/></b>
</font>
<img border="0" src="images/thumb_social_photo.JPG" width="55" height="60"/>Our goal is to use social media to engage people so they <br/>buy our clients products <br/>and services.</font> </div>
</td>
<td valign="top">
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>Website Development</b> </font>
<img border="0" src="images/thumb_website_photo.JPG" width="85" height="57"/>We can</font> </div>
<div>
<font color="#000000" size="2" face="Arial">develop your online presence from scratch or redesign</font> </div>
<div>
<font color="#000000" size="2" face="Arial">your existing site.</font> </div>
</td>
</tr>
<tr valign="top">
<td valign="top">
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>Multi-Channel Marketing <br/></b>
</font>
</font>
</div>
<font color="#000000" size="2" face="Arial">
<img border="0" src="images/channel_photo_thumb.JPG" width="43" height="60"/> </font>
<div>
<font color="#000000" size="2" face="Arial">Experienced at </font> </div>
<div>
<font color="#000000" size="2" face="Arial">managing across channels to</font> </div>
<div>
<font color="#000000" size="2" face="Arial">ensure participants are working</font> </div>
<div>
<font color="#000000" size="2" face="Arial">in harmony.</font> </div>
</td>
<td valign="top" width="219">
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>Best Practices Review</b> </font>
<img border="0" src="images/practices_photo_thumb.JPG" width="85" height="57"/>Take advantage of <br/>our deep expertise to review your acquisition, retention and growth marketing to en sure you are using the best practices.</font> </div>
</td>
<td valign="top">
<div>
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>About Us <br/></b>
</font>
<img border="0" src="images/Team.JPG" width="60" height="60"/>We are seasoned experts from premier companies <br/>who can make your marketing sizzle in these changing times.</font> </div>
<div>
<font color="#000000" size="2" face="Arial">
<br/>
</font>
</div>
</td>
<td valign="left">
<div align="top" >
<font color="#000000" size="2" face="Arial">
<font size="3">
<b>Contact Us</b> <br /></font>
<img border="0" src="images/phone_photo_thumb.JPG" width="85" height="56"/></font> </div>
</td>
</tr>
</tbody>
</table>
<div></div>
<div></div>
</body>
</html>
Bryon K. Smith
Inger
Senior Advisor
14,649 posts
Hi, I need to see the css files too. I would like to know what properties you have added for the various classes you have defined.
In the html I noticed a stray </body> (line 62) and no doctype declaration. Which version of the html Editor are you using?
In the html I noticed a stray </body> (line 62) and no doctype declaration. Which version of the html Editor are you using?
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Bryon Smith
Registered User
36 posts
I have a lot of code clean-up to perform .I have corrected the doctype declaration issue. I have learned a lot and have much more to learn.
Attached is the css file. I didn't see anything in the menubuilder to address the issue of the menu moving the rest of the page down. However, I am sure it's another learning opportunity.
Bryon
Attached is the css file. I didn't see anything in the menubuilder to address the issue of the menu moving the rest of the page down. However, I am sure it's another learning opportunity.
Bryon
Bryon K. Smith
Eric Rohloff
Senior Advisor
20,271 posts
A link to a published page would be easier. That way we can see the code in action.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Inger
Senior Advisor
14,649 posts
Bryon, Eric is right, we need to see the published site. That is because the menu has some more css and js files connected to it.
I have experimented with your html and css coding, just thought I could find something obvious. What I see is just the top level of menus, not the dropdowns (because of those mentioned css and js files).
I made a web page in CC html Editor with a menu that I made here, plus your page (everything below the menu), and there is no problem with the contents moving down. The submenus just appear, covering some of the page contents below. That is the way it's supposed to be. We really need to SEE the problem you're having.
I have experimented with your html and css coding, just thought I could find something obvious. What I see is just the top level of menus, not the dropdowns (because of those mentioned css and js files).
I made a web page in CC html Editor with a menu that I made here, plus your page (everything below the menu), and there is no problem with the contents moving down. The submenus just appear, covering some of the page contents below. That is the way it's supposed to be. We really need to SEE the problem you're having.
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Bryon Smith
Registered User
36 posts
Thank you for taking a look at this. In addition to the menu pushing content down I cannot get it to center.
The site is www.acquirenewclients.com
Regards,
Bryon
The site is www.acquirenewclients.com
Regards,
Bryon
Bryon K. Smith
Inger
Senior Advisor
14,649 posts
Well, that just opens a blank page for me. Looking for the source code, nothing there either. I bet you must have forgotten something... 
Ha en riktig god dag!
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Inger, Norway
My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Eric Rohloff
Senior Advisor
20,271 posts
Same here.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
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.
