Embedded social widget Facebook generaties extra white above

Hello, i'm designing a webpage with Adobe Muse and the idea is to have a news block with a Facebook reactions widget underneath. Since the news block wil vary in height over time, I thought that I could embed the two divs in a text container so they will position automatically. Up to this point I think I thought right, but the space between the two divs seems to be the same height as the height of the Facebook reactions widget. I defined all paragraaf styles, so that can't be the problem. Can someone tell me where this white space comes from and what I can do to position those divs dependantly?

Could you please share the website URL along with a screenshot/description elaborating the issue on site, so we may look at the same?
Cheers,
Vikas

Similar Messages

  • N8 Ovi Social widget unable to connect to facebook...

    Earlier I had trouble in viewing images and icons on facebook while using ovi social widget.
    When to solve this issue i tried re-installing widget, it worked once and could connect to facebook. But now it is showing error Unable to connect gateway, try later.
    However it is possible to log in to facebook using web browser, which means my facebook account is ok as well as no problem on service provider's side too.
    Please provide solution.

    It seems the server is down forever. I am not able to configure Social on my Nokia N8. Someone told to configure Ovi email. I did it.. but there I am getting error Service currently unavailable. I tried to find the reason I got to know that it requires Nokia Messaging service enabled. I have no idea how to configure Nokia messaging service. I am also not sure why does Facebook and Twitter configuration requires Nokia messaging service!... Can some one help?

  • Facebook Like Social Widget

    Hi,
    I'm having trouble with the 'Facebook like button' social widget after uploading my site. When you click on the button, the pop up keeps displaying a 404 error.
    An example of this can be seen here:
    http://www.ianmcneil.net/tpg/preview/linden-court---planning-granted.html
    Does anyone have a solution?
    Thanks in advance!

    That one is working now. Have you done something to make it work?
    However, the like button on the other news articles which are set up exactly the same are not.
    http://tayloredpropertygroup.com/heaton-road---planning-application.html
    http://tayloredpropertygroup.com/former-john-gilpin-public-house---development-commencemen t.html
    Thanks,

  • Can't insert custom HTML or change social widgets to update Phone layout

    MUSE 2014.2.1.10, CL 787362  on  Windows 8.1  i7 processor 24 GB RAM
    Anytime I try to insert custom HTML in the phone layout pages I get a window that says webpage could not be found  in a window that is too wide for the screen size and can't be re-sized!!!
    I am adding scripts, inline css and custom form code.  Need to republish changes and can't on mobile layout.  Its local code but I get The webpage cannot be found error!!! It also does this with the built in social widgets....  The code is there in the page on export but you can't preview and since I can't resize the box to 380px wide ( it jumps back open) it throws off my layout when export page.   This is not just custom HTML but upon changing or adding any of the built in social widgets such as Google maps, Facebook or  other social media.  Forms, buttons, menus and compositions no problems... they work just as they normally would.
    Preview mode just gives me the whole page as blank when I try to preview the page in Muse.  HELP  I need to update the address and the form to match the desktop site but the error is persistent! and undo does not revert it back to previous content  I just get the webpage cannot be found box even on undo!!!!

    The SECOND picture in my previous post  IS THE PREVIEW... NOTHING appears when I try to view the page in phone view!!!!
    HERE IS THE CODE!!!!!
    <style type="text/css">
    input[type="text"]
    color: #323232;
    border: 1px solid #E0E0E0;
    margin: 5px;
    fieldset {
    border:1px solid #E0E0E0;
    padding:10px;
    width: 350px;
    legend {
      padding:10 px 10 px;
      border: none;
      color:323232;
      margin:10px;
    textarea
      width: 328px;
      min-height: 14px;
      border-width: 1px;
      border-style: solid;
      border-color: #E0E0E0;
      padding: 6px;
      color: #323232;
      line-height: 14px;
      margin: 10px;
    button[type="submit"]
      text-indent:0;
      border:1px solid #E0E0E0;
      display:inline-block;
      background-color:white;
      color:#323232;
      font: Arial,  sans-serif;
      font-size:12px;
      font-weight:bold;
      font-style:normal;
      height:25px;
      line-height:25px;
      width:125px;
      text-align:center;
      margin-top:5px;
    button[type="submit"]:hover {
                  color:#679E11;
    button[type="submit"]:active {
      position:relative;
      top:1px;
    label.label-top {
    display: block;
    margin-top:5px;
    </style>
    <form  name="emailForm" id="emailForm" onsubmit="return validateform();" action="contact-us.asp" method="post">
    <fieldset>
      <legend>E-Mail</legend>
      <div>
      <label class="label-top" for="name">
       Enter your Name:
      </label>
      <input type="text" name="name" id="name" size="30" class="inputbox" value="" />
      </div>
      <div>
      <label class="label-top" for="mail">
       E-mail address:
      </label>
      <input type="text" id="mail" name="mail" size="30" value="" class="inputbox" maxlength="100" />
      </div>
      <div>
      <label class="label-top" for="subject">
       Message Subject:
      </label>
      <input type="text" name="subject" id="subject" size="30" class="inputbox" value="" />
      </div>
      <div>
      <label class="label-top" for="text">
       Enter your Message:
      </label>
      <textarea cols="50" rows="10" name="text" id="text" class="inputbox required"></textarea>
      </div>
      <div>
      <input type="checkbox" name="email_copy" id="email_copy" value="1"  />
      <label for="email_copy">
      E-mail a copy of this message to your own address. </label>
      </div>
      <div>
      <button class="button validate" type="submit">Send</button>
      </div>
    </fieldset>
    </form>
    <script type="text/javascript">
    function validateform()
    var emailRegEx = /^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,4}$/i;
        if (document.emailForm.name.value == '') {
            alert('Name is required');
      return false;
        else if (document.emailForm.mail.value==''){
            alert('Address cannot be blank');
      return false;
       else if (document.emailForm.mail.value.search(emailRegEx) == -1) {
              alert("Please enter a valid email address.");
         return false;
        else if (document.emailForm.text.value==''){
            alert('Message field cannot be blank');
      return false;
      else
          alert('Thank you for contacting Argus Talent.');
      return true;
    </script>

  • Extra White Space issue

    Hi, I am currently building a website in Adobe Muse, and am really enjoying it.  I have encountered a few differences between what I designed and what the site actually looks like and have been able to find solutions to all but one.  The home page has just a header and footer and an Adobe Edge Animation.  However, there is extra white space apearing underneath the animation (above the footer). Everything looks fine in the design mode, but even in preview there is extra space.  I tried uploading it to our ftp, thinking that might be the issue (as the animation doesn't show in the preview mode), but the extra space is still there.  I tried moving the Social media icons, thinking they might be causing it.  I have looked to see if maybe there is a text box, or empty shape that is causing the discrepency, but I can't find anything.  Any suggestions?
    Here is the screen capture of the design mode:
    Here is the screen capture of it in the browser:
    Any help would be greatly appreciated.

    Hi Razorcs,
    I have checked your file and the white space is coming from the page that you are calling in the iframe. I have seen that most browsers do not respond well, when the widht and the height of the iframe is specified in percent.
    As a fix you have to give manual width and height to the iframe and that should take care of it.
    For example, try something like 412px, which is the height of the edge content,
    Regards,
    Abhishek Maurya

  • Can i replace social icons in the Muse CC 2014 social widget?

    I would like to replace the embedded social icons in the Muse Social Widget with some flat png icons I have. Can I?

    It's not possible to replace the images as the widgets are based on the default site APIs, which generate the graphics server-side.

  • Social widgets

    How I can get the new social widgets in Muse?

    Hi Gaurav
    thank you, but look on the screen hot I am sending you, how can I add the library social network?
    can you tell me exactly the html embed code for Facebook?
    thank you very much.
    Nicole
    Il giorno 13-nov-2013, alle ore 13:52, Gaurav Sharma <[email protected]> ha scritto:
    Re: Social widgets
    created by Gaurav Sharma in Help with using Adobe Muse CC - View the full discussion
    Hi
    You can use social media by inserting their HTML code in Muse using the Object -> Insert HTML option.
    For example, for embedding facebook buttons etc. you can find the embed code (that needs to be inserted as HTML in Muse) here: https://developers.facebook.com/
    Also, have a look this video,
    http://tv.adobe.com/watch/muse-feature-tour/muse-embed-html-code-to-ad d-google-maps-and-more/
    Use this same feature to add social media buttons and feeds from social media properties.
    Hoipe this helps
    Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/5838223#5838223
    Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/5838223#5838223
    To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/5838223#5838223. In the Actions box on the right, click the Stop Email Notifications link.
    Start a new discussion in Help with using Adobe Muse CC at Adobe Community
    For more information about maintaining your forum email notifications please go to http://forums.adobe.com/thread/416458?tstart=0.

  • Problem in N8 Ovi social widget

    Hi,
    I am using my N8 for over two weeks now. When i use ovi social network widget to access my facebook account, many images do not load. It is shown as image broken/blocked symbol (like the one we see on some emails when images are blocked when veiwing on desktop).
    Please suggest.
    Maddy
    Solved!
    Go to Solution.

    Hi, when you open social widget, select "Options" and then last one in list "Udate service". It will check for updates and you get message "your service has been updated"
    After you get this message you can add or log-in to your FB account.
    By the way since when are you facing this problem? is your handset new (1-2 weeks), if so you need to update your phone probably for software updates PR1.1 or atleast social (latest version 1.2.163.).
    Hope this helps you,
    BR,
    Maddy.

  • Extra white space in Firefox, not IE

    Hello. I'm new to Dreamweaver and am having an issue I can't
    figure out. I was hoping someone might have insight into where my
    problem is.
    In the following site,
    http://www.firststepshr.biz,
    it previews as designed in Internet Explorer. However, in Firefox,
    extra white space (or blue background on the home page) is
    appearing above and below the Flash header. I can't, for the life
    of me, figure out why there's this difference.
    Anyone have any ideas? Thanks, in advance, for the advice.
    Jeremy

    I don't see extra white space in FF2x.
    If you want to use Flash for navigation, consider this -
    1. Some people don't have Flash installed - what do they do?
    2. Search engines may not parse Flash links - your site will
    not be
    spidered
    3. Screen assistive devices don't parse Flash links - what
    will those users
    do?
    4. DW cannot maintain links within a Flash movie, so if you
    move or rename
    a linked file, your navigation will break - what will you do?
    You will have
    to remake those buttons.
    It's usually a very bad idea for these reasons - and for
    these reasons,
    Adobe has removed Flash buttons and Flash text from the next
    version of
    Dreamweaver.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "dwellingproductions" <[email protected]>
    wrote in message
    news:gckfd0$odl$[email protected]..
    > Hello. I'm new to Dreamweaver and am having an issue I
    can't figure out.
    > I
    > was hoping someone might have insight into where my
    problem is.
    >
    > In the following site,
    http://www.firststepshr.biz,
    it previews as
    > designed in
    > Internet Explorer. However, in Firefox, extra white
    space is appearing
    > above
    > and below the Flash header. I can't, for the life of me,
    figure out why
    > there's this difference.
    >
    > Anyone have any ideas? Thanks, in advance, for the
    advice.
    >
    > Jeremy
    >

  • Conditional Build Tab for image leaves extra white space

    I've applied the "Print" Conditional Build Tag to an image in
    my online help. When I generate the help and view it in the
    browser, extra white space is inserted between the steps. For
    example, instead of the steps being:
    1.
    2.
    3. etc.
    They now look like this:
    1.
    2.
    3. etc.
    Why is there extra white space where the image used to be?
    Thanks in advance for your help. Using RoboHelp7 -- WebHelp.
    Bill

    Probably there is a paragraph break or a space that you can't
    see but is not enclosed in the conditional tag.
    Check the html code immediately before and after the tag.
    Harvey

  • Why is there extra white space at the top of swf file?

    I can't figure out how to get rid of extra white space in the browser at the top of a swf file. It looks fine when I preview the file, but when I do publish preview in flash/ try to incorporate in HTML, there's an extra 1/4" at top of window.

    Do you have the html page (that you have the swf file embedded into) set so that there are no page margins? Your "body" tag should look like this…
    <body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">

  • Social widget is now huge.

    Why is it so big now? It takes up nearly half a home screen. I'm using facebook summary now but I have to click on it rather than just glancing at what's going on with the narrow widget info of my friends updates.
    If you're happy with the narrow social widget for that reason then don't update, also if you're not into this fat Belle widget thing Nokia seems to have going.
    There's a difference between giving us the option to have more home screens to actually forcing us to use them. Nokia, you're winding me up.
    With Anna I had one home screen, now I need 3. Less is more.

    For me it's rubbish and another annoyingly large widget. I liked Anna for the small neat widgets. I use to run all what I needed off of one home screen, now I need 3.  Why is this better? Like I said, Nokia gave us more home screens because you're forced to use them for the over sized widgets,
    I'm not sure if just having one home screen allowed me to save power, but my N8 seems to run out quite quickly. Even when I close down all my apps and so on.

  • Social Widgets are Crashing Muse (7.2)

    Hi,
    I am experiencing crashes when I import social widgets onto the canvas - also when copy pasting from one page to another.
    Mostly while placing the Twitter, Youtube and Facebook widgets. But I have also had it crash when placing the Pinit widget, although not as often as the others.
    The crashes mostly occure when I am copy pasting a group of widgets between pages (pinit, google plus, facebook & twitter) I can try and avoid the crash by copy and pasting one at a time, but this does not always control it.
    I am running OSX Mavericks 10.9.2, and Muse CC 7.2
    Let me know if you need any more info, and if there is a fix for this.
    Thanks,
    Ben.

    Hi Aish,
    The Air runtime is 4.0.0.1390
    here is a link to a crash log that appeared after importing a Youtube widget.
    https://www.dropbox.com/s/3zevjhglp4jmbqg/muse-crash-text.txt
    let me know if you need anything else. 
    Thanks

  • Nokia C7- problems with social widget and CNN vide...

    Hi,
    I am using
    Nokia C7
    Release                PR1.2
    Software version 014.002
    Custon version    014.002.00.01
    I am having problems with my social widget and CNN video widget. I factory resetted my phone and my social widget was lost. I tried even the beta version of social but I am still in vain. The beta version showed me some error code and unable to install error on phone.I uninstalled the current version and installed the beta version but all was error. Fortunately I got my current version back from update.
    I unknowingly deleted something related to CNN from the application settings and the CNN video widget renamed itself to CNN Video apac. I tried many ways even installed the latest E7 version of CNN video but still in vain. I updated my phone. tiried to uninstall the CNN video application but it shows the error delete cancelled. What should I do..?? I update my phone regularly atill I'm in vain. Please help me dear friends..I want my phone to be as new as when I brought from the market..

    possible sollutions:
    1)
    because you hard reset try again now and get the 1.2 and try install this
    if will install succesfull then try the 1.3
    (if install error is coming again reboot device take out battery, back on battery and switch on and try install again)
    2)
    if not install or either download third party facebook and done (forget about the social from nokia)
    (the ones i mention if you want to try them are almost same as nokias social)
    4 good ones
    fb connect from ovi not in qt
    kasvopus written in qt
    and facebook from pixelpipe in qt is very fast
    also the fb from google v 1.0 works good and is almost the same but not in qt
    3)
    the same you are posting in here,....go to beta labs and have a section bug reports
    post same issue as here(there maybe a technician leave you answer officially)
    4)- or send the device for repair
    sorry i can not help more but if hard reset and still problem you may need to choice one of the 4 options

  • Extra white lines in jdeveloper IDE (Strange Problem)

    Hi,
    we are working with clearcase as version control and some people in out team get "extra white lines" in
    some java files that other people have created(and chekced in).
    this makes the java file very ugly.
    do u know any reason for this ? or any solution ?
    this does not happen for all the java files.but some of them look differently in other computers using same IDE version.
    for example i see :
    try
    catch
    in my computer and in another machine this is seen as :
    try
    catch
    thax
    reza

    How does the file show up in notepad or vi? How does it show up in firefox?
    You might want to evaluate the file with an ASCII reader to see if there are any extra line breaks in the code.
    Also are some of the developers on linux/unix and some on windows?

Maybe you are looking for