Tried It Tuesday - Adjusting Width in HTML


If you've read my blog for any length of time, you know that I'm a touch OCD. When I put buttons and things on my sidebar, it drives me NUTS to have them all different sizes. So I have a quick tutorial on how to make the HTML objects that you add to your sidebar the same width. I haven't figured out how to do it with pictures that I upload (like my state button), so if anyone knows how to do that, please share!


Notice how this top button is a lot bigger? Not acceptable in my world. Here's what you do. Click on the wrench/screwdriver thingy in the lower right corner so you get this window.

Add in what I have highlighted and click Save. If you can't quite make it out, it says width="125" and put it right before /></a></div> It might work somewhere else, but I'm not an expert.

Ahhhh..... much better!
And if you were one of the first 17 people to link up to my {Helpful Blogger Network}, I have fixed the code in the box when you grab the button so it's a little smaller :)

5 comments

  1. Your tip is a very good one. I always like how you incorporate pics with your explanations!

    LOL! Love your final comment about fixing the code. I had to do that earlier today so the button fit in the sidebar.

    ReplyDelete
  2. Yay! You Rock!! I reinstalled the button in my sidebar with the fixed bandwidth:) That drives me bonkers too. A few months back, I downloaded all my pics in my sidebar that weren't lining up right into photobucket and fixed it somehow based on the 3AM Teacher's advice. Do you think I could remember now what I did? That's a negative! What you did seems like a much easier fix. Thanks for sharing! :)
    ~Holly
    Fourth Grade Flipper

    ReplyDelete
  3. This is so helpful! I'm adding it to my 'Blog Tips' file!
    -Lisa
    Grade 4 Buzz

    ReplyDelete
  4. Great tip. I love seeing all these quick fixes to parts of blogs/posts that kind of eat us alive because it's not in order...And now I notice everything you have is in perfect alignment.

    Thanks
    matt
    Digital: Divide & Conquer
    Follow me on Bloglovin'

    ReplyDelete
  5. Thank you so much for sharing this! I'm a blog do-it-yourself-er and I've been teaching myself along the way! I just went through all my buttons today and made the necessary corrections so that everything looks nice and even... I hadn't put certain buttons on my blog because they didn't look good or I created my own.

    Thank you, thank you, thank you!

    Amanda
    My Shoe String
    Follow me on Bloglovin'

    ReplyDelete

Thank you for taking the time to comment! I reply back by email, so please make sure you have that option enabled. Have a great day!