Social Media Bar As Div

I am putting a social media bar together for this site: http://rosemountata.com/new_site/default.asp and it is in there now as a table.  Is that the best way to do that or is there a better way.  I am wondering if the search engines won't like the links because they are in the table.
Bob SchneiderCo-OwnerAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Big MontySenior Web Developer / CEO of ExchangeTree.org Commented:
tables are going the way of the do-do bird when designing modern pages (html5), a lot of folks will say to use DIVs or other html5 specific containers. with that said, search engines don't care, as far as your structure is clean and valid, you won't lose any "juice" using one over the other

with your design, to me, they look a bit out of place, as they are just stuck in the left hand column surrounded by a whole lot white space. I would either make the images bigger, so they stand out more, or put them elsewhere on the page, such as the footer if you want them to be present but not in your face
0
Slick812Commented:
greetings BobbaBuoy, , HTML tables can be very necessary for muti Row-Column grid display of organized information. BUT they can be totally unnecessary for display of UN-connected single informations as you have in your social media bar display. You can simply remove ALL of the Table code and then set your "social_media" <div> to a width to fit the Images (32 pixels in this case).

<div id="social_media" style="position: absolute;width:34px;margin:100px 0 0 2px;border:1px solid #000;">
<a href="https://www.facebook.com/Rosemount.ATA" onclick="openThis(this.href,1024,768);return false;">
  <img src="/new_site/graphics/social_media/fb.png" style="width:32px;"></a>
<a href="www.twitter.com" onclick="openThis(this.href,1024,768);return false;">
  <img src="/new_site/graphics/social_media/Twitter.png" style="width:32px;"></a>
<a href="# onclick="openThis(this.href,1024,768);return false;">
  <img src="/new_site/graphics/social_media/youtube.png" style="width:32px;"></a>
<a href="#" onclick="openThis(this.href,1024,768);return false;">
  <img src="/new_site/graphics/social_media/LinkedIn-logo.png" style="width:32px;"></a>
<a href="#" onclick="openThis(this.href,1024,768);return false;">
  <img src="/new_site/graphics/social_media/GooglePlus-512-Red.png" style="width:32px;"></a>

</div>

Open in new window

when using an absolute positioned <div>, it is usually best to set a width to correspond to the contents, if you do not set a width you may not be able to predict the display in all browsers.
    ATTENTION: I have placed a black BORDER on the "social_media" div for DEVELOPMENT, so you can see the size and position of this div, remove the border, when you see that your div display is correct.

Ask questions if you need more info.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
Bob SchneiderCo-OwnerAuthor Commented:
Great assistance and insight.  Thanks to both. I kind of like them off to the side like that but you might be right...ultimately I may move them.  Nonetheless, great solution..I will try the div layout to see what that does.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.