ul list style image inline with text

Discussion in 'HTML & Website Design' started by alexdog1805, Jul 18, 2012.

  1. #1
    http://cybercontact.arad-webdesign.ro/

    • complete reports
    • email lists management
    • email template design
    hot to set inline the ul list style image with the text.

    as you see the image is few pixels above the text.
     
    alexdog1805, Jul 18, 2012 IP
  2. ken.sweet

    ken.sweet Active Member

    Messages:
    683
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    93
    #2
    Put background image, its always better

    li{
    background image: url();
    backround-repeat:no-repeat;
    background-position: 2px 3px;
    list-style-type:none;
    }

    Adjust the position.
     
    ken.sweet, Jul 18, 2012 IP
  3. ken.sweet

    ken.sweet Active Member

    Messages:
    683
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    93
    #3
    Any other fixes, let me know.
     
    ken.sweet, Jul 18, 2012 IP
  4. alexdog1805

    alexdog1805 Greenhorn

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #4
    why does image dissapears when try to adjust it to appear in from of the text?

    cybercontact.arad-webdesign.ro

    • complete reports
    • email lists management
    • email template design
     
    alexdog1805, Jul 19, 2012 IP
  5. vincaslt

    vincaslt Peon

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    You must set your ul and li elements attribute inline to true.
     
    vincaslt, Jul 19, 2012 IP
  6. alexdog1805

    alexdog1805 Greenhorn

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #6
    but i don't want ul li to show inline....
     
    alexdog1805, Jul 19, 2012 IP
  7. vincaslt

    vincaslt Peon

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Can you please then post what problems are you having more clearly. Tell me if I understand your problem correctly:

    You want your text:
    complete reports
    email lists management
    email template design

    to appear just below each of those images, right?
     
    vincaslt, Jul 19, 2012 IP
  8. vincaslt

    vincaslt Peon

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    Ah finally got it, you want your text to indent a little from your image in the list. Stupid me..
    Find your #content_content ul li line in css. Delete background-position property. Add padding-left: 20px;
     
    vincaslt, Jul 19, 2012 IP
  9. alexdog1805

    alexdog1805 Greenhorn

    Messages:
    32
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #9
    thanks you very much...
     
    alexdog1805, Jul 19, 2012 IP
  10. vincaslt

    vincaslt Peon

    Messages:
    41
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #10
    Glad I could help!
     
    vincaslt, Jul 19, 2012 IP