close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 or 2018 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Inserting Buttons Stack from Top to Bottom

Thread began 2/08/2011 9:58 am by garryskaggs351850 | Last modified 2/11/2011 1:11 pm by Neil Beadle | 1964 views | 11 replies |

garryskaggs351850

Inserting Buttons Stack from Top to Bottom

When I insert the social media buttons in CS3 they are stacking from top to bottom and not sure why.

Also can I insert this into the template somehow to make it show up on all the pages.

Any help is appreciated.

Sign in to reply to this post

Dani Chankhour

It could be that DW is not loading the CSS. Can you send me a screen shot of what you are seeing?


Social Media Toolkit works with templates, so you should be able to add it to a template.

Sign in to reply to this post

lecgraphx381289

same problem...also

I am having the same problem.
Also..is it possible to center the buttons...I am putting them in a footer.
Which CSS style sheet needs to be loaded. Does this extention add to my current style sheet (I can't see that it does)...or is it supposed to create its own?

Sign in to reply to this post

Dani Chankhour

Social Media Toolkit creates its own stylesheet that is located under the webassist/social folder.

You should be able to center the buttons horizontally, but i recommend that you wrap the social buttons div with another div. If you have a link to your page i can assist you getting the buttons to center.

Sign in to reply to this post

garryskaggs351850

Stacked

Here is a screen clip of the problem. It does it when I put it in the template. I tried in on a blank page and it worked fine.

Sign in to reply to this post

Dani Chankhour

Thanks, can you send me a url where i can see the issue.

It could be that other CSS is breaking the layout of the buttons.

Sign in to reply to this post

craig422148

Same Problem

I am having the same problem. How was this solved?

Thanks.

Sign in to reply to this post

Jason ByrnesWebAssist

can you send a link where we can see the problem to investigate the cause. Most likely it is conflicting css on the page, but we would need to investigate it to be sure.

Sign in to reply to this post

DaveTurton

Using CS5 here and it's stacking. www.northtexaslakesrally.com/ I used it on my personal site and it worked fine.

Also, when I used the social media dialog box when inserting it wouldn't accept the OK button. I had to hit cancel to get the window to close.

Worked fine on my site here though. www.thegraphiclibrary.com/

The only real difference that I'm aware of is that on the site where it stacks I have the css for that to justify to the right.

Sign in to reply to this post

neilo

perhaps you could try manually adding the css and js paths manually to inside the head area of your page(s). I suspect these would have been added if the 'OK' button had been accepted:

<link rel="stylesheet" type="text/css" href="webassist/social/wasocial.css"/>
<script type="text/javascript" src="webassist/social/wasocial.js"></script>

Are you adding the code to a template (if so, remember to update all the pages based on that template)? If not, does the same thing occur when you try to add the buttons via the GUI on another page?

[Your second linked page contains the calls to the css and javascript files, the first doesn't]

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...