find us on instagram
  • Home
  • About
  • Blog
  • Contact
  • Categories
    • Beauty & Style
    • Crafts
    • Dream Create Inspire
    • Family
      • Parenting
    • Freebies
      • Free Fonts
    • Giveaways
    • Health
    • Holidays
      • 30 Fun Ideas Ideas For Fall
      • Christmas
      • Easter
      • Halloween
      • St. Patrick’s Day
      • Thanksgiving
      • Valentines
    • Home
    • Parties
    • Photography
      • Project 52
      • Project 365
    • Recipes
    • School
    • Special Needs
    • Technology
    • Travel
    • Tutorials
  • Free Downloads
  • Pregnancy
    • Birth Stories
  • Recipes
    • Appetizer
    • Bread
    • Breakfast
    • Dessert
    • Drink
    • Main Dish
    • Side Dish
    • Snack
  • Shop My Favorites
    • Bloglovin
    • Email
    • Facebook
    • Instagram
    • Pinterest
    • Twitter

Sarah Halstead

You are here: Home | Family | Align Button Tutorial

January 24, 2012 By Sarah Halstead

Align Button Tutorial

Filed Under: Family

I have had several people ask me how I get all of my buttons the same size and all in a line.

First you want to do is go into the HTML it mode. Here is an example of what my HTML code looks like.

<center><a href="http://naptimemomtog.com" title="Naptime Momtog"
target="_blank"> <img src="https://naptimemomtog.com/wp-content/uploads/2011/06/button1.jpg"
height="150" /></a>    <a href="http://naptimemomtog.com/category/wordless-wednesday/"
title="Naptime Momtog" target="_blank">
<img src="https://naptimemomtog.com/wp-content/uploads/2011/08/wordlesswednesday-copy.jpg"
height="150" /></a>    <a href="http://naptimemomtog.com/project-366/" title="Naptime Momtog"
target="_blank"> <img src="https://naptimemomtog.com/wp-content/uploads/2011/12/finalbutton.png"
height="150" /></a></div></center>

You will make sure they all have the same height =”150″ or 200 or 125 whatever size you want. Then see in between the </a> and the <a> I have the same amount of spaces. Then I also do align center on the outside, so that the buttons will all be in the center of your blog post but in a line. One more thing if they have added in align center to their code you will need to delete center and put none. Please email me if you have any questions. 

 Photobucket  Sweet Shot Day      Live, Love, Travel   

Related

Don’t Miss A Thing!

Stay Up To Date With The Latest

« Project 366 Rewind {Week #3}
Lightbox {WW #24} »

Comments

  1. Branson says

    January 27, 2012 at 10:25 pm

    Love this tutorial! I am very picky about making my buttons pretty ;)
  2. Jaymi McClusky says

    January 25, 2012 at 2:26 am

    These are beautiful, I always forget to try those out of focus shots. And thanks for spelling out that button code! People have asked me that before too and somehow it took me like two pages to explain it! You simplified it nicely.
  3. Kim Stevens says

    January 24, 2012 at 10:53 pm

    Oh, thanks for sharing this - I always wondered how that was done! ; )
  4. Gina says

    January 24, 2012 at 4:14 pm

    THANK YOU!!! You know I am bookmarking this for future reference!!!
  5. Jodi Hall says

    January 24, 2012 at 4:10 pm

    Great tutorial.. Lovely photos.
  6. Jenny says

    January 24, 2012 at 3:48 pm

    oooo you don't even have to use tables to do this - Ima hafta copy your code :)
  7. hamzie@compact camera deals says

    January 24, 2012 at 12:54 pm

    This is really interesting, You are a very skilled blogger. Ive joined your rss feed and look ahead to in quest of extra of your fantastic post. Additionally, I have shared your website in my social networks!
  8. candice says

    January 24, 2012 at 11:57 am

    Off to try this right now! Thanks for sharing. Looks so much better this way.
  9. Sue Anderson says

    January 24, 2012 at 11:52 am

    Nice way to align those buttons! =)
  10. secret mom thoughts says

    January 24, 2012 at 11:05 am

    Thanks for the button tips. I must try that soon.
  11. Ashley Sisk says

    January 24, 2012 at 10:44 am

    So glad you spelled this out - I've been asked a fair amount too and haven't had the time to put it together.
  12. Buckeroomama says

    January 24, 2012 at 10:07 am

    Thanks for sharing this. Sometimes I am able to align my buttons; sometimes I'm not... so this comes in handy. :)
  13. SarahinSC says

    January 24, 2012 at 8:11 am

    Great tip! I do always admire your inline buttons!
  14. Austin-Lee says

    January 24, 2012 at 5:09 am

    Great tutorial! Loving those OOF shots...so pretty!
  15. Cedar says

    January 24, 2012 at 12:23 am

    Very peaceful, serene images!
  16. Laura says

    January 24, 2012 at 12:11 am

    Great tip! I've been using html for a table column, but I think your way is a lot easier!

Welcome

I'm Sarah and I am the writer behind this blog. I love sharing recipes, DIY projects, photos and about my everyday life. I married my high school sweetheart Kenny. We have three boys and one baby girl - Dustyn, Carsyn, Prestyn, and Annelyn. Thanks for stopping by, can't wait to get to know you more. Read More…

Let’s Connect

  • Bloglovin
  • Email
  • Facebook
  • Instagram
  • Pinterest
  • Twitter

Search

  • Home
  • About
  • Blog
  • Contact
  • Privacy Policy
  • Hello Instagram Friends
  • Home
  • About
  • Blog
  • Contact
  • Privacy Policy
  • Hello Instagram Friends

Newsletter

Latest News · Tips & Tricks

Categories

Search

Partners


Happy Easter. Happy Easter.
Dustyn’s first prom. 😭🫠 Dustyn’s first prom. 😭🫠
Annie decided kind of last minute that she wanted Annie decided kind of last minute that she wanted a My Little Pony birthday party instead of a cat birthday party for the 3rd year in a row. So I had to pull it together in a short amount of time. I also didn’t take nearly enough photos.
Happy 7th Birthday Annie!!! She is so kind and l Happy 7th Birthday Annie!!! 

She is so kind and loving, but won’t put up with anyone being mean. She will stand up for herself and others. She’s full of the best kind of sass. Can’t wait to see where she goes in life. 

It’s been a busy week/weekend and this is the best I could get photo wise. 😆
Snow Day - February 20th About 7-8” total. Snow Day - February 20th

About 7-8” total.
Prestyn went to his first dance with his bestie Ab Prestyn went to his first dance with his bestie Abby. 💌 ❤️
Mom prom was so much fun last night. Had a blast d Mom prom was so much fun last night. Had a blast dancing the night away with these lovely ladies.

Wanted these to have a permanent spot on the gram.
Merry Christmas 🎄 Best photo of all 4 I could Merry Christmas 🎄 

Best photo of all 4 I could get. I’m making a promise to myself to do family photos in September next year so I can actually send out cards again.
Cindy Lou Who for Grinch Day. I did my best, but Cindy Lou Who for Grinch Day. 

I did my best, but ran out of hair spray. 🫠 No where near perfect, but impressed since I have never done anything like this before. Interested to see what it looks like when I pick her up. 😆
Little Miss Claus. 🤶🏻🎄 This one needed a Little Miss Claus. 🤶🏻🎄

This one needed a spot on my feed. 

#annelynjane
Instagram post 18036266540042430 Instagram post 18036266540042430
Which one is your favorite? 🎃 Which one is your favorite? 🎃
Pumpkin carving. 🎃 Pumpkin carving. 🎃
Tooth # 9 lost at school today. She loved the litt Tooth # 9 lost at school today. She loved the little tooth fairy box.
Last soccer ⚽️ game for Prestyn too. He wants Last soccer ⚽️ game for Prestyn too. He wants to try basketball 🏀 next.
Last day of soccer for the fall season. She had Last day of soccer for the fall season. 

She had so much fun this year and improved so much.
I couldn’t see the aurora borealis with my naked I couldn’t see the aurora borealis with my naked eye but my phone camera showed them. Last time there was a possibility to see them it was too cloudy so at least I got these. Maybe one day I will see the real deal.

October 10, 2024
It was chilly out at soccer last night. So she wan It was chilly out at soccer last night. So she wanted to wear her kitten mittens. 😆 Love her freakles.

October 10, 2024
Annie’s field trip to the farm market. We had a Annie’s field trip to the farm market. We had a tagalong.

October 10, 2024
Annie and her friend Maggie. So glad they are in t Annie and her friend Maggie. So glad they are in the same class this year. They have been friends since they were babies.

Copyright © 2025 · Captivating Theme On Genesis Framework · WordPress · Log in

 

Loading Comments...