0
Welcome Guest! Login
0 items Join Now

How do I place the Suckerfish menu links above every other div?

  • How do I place the Suckerfish menu links above every other div?

    Posted 17 years 11 months ago
    • Hi,

      I've placed a transparent div above the suckerfish menu (see the 45 grade border in the attachment) and give it a z-index value of 100. The link "Arkiv" isn't clickable anymore so I've been trying to give the links in Suckerfish a z-index of 200, without luck. Would be grateful for some help how to get the sucherfish menu links above everything else. Please help me with which css class to modify in sucherfish.css and how.

      Also, is there a fix for Sucherfish in Explorer 6? Sublinks doesn't work at all..
  • Re: How do I place the Suckerfish menu links above every other div?

    Posted 17 years 11 months ago
    • Anyone please?
    • GollumX's Avatar
    • GollumX
    • Elite Rocketeer
    • Posts: 2817
    • Thanks: 0

    Re: How do I place the Suckerfish menu links above every other div?

    Posted 17 years 11 months ago
    • I'm curious, what template are you using Fredrik?

      Since you want the Div to go under the menu, why don't you just put it in your background?
    • Say no to Internet Explorer 6.
      twitter.com/mark_up
  • Re: How do I place the Suckerfish menu links above every other div?

    Posted 17 years 11 months ago
    • I'm using a modifyed Versatility II. I'm not taht used to css.. so maybe I've done wrong;

      In index.php

      <?php
      echo '<div id="erbjudande"></div>';
      ?>
  • Re: How do I place the Suckerfish menu links above every other div?

    Posted 17 years 11 months ago
    • Never works with adding code in forums using Safari.. here's the code in the css file;

      #erbjudande {
      position: absolute;
      top: 29px;
      right: 3px;
      height: 153px;
      width: 153px;
      z-index: 100;
      background: url(../images/45_nya_svuf.png) no-repeat;
      }
    • GollumX's Avatar
    • GollumX
    • Elite Rocketeer
    • Posts: 2817
    • Thanks: 0

    Re: How do I place the Suckerfish menu links above every other div?

    Posted 17 years 11 months ago
    • what i'm suggesting is that you export it as part of the white background it sits on, whatever that may be.
    • Say no to Internet Explorer 6.
      twitter.com/mark_up
  • Re: How do I place the Suckerfish menu links above every other div?

    Posted 17 years 11 months ago
    • How could it then be above the yellow suckerfish border but below the suckerfish text links?
    • GollumX's Avatar
    • GollumX
    • Elite Rocketeer
    • Posts: 2817
    • Thanks: 0

    Re: How do I place the Suckerfish menu links above every other div?

    Posted 17 years 11 months ago
    • make your make the 'nav' div end at the last link. That extra bit on the end can be part of the background.

      I'm not certain but i think the yellow background of the suckerfish is actually the background of the link ('a'), so whatever you change the z-index value of the link to, you are changing the background z-index to as well.
    • Say no to Internet Explorer 6.
      twitter.com/mark_up
  • Re: How do I place the Suckerfish menu links above every other div?

    Posted 17 years 11 months ago
    • I think the z-index of the suckerfish links and the suckerfish background are separated. If I set the picture to z-index 100 and the suckerfish links to 200 it doesnt work anyway, as I described in the first post. I think I got it working one time but I can't remember how.

      I want it to look exactly like the attached images above but I need the link "Arkiv" (obviously under the alpha transparent PNG image right now) to be clickable.
    • Last Edit: 17 years 11 months ago by Fredrik Rödin.
  • Re: How do I place the Suckerfish menu links above every other div?

    Posted 17 years 11 months ago
    • do you have a url I can look at?

      I think Gollumx has it right, where the <a> index is the one you want to change.

      Alternately change the images in that area.
    • www.ninjoomla.com - The Ninjoomla Open Source Extension Club
      Over 50 open source extensions and 100 videos to you build the site you want.

Time to create page: 0.071 seconds