SitePoint Sponsor

User Tag List

Results 1 to 10 of 10
  1. #1
    SitePoint Addict aliqayyum's Avatar
    Join Date
    Oct 2009
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    how i can allign the socail media buttons?

    hi friends
    i need your help!
    i ve placed a digg digg manual buttons for posts... but those are not aligning !
    kindly help me, i am also attaching the screenshots for understanding

    30 Extremely Majestic Waterfall Photographs Around The World



    this is a code of buttons
    <?php dd_digg_generate('Compact') ?> <?php dd_tweetmeme_generate('Compact','smashinghub') ?> <?php dd_fbshareme_generate('Compact') ?> <?php dd_stumbleupon_generate('Compact') ?> <?php dd_gbuzz_generate('Compact') ?>
    kindly help me, how i can align this!
    thanks

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,555
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    The elements are being called in via iframes so you will need to position the iframe to align them as you will have no control on the actual content in the iframe.

    As you have no hooks to use you could try this but it will affect all iframes.

    Code:
    iframe{vertical-align:middle}
    Otherwise you would need to wrap that section in a classed div and apply the rule above using the parents class.

  3. #3
    SitePoint Addict aliqayyum's Avatar
    Join Date
    Oct 2009
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    The elements are being called in via iframes so you will need to position the iframe to align them as you will have no control on the actual content in the iframe.

    As you have no hooks to use you could try this but it will affect all iframes.

    Code:
    iframe{vertical-align:middle}
    Otherwise you would need to wrap that section in a classed div and apply the rule above using the parents class.
    ep
    sorry i am not expert, can u give me step by step code to this

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,555
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by aliqayyum View Post
    ep
    sorry i am not expert, can u give me step by step code to this
    Well the first thing to try is just to open up your css file and then add the rule I gave you above and save it.

    Code:
    iframe{vertical-align:middle}

    Try that first and if it doesn't fix the problem or causes other problems then we'll try something else.

  5. #5
    SitePoint Addict aliqayyum's Avatar
    Join Date
    Oct 2009
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    Well the first thing to try is just to open up your css file and then add the rule I gave you above and save it.

    Code:
    iframe{vertical-align:middle}

    Try that first and if it doesn't fix the problem or causes other problems then we'll try something else.
    yeah great. its done

    another thing

    25 Best Examples of illustration in Web Design
    and
    25 Epic Examples of Digital Paintings Art - StumbleUpon

    why my thumbnail never appeared on dzone and stumble, whats wrong with it too

  6. #6
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,555
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by aliqayyum View Post
    yeah great. its done

    another thing

    25 Best Examples of illustration in Web Design
    and
    25 Epic Examples of Digital Paintings Art - StumbleUpon

    why my thumbnail never appeared on dzone and stumble, whats wrong with it too
    Sorry, I don't know anything about dzone and stumble and I don't really lnow what I'm looking for in those links above. I guess if you have accounts there then ypu would need a thumbnail in your profile but I'm not sure that's what you are asking or if it's even relevant.

    Id it's not a direct css question then the topic should be moved to web design or somewhere more specific.

  7. #7
    SitePoint Addict aliqayyum's Avatar
    Join Date
    Oct 2009
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks let me create a new post on web design section

  8. #8
    SitePoint Addict aliqayyum's Avatar
    Join Date
    Oct 2009
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    The elements are being called in via iframes so you will need to position the iframe to align them as you will have no control on the actual content in the iframe.

    As you have no hooks to use you could try this but it will affect all iframes.

    Code:
    iframe{vertical-align:middle}
    Otherwise you would need to wrap that section in a classed div and apply the rule above using the parents class.
    hi sir
    i did this code, but still it is not on align can you check it again


    at plz check here ,
    10 Best Chrome Extensions That Could Make You Switch From Firefox

  9. #9
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,555
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    You've added extra items that are not iframes so they are not affected by the fix I gave. You have floated some elements instead also.

    Try this

    Code:
    iframe,
    .fb_share_count_wrapper,
    a.google-buzz-button .buzz-counter {
      display: inline-block;
      vertical-align: bottom;
      float: none;
     }

  10. #10
    SitePoint Addict aliqayyum's Avatar
    Join Date
    Oct 2009
    Posts
    303
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Paul O'B View Post
    You've added extra items that are not iframes so they are not affected by the fix I gave. You have floated some elements instead also.

    Try this

    Code:
    iframe,
    .fb_share_count_wrapper,
    a.google-buzz-button .buzz-counter {
      display: inline-block;
      vertical-align: bottom;
      float: none;
     }
    how i can add , background on particular all these social buttons
    kindly guide me
    thanks


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
  •