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="http://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="http://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="http://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


July was an amazing month for the most part. Kenny July was an amazing month for the most part. Kenny and I celebrated being married 18 years in the mountains, and the kids had a lot of Summer fun. Unfortunately we did lose Kenny’s step dad, the kids Grampy, Billy. I’m so glad I decided to do project 365 again this year. I really do love looking back on all the photos, even if most are taken with my phone. Just want to take more photos of the kids with family members. 

#project365 #july2022 #justjuly #lateron #Project365_2022 #photoaday #mountainview #mountainviews #themountainviewlodge
Catch up of photos from this past week. Not much f Catch up of photos from this past week. Not much fun since Annie and I have been sick. Hoping we are on the tail end of it and will be back to feeling 100% soon. She painted the wooden unicorn all by herself and did a pretty good job. Swipe to see my newest monstera leaf open. Carsyn went swimming and Prestyn and Annie had fun lining up dominoes. 

#annelynjane #prestynjames #carsynjoseph #project365 #project365_2022 #monstera #holoprosencephaly #mihvhpe #cerebralpalsy
Bring back OG IG. I miss the photos. How do you fe Bring back OG IG. I miss the photos. How do you feel about instragram trying to be tiktok?
Almost time for back to school. The Summer is wind Almost time for back to school. The Summer is winding down.
Catch up from the last photos from July. Meant to Catch up from the last photos from July. Meant to post this last night but got wrapped up in my book. Annie still sounds rough and my throat started hurting. Hopefully we will be all better soon. 

Also is anyone else ready for fall? Getting major fall vines from the first photo.
Instagram post 18184514698174608 Instagram post 18184514698174608
Annie had a great morning swimming at our friend’s house.
If two people love each other, then nothing is imp If two people love each other, then nothing is impossible…. except when it is time to pick where we want to eat. 🤣

Eighteen year anniversary. Kind of crazy to think about. Married at 19 (me) + 21 (him). Four kids later. Life is wild at times but we try to live in the moment each day.
Back to your regularly scheduled program. Summer f Back to your regularly scheduled program. Summer fun and lots of photos of Annie. Today was her friends birthday. Yesterday was a gorgeous sunset. Thursday was Grampy’s funeral. 😢 Wednesday she dressed up like @krysten.anderson.
Sorry, I lied… One more. I forgot I took some wi Sorry, I lied… One more. I forgot I took some with my DSLR and wanted to share at least one here with the rest of the photos. 

#themountainviewlodge #mountainview #mountainviews #mountainsunset #themountainsarecalling #themountainiscalling #sunsetviews #sunsetview🌅 #mountain⛰ #nikond750photography #nikond750📸 #sunsetphoto
This is the last mountain post, I promise… for n This is the last mountain post, I promise… for now. 🤣 We hardly ever go anywhere so I can’t help but share them. This was our last day at @themountainviewlodge. It was a rainy and foggy morning. Both beautiful on a sunny day ☀️ or rainy day 🌧.
Some relaxing sounds for you on this Wednesday mor Some relaxing sounds for you on this Wednesday morning. In the second clip you can see a bee buzz by. 🐝 🏞
The rain was so calming and beautiful. I loved the The rain was so calming and beautiful. I loved the mountains in the sun and the rain. I left the rain noise in this video. Can you hear it? 

⛰ 🌫 🌧
Monday ended up being a relaxing day. We went to c Monday ended up being a relaxing day. We went to check out another waterfall and it ended up raining. So we grabbed some coffee, dinner, then headed back to @themountainviewlodge. 

#mountainview #themountainviewlodge #rainydays☔️ #rainyweather☔️
Sunday evening we had a camp fire at sunset. #cam Sunday evening we had a camp fire at sunset.

#campfire #bonfire #mountainsunset #mountainsnc #mountainview
Sunday we went to Fires Creek Falls and Bell Mount Sunday we went to Fires Creek Falls and Bell Mountain. The view from Bell Mountain was gorgeous. Swipe for some relaxing creek sounds. 

#firescreekfalls #creek #waterfall #mountainsnc #bellmountain
Our 1st day at @themountainviewlodge. We got there Our 1st day at @themountainviewlodge. We got there a little before sunset and had a gorgeous view. 

#mountainview #mountainsunset #themountainviewlodge
Catching up on photos. These were from Thursday an Catching up on photos. These were from Thursday and Friday. When Annie colored on her face and then a heart shaped hole in my elephant ear plant. Anniversary trips photos coming up.
Sunset at @themountainviewlodge did not disappoint Sunset at @themountainviewlodge did not disappoint. 🌅 ⛰🙌🏼
Popcorn and a movie on this semi-rainy day. So tha Popcorn and a movie on this semi-rainy day. So thankful we have gotten rain this past week. 🙌🏼 🌧

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

 

Loading Comments...