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. [email protected] 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


Forgot to share this before my reel. Oops. Close e Forgot to share this before my reel. Oops. Close enough. 🤣 Kenny turns 40 this month and Dustyn turns 15. Craziness.
Happy almost Friday! Who else’s favorite part of Happy almost Friday! Who else’s favorite part of the day is seeing their plants before going out into the world and seeing people? 🤣
Mollie added a little bit of blonde to my hair. Sl Mollie added a little bit of blonde to my hair. Slowly going lighter leading up to Summer. I feel like I have been flip-flopping between brown and blonde, also short and long. I plan to grow it long again and stay blonder. Balayage is my best friend so I don’t have to dye it every 6 weeks. Of course I brought a book to read while I waited. Reading Set on You by @amyleabooks. Borrowed from my friend @merrittmama_3
I received a blind date with a book from @thebookc I received a blind date with a book from @thebookcollectiveco from Danni as part of the book exchange. I have been wanting to order one of these. I was excited to get this. So many goodies.
My propagation station is looking fuller after las My propagation station is looking fuller after last nights plant swap at @thehappydaisygardencenter. So excited to see everything grow.
I have been wanting a philodendron birkin for awhi I have been wanting a philodendron birkin for awhile. Their leaves are so beautiful. 

Did I need one? No, but bought it anyways. She’s so pretty. 🪴🥰
Took this Sunday. Shortly after Annie took a nap, Took this Sunday. Shortly after Annie took a nap, which was not like her. Then she woke up and was sick to her stomach. Over the next few days she was sick on and off. Wednesday she was completely fine. Then got sick in the middle of the night. Thankfully she seems all better now. Hopefully that is the last of it.
Instagram post 17921216132642032 Instagram post 17921216132642032
December - Project 365. Another project 365 is in December - Project 365. Another project 365 is in the books. I don’t plan on doing this next year. I really wanted to do it so I would try to take more photos with my DSLR but I just used my phone most of the time. I might try to do like a photo a week with my DSLR. I really want to use it more. Hope everyone has a safe New Years Eve.
Show the best view you saw in 2022… The view fro Show the best view you saw in 2022… The view from @themountainviewlodge is amazing. Can’t wait to go back.

#bestview #bestviewof2022 #2022trip #mountainview #mountainviews #mountainviewlodge #sunsetmountain #sunsetmountainview #sunsetmountains
Such a great year. Such a great year.
2022 Recap. I know I say it every year, but this y 2022 Recap. I know I say it every year, but this year really flew by! I wish time would slow down. I have way too many photos and videos but these are a few of our favorite moments. 

#2022recap #goodbye2022 #_snow_days #myrecap #recap2022 #snowdays❄️
A few of my favorite memories from today. #chris A few of my favorite memories from today. 

#christmasday2022 #christmas22 #christmas2022 #christmasmemories  #wheelz
Merry Christmas from our family to yours! 🎄 Merry Christmas from our family to yours! 🎄
I spent most of the day baking. Can’t believe Ch I spent most of the day baking. Can’t believe Christmas is less than 2 days away! 

No bake, chocolate and peanut butter and just peanut butter. Oatmeal raisin. White chocolate chip and regular chocolate chip. If you want any of the recipes let me know.

#christmascookies #christmascountdown #christmasbaking #christmascookie #christmascookiesfordays #christmascookiebaking #oatmealraisin #oatmealraisincookies #nobakecookies #chocolatechipcookies #whitechocolatechipcookies
This girl loves to color and use all the colors of This girl loves to color and use all the colors of the rainbow. 🌈
More attention please. #goldendoodle #goldendood More attention please. 

#goldendoodle #goldendoodlesofinstagram #goldendoodlef1bb #sablegoldendoodle #mediumdoodle #moreattentionplease
Look at this new growth on my scindapsus pictus ex Look at this new growth on my scindapsus pictus exotica, or the easier version exotica pothos. 🤣 She is from @_rootsplantco and is so pretty. Excited to see her grow. 🌱 

#newplant #newplantbaby #rootsplantco #exoticapothos #exoticaplants #pothos #pothosplant #lookatthis #ohwhataday #_ohwhataday_
Our last 1st tooth loss. 😢 She is our youngest Our last 1st tooth loss. 😢 She is our youngest kid to lose their first tooth.

It’s been loose for awhile, but when she bit a lollipop at school today it became super loose and started bleeding. Then she was crying. I went to pick her up and by the time I had gotten there she had pulled it out, it had stopped bleeding, and she had stopped crying. Still can’t believe she is old enough to be losing teeth. 🦷

#annelynjane #halstead2022 #annelynmilestones #annelynfirsttooth #firsttoothlost #toothfairyiscomingtonight #toothfairytime💸 #_living_withjoy
Several friends have recently chopped their hair, Several friends have recently chopped their hair, I said I wasn’t going to do it… but I needed a change and I love it. Ha! Thanks as always @molliegwhite 

Reel inspired by @jessicastansberry 

#newhairdontcare #newhairstyles #newhairnewyou #haircutreels #newhaircut #ticktickboom #_decemberdreamin

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

 

Loading Comments...