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

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Twitter icon is too low!

Thread began 7/10/2013 9:24 am by mrs | Last modified 7/11/2013 10:22 am by Jason Byrnes | 1558 views | 6 replies |

mrs

Twitter icon is too low!

I have just used the social media insert share buttons for the first time and I have a couple of questions.

Firstly, the twitter icon is too low by about 3 or 4 pixels and it really stands out! I have tried adjusting the css to raise it using margin-top:-3px, but nothing happened, so how can I change it?

Also, I have added these buttons to my template and have an error in the code created by the wizard...


<div class="wasocial">
<div class="icons"> <a name="fb_share" type="icon" href="#" onclick="window.open('http://www.facebook.com/sharer.php?u=<?php echo urlencode(((!empty($_SERVER["HTTPS"])) ? "https://" : "http://") . $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]); ?>', 'Facebook', 'toolbar=0,status=0,width=626,height=436'); return false;" title="Facebook"> <img src="../webassist/social/icons/facebook.png" /> </a> </div>
<div class="icons">
<div id="custom-tweet-button"> <a href="https://twitter.com/share?url=<?php echo urlencode(((!empty($_SERVER["HTTPS"])) ? "https://" : "http://") . $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]); ?>" target="_blank"><img src="../webassist/social/icons/twitter.png" alt="Twitter" border="0" title="Twitter" /></a> </div>
</div>
<div class="icons">
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="medium" count="false" href="<?php echo (((!empty($_SERVER["HTTPS"])) ? "https://" : "http://") . $_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"]); ?>"></g:plusone>
<!-- Place this tag after the last plusone tag -->
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

</div> <<<<------ This line here

blah blah more social code...
</div>

The odd thing is that it doesn't show as an error in the page that use the template! What's wrong? I can't see anything.

Sign in to reply to this post

mrs

Actually managed to move the twitter icon up by 4px by adding the margin-top as inline css!

Sign in to reply to this post

Jason ByrnesWebAssist

Ok, glad to hear it is working.

Sign in to reply to this post

mrs

I've still got this syntax code error though!

Initially, I thought it was propagating to pages that use the template, but now it is!

Any thoughts?

Sign in to reply to this post

Jason ByrnesWebAssist

What syntax error?

Just mentioning that there is an error is not enough, what does the error message say?

send a copy of the page that has the error also.

Sign in to reply to this post

mrs

Well, that's my problem, I don't know what the error is because the page works in a browser, but DW is only telling me that there is a syntax error on line 220 and that code hinting may not work until I fix it. It's highlighted in red the line number 220 which is just </div>

If it was a </div> error, I would expect the page design to collapse and highlight in yellow within the design view the errors, but the page looks fine.

I've looked and can't see any code problems before that highlighted line, so am stuck!

Template page is attached.

Sign in to reply to this post

Jason ByrnesWebAssist

Ok, you hadn't stated before that the error was showing in Dreamweaver, so I Was assuming it was a browser error, these details are important to include.

When i open your template SDW is not showing the error to me, those Syntax errors in DW can sometimes be red herrings that don't disappear when the syntax is corrected.

try closing the page and opening it again to force DW to read the latest syntax.

Sign in to reply to this post

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...