473,610 Members | 2,036 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

(IE bug in Facebook Iframes; Scrolldown mess) Need help to fix my html/css button

3 New Member
The code works fine in JSFIDDLE, both in Mozilla and IE, but when I paste this code in my facebook iFrames tab, I get crazy scroll down in IE/Chrome (Mozilla works fine just like in JSFIDDLE).



Can you help me to fix it, please?

iFrames in facebook is just an app that let you paste any content (HTML,CSS,Java) that will be surrounded by facebook frame. Look at the screenshots below:

http://i.imgur.com/vn8PCP5.jpg

http://i.imgur.com/xyReKvK.jpg

JSFIDDLE Link
http://jsfiddle.net/cRqhT/127/

The same code in Facebook iFrames
http://www.facebook.com/podstrigis/app_201742856511228

HTML
Expand|Select|Wrap|Line Numbers
  1. <html>
  2.     <body>
  3.         <div>
  4. <a id="button" href="http://mysite.com"></a>
  5.             </div>
  6.         </body>
  7.     </html>
CSS
Expand|Select|Wrap|Line Numbers
  1. div {
  2.     width: 810px;
  3.     height: 810px;
  4.     background: url('https://gator1174.hostgator.com/~mskparik/facebook/thx.jpg')
  5. }
  6.  
  7. #button{
  8.   display: block;
  9.     width: 204px;
  10.     height: 116px;
  11.     background: url(https://gator1174.hostgator.com/~mskparik/facebook/111.png) no-repeat top left;
  12.     position: absolute;
  13.     top: 70%;
  14.     left:5%;
  15. }
  16. #button:hover {
  17.     background: url(https://gator1174.hostgator.com/~mskparik/facebook/222.png) no-repeat top;
  18.     }
Feb 22 '13 #1
1 1976
msk1
3 New Member
Nvm...

I got it fixed.
Feb 22 '13 #2

Sign in to post your reply or Sign up for a free account.

Similar topics

2
1570
by: Matt | last post by:
The code <input type="button" name="btn" value="ok"> will produce a html button with caption ok and value ok. The problem is the width of button is dependent on the length of attribute value. And I do the following, which is not a good solution. <input type="button" name="btn" value=" ok ">
3
31771
by: FantaJ | last post by:
Hi, Is it possible to make a html button invisible using javascript? I can certainly disable it: var x=document.getElementById('button2'); x.disabled=true; //x.type = 'hidden'; // read only? //x.visible = false; // doesn't exist?
2
395
by: Rocio | last post by:
I have a html button created with <input type="submit" id="btnPayNotices" value="Pay Notices" /> now I need to trap the click event at the server side. Yes, this button had to be created with plain html, not with asp.net how can i do this ?
1
1119
by: Victor Sayas | last post by:
i have a html button in a webform that i converted to run as web server control. i have an onclick event on the .net ide and also in the html side. my problem is i cant seem to syncronize it so that when i redirect the page, the necessary data needed will already be available. document.location.href='./Main2.aspx'" this command is set in the onclick event on the html side, how can i move this command in the onclick in the webform event? so...
7
2538
by: J-T | last post by:
I have a user control called "Test1" with two button on it ,one is input and the other one is a server control as follow: <input type="button" onClick="this.disabled=true;document.getElementById(btnSend).click();value="Go!"> <asp:button id="btnSend" runat="server" onClick="click" Width="90px" Text="HiddenControl" Visible="False"></asp:button> As you can see the asp.net button is calling a java script function as follows:
1
1418
by: Bishoy George | last post by:
I have an html button that reads a text box and runs a javascript. I made a Required Validator on that text box , any web button follows that validator. My html button does not follow the validator I want to force my html button to follow the validator, how to do it? Any help is very appreciated...
4
6494
by: Ryan | last post by:
Hello, I have a standard HTML button on an aspx web form that I have set to runat server. The button is named reset1 and its tag is as follows: <INPUT id="btnReset1" style="WIDTH: 60px; HEIGHT: 24px" type="reset" value="Reset" name="btnReset1" runat="server"> Using Interdev I then double click the button in design view and in the code behind page (aspx.vb) have the following:
0
1220
by: jimryder | last post by:
I have an HTML button next to a Webcontrol Command button on my aspx page. They don't look the same! I know how to style, I just don't know what style to use to make the HTML button look like the command button. Can anyone help? FYI: the command button does a load of code behind work, where as the cancel button just runs some JS to close the form.
1
1217
by: sani723 | last post by:
i am using an HTML button having attribute runat="server" in the XSLT file in the webservice and then i want to call a function from code behind file onClick event of the Button. but i need to Initialize like this.. private void InitializeComponent() { this.Button1.ServerClick += new System.EventHandler(this.Button1_ServerClick); this.Load += new System.EventHandler(this.Page_Load); } and also
4
3613
by: ismailc | last post by:
Good day, I need to use the value of the name to an html button onclick click function. <xsl:element name="asp:CheckBox"> <xsl:attribute name='id'><xsl:value-of select='@name' /></xsl:attribute> <xsl:attribute name='runat'>server</xsl:attribute> </xsl:element> <input id="btnDone" type="button" value="Done" onClick="@name.click();">
0
8146
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8591
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
8558
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
8237
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8411
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
7031
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
6069
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
1
1691
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
0
1407
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.