Vertical align image in span

Discussion in 'CSS' started by jeremyhowell, Jan 24, 2011.

  1. #1
    I know I should be the last person asking for help with this but I just cant figure it out, how do I get the twitter and RSS buttons at the top to be vertically aligned with the text? Ive tried line height and all that but nothing seems to work.

    http://ads.tmadx.com/index.php
     
    jeremyhowell, Jan 24, 2011 IP
  2. c4ntaloop

    c4ntaloop Greenhorn

    Messages:
    14
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    13
    #2
    Hi jeremy. I'd like to help but I don't see any image on the link you give. Try "vertical-align:middle;" property within img, see if its working.
     
    c4ntaloop, Jan 24, 2011 IP
    jeremyhowell likes this.
  3. jeremyhowell

    jeremyhowell Member

    Messages:
    379
    Likes Received:
    7
    Best Answers:
    2
    Trophy Points:
    45
    #3
    At the very top the subscribe to twitter and rss links, the images in there should be aligned with the text.
     
    jeremyhowell, Jan 24, 2011 IP
  4. c4ntaloop

    c4ntaloop Greenhorn

    Messages:
    14
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    13
    #4
    This how it looks like on the browser httx://img843.imageshack.us/img843/3092/webdb.jpg [​IMG] . Anyway, does it work? vertical-align:middle;
     
    Last edited: Jan 24, 2011
    c4ntaloop, Jan 24, 2011 IP
  5. jeremyhowell

    jeremyhowell Member

    Messages:
    379
    Likes Received:
    7
    Best Answers:
    2
    Trophy Points:
    45
    #5
    Have tried vertical-align:middle already, that is not working hence this thread. Also, you shouldnt be seeing that, please refresh your page obviously the stylesheet is not loading.
     
    jeremyhowell, Jan 24, 2011 IP
  6. c4ntaloop

    c4ntaloop Greenhorn

    Messages:
    14
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    13
    #6
    It seems the website working well on IE but CSS fail to load on Firefox. I'm pretty sure vertical align will do the trick, just tried it working flawlessly for both browsers.
     
    c4ntaloop, Jan 24, 2011 IP
  7. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #7
    LOL, look around I'm sure you'll find your question/post is far more sensible than 100 other posts/ question.

    1. Use those icons as background image and position them. Take a look at my portfolio website's footer section "Follow Me" for a real time example (URL is at my signature)
    2. what is "all that" not worked ?
     
    radiant_luv, Jan 24, 2011 IP
  8. c4ntaloop

    c4ntaloop Greenhorn

    Messages:
    14
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    13
    #8
    If its background image, he will not be able to make the image as a link then?
     
    c4ntaloop, Jan 24, 2011 IP
  9. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #9
    Take a look at the example I suggested in the last post.
     
    radiant_luv, Jan 24, 2011 IP
  10. jeremyhowell

    jeremyhowell Member

    Messages:
    379
    Likes Received:
    7
    Best Answers:
    2
    Trophy Points:
    45
    #10
    Lol, thank you very much radiant_luv once again a stupidly simple solution I have overlooked. Much appreciated, Id give you rep but apparently I have to "spread some around" before giving it to you again. :)
     
    jeremyhowell, Jan 24, 2011 IP