SCCP Menu dropdown is under my...

User 455275 Photo


Registered User
5 posts

In the pages section i inserted some HTML and now the dropdown menu falls behind the text and images.
User 187934 Photo


Senior Advisor
20,271 posts

Depending on what the html is determines what the proper course of action will be.:)
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
User 455275 Photo


Registered User
5 posts

Nothing fancy, text and some images with links.... www.robogearcable.com


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="XAR Files" content="index_htm_files/xr_files.txt"/>
<title>index</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"/>
<meta name="Generator" content="Xara HTML filter v.5.0.1.975"/>
<link rel="stylesheet" type="text/css" href="index_htm_files/xr_main.css"/>
<link rel="stylesheet" type="text/css" href="index_htm_files/xr_text.css"/>
<link rel="stylesheet" type="text/css" href="index_htm_files/custom_styles.css"/>
<script type="text/javascript" src="index_htm_files/roe.js"></script>
</head>
<body style="background-color: #EFEFEF">
<div class="xr_ap" id="xr_xr" style="width: 955px; height: 1000px; top:0px; left:50%; margin-left: -478px;">
<script type="text/javascript">var xr_xr=document.getElementById("xr_xr")</script>
<div class="xr_ap" id="xr_xri" style="width: 955px; height: 1000px;">
<div class="Normal_text" style="position: absolute; left:868px; top:81px;font-size:12px;color:#666666;">
<span class="xr_tl Normal_text" style="top: -11px;font-size:12px;color:#666666;">1032 </span>
</div>
<div class="Normal_text" style="position: absolute; left:1000px; top:220px;font-size:14px;color:#FFFFFF;">
</div>
<div class="Normal_text" style="position: absolute; left:1028px; top:145px;font-family:'Arial';font-size:16px;font-weight:bold;color:#666666;">
<span class="xr_tc Normal_text" style="left: -287px; top: -14px; width: 579px;font-family:'Arial';font-size:16px;font-weight:bold;color:#666666;">Hosa Tracklink USQ-110 Guitar to USB1/4" to USB Type A, 10 ft </span>
</div>
<div class="Normal_text" style="position: absolute; left:-297px; top:-90px;font-size:14px;color:#FFFFFF;">
</div>
<img class="xr_ap" src="index_htm_files/65.png" alt="" title="" style="left: 297px; top: 12px; width: 446px; height: 422px;"/>
<img class="xr_ap" src="index_htm_files/54.png" alt="" title="" style="left: 314px; top: 24px; width: 412px; height: 29px;"/>
<img class="xr_ap" src="index_htm_files/55.png" alt="" title="" style="left: 297px; top: 490px; width: 446px; height: 132px;"/>
<img class="xr_ap" src="index_htm_files/56.png" alt="" title="" style="left: 314px; top: 499px; width: 412px; height: 79px;"/>
<img class="xr_ap" src="index_htm_files/57.png" alt="AtomNation, Inc 1032 N. Crooks Rd. Suite E Clawson, MI 48017" title="" style="left: 412px; top: 508px; width: 227px; height: 74px;"/>
<div class="xr_s0" style="position: absolute; left:520px; top:604px;">
<span class="xr_tc xr_s0" style="left: -78px; top: -15px; width: 156px;"><a href="&#109;&#97;&#105;&#108;&#116;&#111;&#58;&#115;&#97;&#108;&#101;&#115;&#64;&#108;&#112;&#98;&#105;&#110;&#46;&#99;&#111;&#109;" onclick="return(xr_nn());" onmousemove="xr_mo(this,0)" >sales&#64;lpbin.com</a></span>
</div>
<img class="xr_ap" src="index_htm_files/58.png" alt="" title="" style="left: 297px; top: 634px; width: 446px; height: 242px;"/>
<img class="xr_ap" src="index_htm_files/59.png" alt="" title="" style="left: 314px; top: 666px; width: 412px; height: 91px;"/>
<div class="xr_s1" style="position: absolute; left:521px; top:689px;">
<span class="xr_tc xr_s1" style="left: -80px; top: -15px; width: 161px;">Impact Logistics</span>
<span class="xr_tc xr_s0" style="left: -126px; top: 4px; width: 252px;">2754 James Snow Parkway</span>
<span class="xr_tc xr_s0" style="left: -48px; top: 23px; width: 96px;">Milton, ON</span>
<span class="xr_tc xr_s0" style="left: -38px; top: 42px; width: 77px;">L9T 6P3</span>
<span class="xr_tc xr_s0" style="left: -107px; top: 80px; width: 213px;">HOURS: M-F 9am-5pm</span>
<span class="xr_tc xr_s2" style="left: -150px; top: 118px; width: 301px;">Purchase on-line before picking up.</span>
<span class="xr_tc xr_s2" style="left: -162px; top: 136px; width: 324px;">Pickup is only available for the LPBIN.</span>
<span class="xr_tc xr_s2" style="left: -189px; top: 155px; width: 379px;">All other items will be shipped from the USA.</span>
</div>
<div class="xr_s0" style="position: absolute; left:520px; top:659px;">
<span class="xr_tc xr_s0" style="left: -111px; top: -15px; width: 221px;">Canada Pickup Location</span>
</div>
<img class="xr_ap" src="index_htm_files/67.png" alt="" title="" style="left: 309px; top: 62px; width: 421px; height: 355px;"/>
<div style="position: absolute; left: 319px; top: 71px; width: 401px; height: 302px;">
<script type="text/javascript" src="http://form.jotformpro.com/jsform/22207235396957"></script>
</div>
<div class="xr_s3" style="position: absolute; left:520px; top:45px;">
<span class="xr_tc xr_s3" style="left: -236px; top: -16px; width: 472px;">Send us your RoboGear Comments or Questions</span>
</div>
<div id="xr_xo0" class="xr_ap" style="left:0; top:0; width:955px; height:100px; visibility:hidden;">
<a href="" onclick="return(false);">
</a>
</div>
<div id="xr_xd0"></div>
</div>
</div>
<!--[if lt IE 7]><script type="text/javascript" src="index_htm_files/png.js"></script><![endif]-->
<script type="text/javascript">xr_aeh()</script>
</body>
</html>
User 187934 Photo


Senior Advisor
20,271 posts

Hi John,
Looks like you could add some absolute positioning to the menu so you could apply a z-index.
Give this a try. You'll need to tweak a few things after you apply this to get your search box where it was.

#scs_navbar {
background-color: #CCCCCC;
background-image: none;
background-position: center center;
background-repeat: repeat-x;
border-color: #000000;
border-style: hidden;
border-width: 0;
padding: 2px;
position: absolute;
z-index: 1000;
}
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
User 455275 Photo


Registered User
5 posts

Eric, The code i posted was what i inserted on the page, in SCCP.

Where would i put your code?
User 187934 Photo


Senior Advisor
20,271 posts

I want you to try something else since it's your shop.
Take the html that you placed in your page and make a separate html page. Now save that and ftp it to your server.
Now code an iframe instead into your shops page then adjust the code to point to your html page.

<iframe id="myiframe" src="myshopscode.html" width="970" height="850" scrolling="no" frameborder="0">
</iframe>
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
User 455275 Photo


Registered User
5 posts

This worked great! Note: I made all the buttons open in the same window (top) or they will open in the iframe.

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.