Want to protect your cyber security and still get fast solutions? Ask a secure question today.Go Premium

x
?
Solved

putting background image behind dropdown box

Posted on 2012-08-24
1
Medium Priority
?
354 Views
Last Modified: 2012-12-18
hi

I am trying to put a background image behind a dropdown box - what I am trying to achieve you can on the attached screen grab (arrow pointing to grey under dropdown).

the page in development is http://www.kostexperten.se/james/indexkoex.james.asp

what would be the css for this?

I have attached the asp file the code it relates to is

I have attached the master.css stylesheet and the whole page code it relates to is as follows

(the main bit of code it relates to is     <form action="">

        <fieldset>
        <select name="Brands" onchange='window.location.href=this.value;'>
          <option value="varumarken.asp">VARUM&Auml;RKEN</option> )

whole page code is

    <script>
      function showVerticalNavigation(passdata)
      {
            var currTabElem = document.getElementById(passdata);
            currTabElem.setAttribute("class", "prot");
            currTabElem.setAttribute("className", "prot");
      }


function showVerticalNavigation1(passdata)
      {
            var currTabElem = document.getElementById(passdata);
            currTabElem.setAttribute("class", "protNew");
            currTabElem.setAttribute("className", "protNew");

            showVerticalNavigation("protnav9");
      }
      function hideVerticalNavigation(passdata)
      {
      
            var currTabElem = document.getElementById(passdata);
            currTabElem.setAttribute("class", "");
            currTabElem.setAttribute("className", "");
            
      }
      
      function hideVerticalNavigation1(passdata)
      {
      
            var currTabElem = document.getElementById(passdata);
            currTabElem.setAttribute("class", "");
            currTabElem.setAttribute("className", "");

            hideVerticalNavigation("protnav9");
            
      }
  </script>

  <%
 
  On Error Resume next
  hidden="hidden"
  hidden2="hidden"
  If request("loginfail")=1 Then
  err_msg=" (Ogiltigt kombination!)"
  hidden="visible"
  End If
 
  If request("minsida")=1 Then
  hidden2="visible"
   hidden="visible"
  minsidaV="minsidaV"
  End if
 
  If Err.number <> 0 Then
  hidden="visible"
  minsidaV="minsidaV"
  End if

If request("submitnyhetbrev.x")      <> "" Then

If request("epost") <> "" Then
epost=fixinput(request("epost"))
quenewsletter="insert newsletterpertob(epost,src) values('"&epost&"','n')"
connection.execute (quenewsletter)
response.redirect "tack_nyhetsbrev.asp"
End if
End if
 
  %>
     
   <div id="mainWrap">
<div id="loginpopup" style="visibility:<%=hidden%>;">
<div class="logIn warnMess">
        <div class="close"><a href="#" onClick = "hideloginpopup();return false;"><img src="images/close2.png" alt="Close" /></a></div>

      <div id="minsida" style="visibility:<%=hidden2%>;">
      <h4>Min Sida</h4>
    <p class="red">- du m&aring;ste vara inloggad f&auml;r att se denna sida</p></div>
    <h3>Logga in<%=err_msg%></h3>
      
    <form name="popinform" action="updatemember_koex.asp" onsubmit="return loginpopForm(this);">
      
      <input type="hidden" name="src" value="auction">
      <input type="hidden" name="action" value="login">
      <input type="hidden" name="minsidaV" id="minsidaV" value="<%=minsidaV%>">
      <fieldset>
      <label id="loginusername">Anv&auml;ndarnamn</label>
      <input name="loginusername" type="text" class="textField" /> <small>(eller e-postadress)</small>
     </fieldset>
       <div class="clear"></div>
      <fieldset>

      <label id="loginpassword">L&ouml;senord</label>
      <input name="loginpassword" type="password" class="textField" />
      <input name="submit" type="image" src="images/assets/btnLoginBlk.png" alt="Skicka" class="submit" />
      </fieldset>
    </form>
    <div class="clear"></div>
      
    <p><a href="uppgifter.asp?src=auction">Gl&ouml;mt dina inloggningsuppgifter? Klicka h&auml;r</a></p>
    <div class="divLine">&nbsp;</div>
    <p><a href="betalsatt.asp?src=auction&action=ky">Registrera dig som kund! Klicka h&auml;r</a></p>
  </div>
  </div>
<div id="newslettersignup" style="visibility:hidden;">
    <div class="signUp">
        <div class="close"><a href="#" onClick = "hide();return false;"><img src="images/close2.png" alt="Close" /></a></div>
    <h3>Nyhetsbrev</h3>
    <p id="nyhe">Prenumerera p&aring; KOSTEXPERTENS nyhetsbrev!<br />
      Breven &auml;r laddade med specialerbjudanden, nyheter, rabattkoder,
      t&auml;vlingar mm.</p>
    <form name='feedbacknyhe' method='get' onsubmit='return checkAllnyhe();'>
      <fieldset>
      <label id="epost">E-post</label>
      <input name="epost" type="text" class="textField" value="<%=session("emailMember")%>"/>
      <br />
      <label id="epost2">Bekr&auml;fta E-post</label>
      <input name="epost2" type="text" class="textField" value="<%=session("emailMember")%>"/>
      <input name="submitnyhetbrev" type="image" src="images/assets/btnSubmit.png" alt="Skicka" class="submit" />
      </fieldset>
    </form>
      </div>
  </div>
    <div id="leftCol">
      <form action="sok.asp">
        <fieldset>
        <input name="search" type="text" class="textField" value="<%=Trim(Request.form("search"))%>"/>
        <input name="Search" type="image" src="./images/assets/btnSearch.png" alt="Sok" class="btnSearch" />
        </fieldset>
      </form>
    <div id="verticalnav" style="visibility:hidden;" onmouseover="this.style.visibility='visible';showVerticalNavigation('protnav');" onmouseout="this.style.visibility='hidden';hideVerticalNavigation('protnav');">
      <div id="navmenunupop" class="catnav1">
      <ul>
      <li><a href="produktkategorier.asp?kategorier_id=1&subkategorier_id=1"><span>Proteinblandningar</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=1&subkategorier_id=2"><span>Vassleprotein (whey)</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=1&subkategorier_id=3"><span>Kaseinprotein</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=1&subkategorier_id=4"><span>Sojaprotein</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=1&subkategorier_id=5"><span>&Auml;ggprotein</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=1&subkategorier_id=6"><span>Proteinbars</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=1&subkategorier_id=7"><span>Proteindrycker</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=1" class=last><span>Visa allt i kategorin</span></a></li>
      </ul>
      </div>
      </div>

       <div id="verticalnav1" style="visibility:hidden;"      onmouseover="this.style.visibility='visible';showVerticalNavigation('protnav1');" onmouseout="this.style.visibility='hidden';hideVerticalNavigation('protnav1');">
       <div id="navmenunupop" class="catnav2">
      <ul>
      <li><a href="produktkategorier.asp?kategorier_id=16&subkategorier_id=67"><span> Gainers (protein & kolhydratmix)</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=16&subkategorier_id=68"><span>M&aring;ltidsers&auml;ttare</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=16&subkategorier_id=69"><span>Aminosyror / BCAA</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=16&subkategorier_id=91"><span>Testosteronboost</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=16&subkategorier_id=92"><span>Bars</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=16&subkategorier_id=93"><span>Drycker</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=16" class=last><span>Visa allt i kategorin</span></a></li>
      </ul>
      </div>
      </div>

      <div id="verticalnav2" style="visibility:hidden;"      onmouseover="this.style.visibility='visible';showVerticalNavigation('protnav2');" onmouseout="this.style.visibility='hidden';hideVerticalNavigation('protnav2');">
       <div id="navmenunupop" class="catnav3">
      <ul>
      <li><a href="produktkategorier.asp?kategorier_id=18&subkategorier_id=95"><span> Protein</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=18&subkategorier_id=96"><span>Fettf&ouml;rbr&auml;nnare</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=18&subkategorier_id=97"><span>M&aring;ltidsers&auml;ttare</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=18&subkategorier_id=98"><span>Drycker</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=18&subkategorier_id=99"><span>Bars</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=18&subkategorier_id=100"><span>&Ouml;vrigt</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=18" class=last><span>Visa allt i kategorin</span></a></li>
      </ul>
      </div>
      </div>

<div id="verticalnav3" style="visibility:hidden;"      onmouseover="this.style.visibility='visible';showVerticalNavigation('protnav3');" onmouseout="this.style.visibility='hidden';hideVerticalNavigation('protnav3');">
       <div id="navmenunupop" class="catnav4">
      <ul>
      <li><a href="produktkategorier.asp?kategorier_id=14&subkategorier_id=53"><span> PWO & Pump</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=14&subkategorier_id=52"><span>Kreatin</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=14&subkategorier_id=54"><span>Kolhydratsenergi / Uth&aring;llighet</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=14&subkategorier_id=55"><span>Drycker</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=14&subkategorier_id=51"><span>Bars</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=14" class=last><span>Visa allt i kategorin</span></a></li>
      </ul>
      </div>
      </div>

      <div id="verticalnav4" style="visibility:hidden;"      onmouseover="this.style.visibility='visible';showVerticalNavigation('protnav4');" onmouseout="this.style.visibility='hidden';hideVerticalNavigation('protnav4');">
       <div id="navmenunupop" class="catnav5">
      <ul>
      <li><a href="produktkategorier.asp?kategorier_id=6&subkategorier_id=61"><span> Aminosyrekomplex</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=6&subkategorier_id=62"><span>BCAA</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=6&subkategorier_id=64"><span>EAA</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=6&subkategorier_id=63"><span>L-Glutamin</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=6&subkategorier_id=65"><span>L-Arginin</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=6" class=last><span>Visa allt i kategorin</span></a></li>
      </ul>
      </div>
      </div>

      <div id="verticalnav5" style="visibility:hidden;"      onmouseover="this.style.visibility='visible';showVerticalNavigation('protnav5');" onmouseout="this.style.visibility='hidden';hideVerticalNavigation('protnav5');">
       <div id="navmenunupop" class="catnav6">
      <ul>
      <li><a href="produktkategorier.asp?kategorier_id=19&subkategorier_id=101"><span> Omega-3</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=19&subkategorier_id=102"><span>CLA</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=19&subkategorier_id=103"><span>&Ouml;vrigt</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=19" class=last><span>Visa allt i kategorin</span></a></li>
      </ul>
      </div>
      </div>

      <div id="verticalnav6" style="visibility:hidden;"      onmouseover="this.style.visibility='visible';showVerticalNavigation('protnav6');" onmouseout="this.style.visibility='hidden';hideVerticalNavigation('protnav6');">
       <div id="navmenunupop" class="catnav7">
      <ul>
      <li><a href="produktkategorier.asp?kategorier_id=9&subkategorier_id=13"><span> Proteinbars (&aring;terh&auml;mtning & muskel&ouml;kning)</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=9&subkategorier_id=14"><span>Viktminskning</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=9&subkategorier_id=15"><span>Energi & prestation</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=9&subkategorier_id=12"><span>M&aring;ltidsers&auml;ttare</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=9" class=last><span>Visa alla bars</span></a></li>
      </ul>
      </div>
      </div>

      <div id="verticalnav7" style="visibility:hidden;"      onmouseover="this.style.visibility='visible';showVerticalNavigation('protnav7');" onmouseout="this.style.visibility='hidden';hideVerticalNavigation('protnav7');">
       <div id="navmenunupop" class="catnav8">
      <ul>
      <li><a href="produktkategorier.asp?kategorier_id=10&subkategorier_id=20"><span> Proteindrycker (&aring;terh&auml;mtning & muskel&ouml;kning)</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=10&subkategorier_id=21"><span>Diet</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=10&subkategorier_id=22"><span>Energi & prestation</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=10" class=last><span>Visa alla drycker</span></a></li>
      </ul>
      </div>
      </div>

      <div id="verticalnav8" style="visibility:hidden;"      onmouseover="this.style.visibility='visible';showVerticalNavigation('protnav8');" onmouseout="this.style.visibility='hidden';hideVerticalNavigation('protnav8');">
       <div id="navmenunupop" class="catnav9">
      <ul>
      <li><a href="produktkategorier.asp?kategorier_id=8&subkategorier_id=11"><span> Fettsyror</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=8&subkategorier_id=8"><span>Multivitaminer</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=8&subkategorier_id=9"><span>Vitaminer</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=8&subkategorier_id=10"><span>Mineraler</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=8&subkategorier_id=104"><span>Leder & ligament</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=8&subkategorier_id=105"><span>&Ouml;vrigt</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=8" class=last><span>Visa allt i kategorin</span></a></li>
      </ul>
      </div>
      </div>

      <div id="verticalnav13" style="visibility:hidden;"      onmouseover="this.style.visibility='visible';showVerticalNavigation('protnav13');" onmouseout="this.style.visibility='hidden';hideVerticalNavigation('protnav13');">
       <div id="navmenunupop" class="catnav14">
      <ul>
      <li><a href="produktkategorier.asp?kategorier_id=20"><span> Visa alla tillskott f&ouml;r tjejer</span></a></li>
      </ul>
      </div>
      </div>

      <div id="verticalnav9" style="visibility:hidden;"      onmouseover="this.style.visibility='visible';showVerticalNavigation('protnav9');" onmouseout="this.style.visibility='hidden';hideVerticalNavigation('protnav9');">
       <div id="navmenunupop" class="catnav10">
      <ul>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=29" id="protnav10" onmouseover="document.getElementById('verticalnav10').style.visibility='visible';" onmouseout="document.getElementById('verticalnav10').style.visibility='hidden';"><span>Herr&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=30" id="protnav11" onmouseover="document.getElementById('verticalnav11').style.visibility='visible';" onmouseout="document.getElementById('verticalnav11').style.visibility='hidden';"><span>Dam&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=73" id="protnav12" onmouseover="document.getElementById('verticalnav12').style.visibility='visible';" onmouseout="document.getElementById('verticalnav12').style.visibility='hidden';"><span>Tillbeh&ouml;r&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span></a></li>
      <!-- <li><a href="#"><span>Visa alla  Kl&auml;der &amp; Tillbeh&ouml;r</span></a></li> -->
      </ul>
      </div>
      </div>

      <div id="verticalnav10" style="visibility:hidden;"      onmouseover="this.style.visibility='visible';showVerticalNavigation1('protnav10');document.getElementById('verticalnav9').style.visibility='visible';" onmouseout="this.style.visibility='hidden';hideVerticalNavigation1('protnav10');document.getElementById('verticalnav9').style.visibility='hidden';">
       <div id="navmenunupop1" class="catnav11">
      <ul>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=29&subsubkategorier_id=31"><span> L&aring;ng&auml;rmat/Jackor</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=29&subsubkategorier_id=32"><span>Byxor / Shorts</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=29&subsubkategorier_id=33"><span>Linnen</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=29&subsubkategorier_id=34"><span>T-shirts</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=29" class=last><span>Visa allt i herr</span></a></li>
      </div>
      </div>

      <div id="verticalnav11" style="visibility:hidden;"      onmouseover="this.style.visibility='visible';showVerticalNavigation1('protnav11');document.getElementById('verticalnav9').style.visibility='visible';" onmouseout="this.style.visibility='hidden';hideVerticalNavigation1('protnav11');document.getElementById('verticalnav9').style.visibility='hidden';">
       <div id="navmenunupop1" class="catnav12">
      <ul>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=30&subsubkategorier_id=35"><span> L&aring;ng&auml;rmat/Jackor</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=30&subsubkategorier_id=36"><span>Byxor / Shorts</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=30&subsubkategorier_id=37"><span>Linnen</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=30&subsubkategorier_id=38"><span>T-shirts</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=30" class=last><span>Visa allt i dam</span></a></li>
      </ul>
      </div>
      </div>
      <div id="verticalnav12" style="visibility:hidden;"      onmouseover="this.style.visibility='visible';showVerticalNavigation1('protnav12');document.getElementById('verticalnav9').style.visibility='visible';" onmouseout="this.style.visibility='hidden';hideVerticalNavigation1('protnav12');document.getElementById('verticalnav9').style.visibility='hidden';">
       <div id="navmenunupop1" class="catnav13">
      <ul>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=73&subsubkategorier_id=74"><span> B&auml;lten</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=73&subsubkategorier_id=75"><span>Handskar</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=73&subsubkategorier_id=76"><span>Straps</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=73&subsubkategorier_id=77"><span>Shakers</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=73&subsubkategorier_id=78"><span>Vattenflaskor</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=73&subsubkategorier_id=79"><span>&Ouml;vriga tillbeh&ouml;r</span></a></li>
      <li><a href="produktkategorier.asp?kategorier_id=4&subkategorier_id=73" class=last><span>Visa alla tillbeh&ouml;r</span></a></li>
      </ul>
      </div>
      </div>

      <h3>Produktkategori</h3>

        
  <ul>
  <li><a href="produktkategorier.asp?kategorier_id=1"  id="protnav"  onmouseover="document.getElementById('verticalnav').style.visibility='visible';" onmouseout="document.getElementById('verticalnav').style.visibility='hidden';hideVerticalNavigation(this);"><span>Protein</span></a></li>
  <li><a href="produktkategorier.asp?kategorier_id=16" id="protnav1" onmouseover="document.getElementById('verticalnav1').style.visibility='visible';" onmouseout="document.getElementById('verticalnav1').style.visibility='hidden';"><span>&Aring;terh&auml;mtning &amp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>&nbsp;&nbsp;muskel&ouml;kning</span></a></li>
  <li><a href="produktkategorier.asp?kategorier_id=18" id="protnav2" onmouseover="document.getElementById('verticalnav2').style.visibility='visible';" onmouseout="document.getElementById('verticalnav2').style.visibility='hidden';"><span>Viktminskning</span></a></li>
  <li><a href="produktkategorier.asp?kategorier_id=14" id="protnav3" onmouseover="document.getElementById('verticalnav3').style.visibility='visible';" onmouseout="document.getElementById('verticalnav3').style.visibility='hidden';"><span>PWO &amp; Prestation</span></a></li>
  <li><a href="produktkategorier.asp?kategorier_id=6" id="protnav4" onmouseover="document.getElementById('verticalnav4').style.visibility='visible';" onmouseout="document.getElementById('verticalnav4').style.visibility='hidden';"><span>Aminosyror / BCAA</span></a></li>
  <li><a href="produktkategorier.asp?kategorier_id=19" id="protnav5" onmouseover="document.getElementById('verticalnav5').style.visibility='visible';" onmouseout="document.getElementById('verticalnav5').style.visibility='hidden';"><span>Fettsyror / Omega-3</span></a></li>
  <li><a href="produktkategorier.asp?kategorier_id=20" id="protnav13" onmouseover="document.getElementById('verticalnav13').style.visibility='visible';" onmouseout="document.getElementById('verticalnav13').style.visibility='hidden';"><span>Tillskott f&ouml;r tjejer</span></a></li>
  <li><a href="produktkategorier.asp?kategorier_id=9"  id="protnav6" onmouseover="document.getElementById('verticalnav6').style.visibility='visible';" onmouseout="document.getElementById('verticalnav6').style.visibility='hidden';"><span>Bars</span></a></li>
  <li><a href="produktkategorier.asp?kategorier_id=10"  id="protnav7" onmouseover="document.getElementById('verticalnav7').style.visibility='visible';" onmouseout="document.getElementById('verticalnav7').style.visibility='hidden';"><span>Drycker </span></a></li>
  <li><a href="produktkategorier.asp?kategorier_id=8"  id="protnav8" onmouseover="document.getElementById('verticalnav8').style.visibility='visible';" onmouseout="document.getElementById('verticalnav8').style.visibility='hidden';"><span>Vitaminer &amp; h&auml;lsa</span></a></li>
  <li><a href="produktkategorier.asp?kategorier_id=4"  id="protnav9" onmouseover="document.getElementById('verticalnav9').style.visibility='visible';" onmouseout="document.getElementById('verticalnav9').style.visibility='hidden';"><span>Kl&auml;der &amp; Tillbeh&ouml;r</span></a></li>    

      </ul>
      <form action="">

        <fieldset>
        <select name="Brands" onchange='window.location.href=this.value;'>
          <option value="varumarken.asp">VARUM&Auml;RKEN</option>

               <%
        kategorier_id= request.queryString("kategorier_id")
        subkategorier_id= request.queryString("subkategorier_id")      
        subsubkategorier_id= request.queryString("subsubkategorier_id")      
        If request.queryString("varumarken_id") <> "" Then varumarken_id= request.queryString("varumarken_id")

        
            If request.queryString("kategorier_id")<>""  Then
            If Not IsNumeric(request.queryString("kategorier_id")) then
            response.redirect "indexkoex.asp"
            response.end
            End If
            cookiecrumbcat=tell_category_name(request.queryString("kategorier_id"))
            End if

            If request.queryString("subkategorier_id")<>""  Then
            If Not IsNumeric(request.queryString("subkategorier_id")) then
            response.redirect "indexkoex.asp"
            response.end
            End If
            cookiecrumbsubcat=tell_subcategory_name(request.queryString("subkategorier_id"))
            End if



            If request.queryString("subsubkategorier_id")<>""  Then
            If Not IsNumeric(request.queryString("subsubkategorier_id")) then
            response.redirect "indexkoex.asp"
            response.end
            End If
            cookiecrumbsubsubcat=tell_subcategory_name(request.queryString("subsubkategorier_id"))
            End If

        sqlbrandListing="sp_showAllBrandsFooter"
        Set recordset = connection.execute(sqlbrandListing)

        Do While Not recordset.eof
        If varumarken_id=recordset("brand_id") Then
        varumarkenSelected="selected"
        cookiecrumbbrand=output_data(recordset("bname_eng"))
        End if
      If Not             recordset("brand_id")=6 Then
        response.write "<option value='varumarken.asp?varumarken_id="&recordset("brand_id")&"' "&varumarkenSelected&">"&output_data(recordset("bname_eng"))&"</option>"
      End if
            recordset.moveNext
            varumarkenSelected=""
        Loop
        
        %>
        </select>
        </fieldset>
      </form>
       
      <h3>Kundomd&ouml;men</h3>

        <%
      
            query = "sp_showHomePageComment"
      
      Set rs = connection.execute(query)
      If Not rs.eof Then
      name= output_data(rs("name"))
      city=output_data(rs("city"))
      comment=output_data(rs("comment"))
      End if
      rs.close
      Set rs = Nothing
%>

      <p class="top"><strong>(<%=name%>)</strong><br />
        <a href="kundomdomen.asp" ><%=comment%></a></p><br/>
      <h3>Topp 10</h3>
      <ul class="top10">
        <%
       SqlTop10="sp_showTop10Products"

      Set recordsettop10 = connection.execute(SqlTop10)
      If Not (recordsettop10.BOF and recordsettop10.EOF) Then
      Do While Not recordsettop10.eof

       %>

        <li><a href="produkt.asp?prod_id=<%=recordsettop10("prod_id")%>&varumarken_id=<%=recordsettop10("brand")%>"><span><%=output_data(recordsettop10 ("pname_fin"))%></span></a></li>

       
<%
recordsettop10.moveNext

Loop

End If
recordsettop10.close()
set recordsettop10 = nothing

%>

      </ul>
     
        <a href="/kundservice.asp?type=3"><img src="./images/logos/logo_delivery.png" alt="Vi skickar samma dag" class="linkBoxes" /></a>

      <div  class="linkBoxes2">
        <a href="https://www.uc.se/risksigill" title="Sigillet &auml;r utf&auml;rdat av UC AB. Klicka p&aring; bilden f&ouml;r information om UC:s Riskklasser." target="wwwucse"><img src="https://www.uc.se/ucsigill2/sigill?org=5567716120&language=swe&product=psa&fontcolor=w" style="border:0;padding-left:15px;"/></a>

 
        </div>
    </div>
topscreengrab.jpg
master.css
0
Comment
Question by:emmapap
1 Comment
 
LVL 5

Accepted Solution

by:
cokefour earned 2000 total points
ID: 38329912
Give your form or fieldset surrounding the dropdown box an id or set its class to something in your css that will have a grey background.
So for instance
fieldset .grey{background:#666; padding 3px;} and your html will have
<form action>
<fieldset class="grey">
<select name etc...>
</fieldset>
</form>
0

Featured Post

[Webinar] Database Backup and Recovery

Does your company store data on premises, off site, in the cloud, or a combination of these? If you answered “yes”, you need a data backup recovery plan that fits each and every platform. Watch now as as Percona teaches us how to build agile data backup recovery plan.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When it comes to security, close monitoring is a must. According to WhiteHat Security annual report, a substantial number of all web applications are vulnerable always. Monitis offers a new product - fully-featured Website security monitoring and pr…
Ready to get certified? Check out some courses that help you prepare for third-party exams.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.
Suggested Courses

564 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question