SCCP Menu dropdown is under my...
In the pages section i inserted some HTML and now the dropdown menu falls behind the text and images.
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
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
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="mailto:sales@lpbin.com" onclick="return(xr_nn());" onmousemove="xr_mo(this,0)" >sales@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>
<!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="mailto:sales@lpbin.com" onclick="return(xr_nn());" onmousemove="xr_mo(this,0)" >sales@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>
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.
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;
}
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
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
Eric, The code i posted was what i inserted on the page, in SCCP.
Where would i put your code?
Where would i put your code?
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>
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
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
This worked great! Note: I made all the buttons open in the same window (top) or they will open in the iframe.
Thanks!
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.