Wufoo form in front of an image on an HTML page? - html

I have a typical Wufoo form and have added it to a site that I'm working on, built using plain old HTML and CSS. In the form, I have a date field that, when clicked on, opens a little calendar date picker. I also have an image beside the form, created using the <img> tags. However, when I click to open the date picker, it shows up behind the image.
I have tried putting the form in a div and setting the z-index property higher than that of the image, but the image still appears on top. I have also tried setting the image as the background image of a div, and changing its z-index property to something lower than that of the form, but it still overlaps in front of it.
If anyone has any solutions as to how I can put the image behind the form, they would be greatly appreciated! Thanks in advance!

try setting the image as a background image of a div or something using css.

Related

Can't find an element in the Web Inspector

There's an element that appears on the site, but I can't seem to find it in the inspector of the browser. I would like to hide it somehow.
On this page: http://gdhbau.hu/#bemutatkozas
It is the "BEZÁR" word with white color, next to the "Becsuk" button, when clicking on the "MÉG TÖBB" button (to expand the content).
This problem shows up when I turn on the "Automatically add paragraphs" in the WordPress SiteOirgin editor; but I need to use it, otherwise the content falls apart.
EDIT: This is with the plug-in called: "Collapse-O-Matic"
You will never find it since it's not an element.
It's part of the image in the background http://gdhbau.hu/wp-content/uploads/2018/03/bemu-bg-large.jpg

Clickable hotspots over HTML image

Is there any way to create clickable hotspots over a JPEG image in order to navigate to a different image/page? I would like to achieve this without having to code everything in manually and InVision has a lot of limitations.
Any suggestions would be appreciated.
If you want to make parts of an image clickable, just use an image map. http://www.w3schools.com/tags/tag_map.asp
to do this without coding it in manually you will need some application to make the code for you. it'd be faster for a 1-time use to just set a size for your image, and then make areas (like div's) that are set in place of where it looks like a button on the image, and set their onclick to be a link to your other page or file.

How do you auto fit an image on a button so that you don't have to stretch the button to show the picture in Access 2010?

I'm building an access database for my music catalog. I've created one main table with a bunch of queries. I want to make a decent looking front end. I have a bunch of buttons with macros assigned to them already. The problem (which I presume is something very small that I'm missing) is that I added a picture to the button it's just a picture of vinyls that would run a query to show my vinyls. The picture only displays a portion rather than the whole picture. I can get it to show the picture by expanding the button size but this is not desired.
Any help is appreciated.
Thank you and Happy Thanksgiving.
The button doesn't resize the image you assign to it.
You first need to resize your picture files to whatever size you deem suitable for the button, then use that scaled down image.
Alternatively, you can use the Image control instead of a button. That control will allow you to resize the image inside it, but it will generally appear slightly blurry, depending on the image and the dimensions you resize it to.
Also, forcing Access to load larger image and then resize them can make your application less responsive if you have a lot of images, since you make it do extra work.
A workaround is to work with an image and a button.
Insert and size the image you need in the form
Add a button, setting its property "transparent" to true
Overlay the transparent buton over the image
Make sure the button is on the topmost layer usuing the "bring forward" in the image menu. We have then the transparent button over the picture
Associate VBA code or macro to transparent button.
For all intent and purposes, user will click on an image, but because there is a transparent button over it, will be in fact clicking on the button

PDF in Iframe is overlapped other element

I have a screen where I need to show pdf/html .So I am making use of an iframe content to show the PDF or HTML in it.and whenever needed i need to show a popup on top masking the whole screen. This is working cool in all the places.
Problem is , only in Internet Explorer, if PDF is there in iframe content, the masking is not coming on top of the pdf, instead pdf overlaps the masking , popups,dropdowns.
Please let us know how to solve this.
Thanks in Advance.
So, I solve the problem. What you have to do is make iframe visibility hidden when you want to show masking on the page.

Should I choose <button> element or css buttons?

Ok, here's the thing.
I've done a webpage which contains forms and so I added buttons as elements and this works great. I created their own css classes and use graphics as background images for each of them. All working great (these are submit buttons btw)
Anyway, I've also got a jQuery script from before that takes all a href hyperlinks and add content from a set div from an external file and adds to a div in my current page, all in one animation. But this would probably not work with form buttons?
In any case I need to be able to have these buttons work as traditional hyperlinks anyway. So what do I do?
I thought about using css-buttons alltogether, but I'm not able to have them stack vertically. Using float left or right just put the buttons outside of their parent containers (probably a different fix for that).
But in any case, using css buttons, that wouldn't work as a submit button for the forms anyway would it? Should I perhaps use both form buttons and css buttons? What do you do?
<button> elements.
You should never use links to submit data, users with javascript disabled won't be able to use them, crawlers can submit data accidentally, etc...