SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    cd /pub; more beer diacono's Avatar
    Join Date
    Dec 2000
    Location
    Horsham, West Sussex, UK
    Posts
    277
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    drop down menu form + css

    well i played aroud with css and the forms i i quite like it.
    i was able 2 make diferent backgrounds for each option but what i cant seem to do is get the first entry (top one) in bold. example

    is this possible?
    tia
    DIEGO MOORE

  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)
    did you use font-weight: bold ?
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein

  3. #3
    cd /pub; more beer diacono's Avatar
    Join Date
    Dec 2000
    Location
    Horsham, West Sussex, UK
    Posts
    277
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yes i did but i couldnt get it 2 work that way...
    DIEGO MOORE

  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)
    do you use an external style sheet?

    try specifying the styles in the <option>
    "Imagination is more important than knowledge. Knowledge is limited. Imagination encircles the world."
    -- Albert Einstein

  5. #5
    cd /pub; more beer diacono's Avatar
    Join Date
    Dec 2000
    Location
    Horsham, West Sussex, UK
    Posts
    277
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yes i'm using an external style sheet (does it make a diferecne??)

    i've got this on the css:
    Code:
    .input  { border: 1px solid #808080; font-family: verdana; font-size:11; color: #000000; background-color: #e0e0e0; }
    the form is:
    Code:
    <select class="input"  align="left" name="URLSelect" onchange="changePage(this.form)">
    <option value="" selected>.:Quick links
    <option style="background-color: #f0f0f0">.:Photos site
    <option>.:Colombia rocks
    <option style="background-color: #f0f0f0">.:Articles
    <option>.:Linux cuboid
    </select></form>
    and as u can see the background changes to #f0f0f0 but if i try "font-weight: bold" nothing happens...!

    is it possible?
    DIEGO MOORE

  6. #6
    The Hiding One lynlimz's Avatar
    Join Date
    Jul 2000
    Location
    Singapore
    Posts
    2,103
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    if you want individual styles for the <option>
    you have to specify different css styles/class.

    like .op1 {}

    <option class="op1">


    I haven't experimented much with this, but if its possible, it should be the ways i've related to you.
    "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
  •