Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    Regular Coder
    Join Date
    Oct 2003
    Location
    The wild blue yonder
    Posts
    283
    Thanks
    0
    Thanked 0 Times in 0 Posts

    IMG in a list - Gotta kill a bullet...

    Hi all,

    Probably easy, but I'm stumped...

    At this test page, I have now included a little horizontal image spacer image IN the list on the right. You'll notice that it has a bullet just like the text links do.

    I want the image right where it, preferably with no space above or below it between the "Resume" & "I Can Help" links. If I close the UL tag after Resume, then re-open it before I Can Help, the gap is too big. So I threw the image directly into the list!

    But I gotta kill the bullet.

    How?

    CSS FILE.

    Thanks!

    Chris

  • #2
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    I would try using the class you have given the spacer LI, and give it the attribute

    list-style-type : none; OR

    I would put the lists in the one div and split them as you tried. Then do as you have tried also, and put the spacer in between. Then play with the margins of the top and bottom of each of the lists to remove the excessive space you mentioned.

    Bazz.
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #3
    Regular Coder
    Join Date
    Oct 2003
    Location
    The wild blue yonder
    Posts
    283
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by bazz
    I would try using the class you have given the spacer LI, and give it the attribute

    list-style-type : none; OR

    I would put the lists in the one div and split them as you tried. Then do as you have tried also, and put the spacer in between. Then play with the margins of the top and bottom of each of the lists to remove the excessive space you mentioned.

    Bazz.
    Solution 1 didn't work unfortunately.

    I've executed solution2, but am having problems.

    I've gotten it in the general area of where I want it using more div's, etc...

    But there is entirely too much space on top. I've hacked the css with pads and margins for the last 10 minutes to no avail. Erf...

    How can I kill this flippin' dead space?

    Not to mention that it doesn't even show up in FF now.

    Chris

  • #4
    Master Coder
    Join Date
    Apr 2003
    Location
    in my house
    Posts
    5,211
    Thanks
    39
    Thanked 201 Times in 197 Posts
    Oops, sorry, that should have been

    list-style: none; It works in all my lists where I have removed the bullets.

    Saw another thing in FF. Do you know that on the page which you have posted as test page, that in FF, there are two paragraphs, each of which contains one hyperlink. When I mouseover the plain html, the link performs as if I hovered it and for the second one, the text after the link jumps about. Thought you'd want to look at that.

    Bazz
    "The day you stop learning is the day you become obsolete"! - my late Dad.

    Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
    Useful MySQL resource
    Useful MySQL link

  • #5
    Regular Coder
    Join Date
    Oct 2003
    Location
    The wild blue yonder
    Posts
    283
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Yeah, I tried that, too. No go. No worries, I'll figure something out, but it's a small issue.

    Thanks for the info.

    Chris


  •  

    Posting Permissions

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