Solved

Iframe style and cursor

Posted on 2008-06-12
3
986 Views
Last Modified: 2008-08-11
I used the function filter for my Iframe adding special effects but the cursor position was a problem. Based on the solution here:
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/CSS/Q_23459300.html

. . i removed the function filter from the style, and the cursor aligned properly.

Is there any way I can retain the styles while at the same time, cursor is being properly aligned?
0
Comment
Question by:digitalZo
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 4

Expert Comment

by:sajay_j
ID: 21776373
Please check whether underlying code works; or if i am mistaken...

<iframe id="mydiv" style="z-index:200; position: absolute; top:15%; left:1%; border: 1px solid #006699;display:none; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=98)progid:DXImageTransform.Microsoft.Glow(Color=#006699,Strength=5); cursor:default;" src="frm_addVendor.aspx" height="505" width="730"></iframe>
 
<iframe id="cal" name="cal" style="z-index:200; position: absolute; top:210%; left:55%; display:none; border: 1px solid #006699; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=92)progid:DXImageTransform.Microsoft.Glow(Color=#006699,Strength=5); cursor:default;" height="255" width="222" scrolling="no"></iframe>

Open in new window

0
 
LVL 4

Expert Comment

by:sajay_j
ID: 21776380
Also set margin & padding property of body as well as form to 0.
0
 
LVL 10

Accepted Solution

by:
digitalZo earned 0 total points
ID: 21776869
not working. how do i set the margin and padding property of body and form? and which form? the parent form or the ifram form?
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Excel to HTML macro with inserting lines 14 51
iframe stay to the left of page 5 30
Slow Down an Animation 3 29
CSS styling problem 3 28
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article discusses four methods for overlaying images in a container on a web page
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

751 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question