is it possible to display a small HTML form instead of the image in the lightbox code?
Is it something as simple as directing to the HTML page instead of the img?
Related
I am building a website on Wordpress. I made a 2-column layout for my desktop page in Wordpress, where the image fills one of the column and the text fills the second column. (https://drive.google.com/open?id=1TKhwA_vQnukeh-q1KL5sqXtHYtXVRjDA)
This is how it looks now (https://drive.google.com/open?id=1Rr-iDFylP0Goev2Vb6g9fsgd-lSkJV6x). But I want to show the image full-width (something like this https://drive.google.com/open?id=1CvWrqGogynSTN2qn3myKYUT0ZkzZP8o1) on the mobile device.
How could I do that?
Shi,I agree with Demian, your question is a bit vague, but I will give you a general answer for doing this task with CSS using Media Queries.
In Wordpress you can add the css to your style.css file or in an html block within <style> tags above the <body> tag. Then in your html block or template file give your <div> the correct class. I made this fiddle for you, take a look and let me know if that helps.
I have a page with the body tag and the HTML tag styled with a css background image. It is a SVG. Now I noticed that when I go to a page that has an IFRAME in it that holds our tiny wysywyg editor in it. The frames body tags ALSO has out site background image and you can't read what you type in it lol. I have tried everything but I can't get the frames background-image to NONE unless I change it for the whole site. to
This page uses a plugin from Dreamweaver called Easy Rotator. It is current being used to display an image gallery. There is a div to the right of the image that has text in it, but it is not showing the text. I am not sure why this is the case. I have tried using the CSS inspector to track down the problem with not luck. Any help on this would be greatly appreciated.
Live page: http://www.securitybankusa.com/art
How is Flickr Explore thumbnail grid page done? Is this possible using bootstrap and still retain the responsiveness of the images? I checked the Flickr page and it seems that those images are set as background-image.
Is there any similar CSS technique to copy that effect?
I have created a simple HTML page with a centred DIV for content. I have a repeater image on the DIV to give a border effect.
When viewing the HTML page in IE & FF, it loads correctly. No scrollbars and all divs fill the whole page to 100%.
When I move this over to a ASP.Net MasterPage, it all goes pear shaped. The centre DIV only fills as far as the content goes.
I've tried several attacks, but I'm out of luck. I've tried JavaScript to onLoad resize the div, setting the form elements to have a style attribute - nothing however gives me the same results as the standard HTML page.
So, what I am I doing wrong? Why do I suck at this? Please show me how this is done.
Many thanks,
Run your simple page, view the HTML source and save it. Then run your master page example, view the HTML source and save it. Compare the two, which will let you know what HTML and/or CSS differences you have. From there, make changes to your master and content pages so that they output the same HTML as your simple page.
Sorry, should have posted before - I resolved the issue. It was the DOCTYPE element at the top of the page. Removing this means it works.
I did pretty much what you suggested, using Beyond Compare.
Thanks for you help though.