SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Member
    Join Date
    Jan 2001
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I have CSS on my site calling for all links to be a certain color and decoration, etc. However, in NS6, when using a standard drop-down menu, those decorations appear in the drop down menu until the mouse is moved over it. Then if the menu is deselected and selected gain, it happens again. I've tried specifying no text-decoration in around the entire form feld, in the select tags, and even within the option tags. Nothing seems to help, and yet on other sites this doesn't happen, and I can't see any difference in the coding. This also happens when clicking on buttons (for submitting forms, etc.) Thanks in advance for any help anyone can offer.

    -Colin Anderson
    "There are two ways to write error-free code. Only the third one works."

  2. #2
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hmm..oie. First, the drop-down menu.
    Are you implying to the form-based one, or dhtml?

    As always, the code is importnat..mind showing us?
    thanks
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein

  3. #3
    SitePoint Member
    Join Date
    Jan 2001
    Posts
    10
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Sure. It is formbased.

    <form name="jumpbox">

    <select name="jump_box" size="1" onChange="gone()">
    <option>Please select/option>
    <option value="tutorials.php?id=2&nm=1.0">Introduction</option>
    <option value="tutorials.php?id=2&nm=1.1">Lesson #1</option>
    <option value="tutorials.php?id=2&nm=1.2">Lesson #2</option>
    <option value="tutorials.php?id=2&nm=1.3">Lesson #3</option>
    <option value="tutorials.php?id=2&nm=1.4">Lesson #4</option>
    </select>

    <script language="javascript">
    <!--

    function gone()
    {
    location=document.jumpbox.jump_box.options[document.jumpbox.jump_box.selectedIndex].value
    }

    //-->
    </script>

    </form>

    I basically use that. Now, the style sheet is specified to make all links to turn a gold color onmouseover, and that's what happens in drop down menus as well as the buttons in NS6. Thanks for your help!

    -Colin

  4. #4
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okay. Here's what you do.

    Add this code to your style sheet.

    select { background-color: #1A203C; }

    change the background-color to that of a gold.

    Now, you can also add other elements like fontis-ze, font-family and more.
    However, anymore complex will work in IE and Netscpae 6/Mozilla only.
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •