Working on a website, mozilla firefox inspector showing overflow in <body>, due to this my navbar setion got topmargin with showing (").need fix - overflow

here you can see top left corner " .enter image description here
enter image description here

Related

Lightbox2 - Keep image displayed while loading next image

Hi all im use lightbox2 for my new photography website and all is working perfect.I would like to leave the image loaded on display white the next image is loaded and dsiplayed. I can see the code is css to change to white background. Any help would be great.

Background image and text will be fixed on web site

https://avada.theme-fusion.com/gym/ enter image description here On this website the text "No Pain No Gain" on the first page is fixed with the background image. But after scrolling it is being hidden? How it is done?
it can be done using postion: fixed , and z-index .

Disable click behavior for images

I am creating html documentation using sphinx and the read-the-docs theme. When I add a scaled image, it can be clicked and pops-up full-size in a new tab. How can I disable this behavior.
For example, I am using the following scenario throughout my document
1) Create a png file, e.g., application-icon.png , to be exactly 10pt by 10pt.
2) Create a document containing:
.. |application_icon| image:: images/application-icon.png
:width: 10pt
:height: 10pt
Click the application icon |application_icon| to display …"
When the width and height scale information are included, the icon displays perfectly and properly sizes even when I view the document on my cellphone. However, the icon is clickable and opens a new tab showing the image.
If I omit the scale information, the icon is no longer clickable, however the image does not scale when the document is opened on my cellphone, instead the image occupies the entire width of the cellphone screen.
Try adding html_scaled_image_link = False to your Sphinx conf.py file. You can find details here.
Inline
.. image:: images/pic.png
:class: no-scaled-link
I kept clicking on them when I was switching between windows/ tabs!

Magento home page slider full width

I installed the slider extension Auguria Slider but somehow it doesn't work like expected.
How can i make the slider full width?
actually i have installed Auguria Slider first we have to know how we download image
1.first how much pixel you want image
2.consider i want width 1200px height 350px
3.then down load
4.go to magento admin panel select system=>configuration=>right side one option is there that is slider click on
5.it will show slider option
6.how much you want set the value
7.then check your home page magento it will not display do not worry
8. here i have wamp so i go to www=>your folder name=>skin=>frontend=>base=>default=>css=>Auguria=>sliders=>default.css
9.here we have to put some code that is
.auguria-slider-image{
width:1200px;
height:600px;
}
10.i hope it will work good
11.you have change pixel range
conclusion
12.how to know how much pixel we want
13.first go to magento home page cursor put on slider image right click then we will select inspectelement
14.now we see one box left side corner one arrow mark is there click on then go to slider image it will show how much pixel have
15.we have to particular image open paint we can change pixel and size
16.that all
17.i hope it will work finethis image last work good[enter link description here][1]

Safari doesn't display 'alt' text on Images?

<img src="image_that_may_or_may_not_load.png" alt="Show this text if image not loaded" />
Safari doesn't seem to show 'alt' text in case the image is not loaded. I'm not sure about other browsers, but Firefox does show the alternate text.
Its so important to display alt text in email templates where the images would be blocked by the client most likely, atleast until the user accepts to "display images from this user/site".
Any workaround for this?
Thanks
So it turns out, setting width and height for the image will show alt text incase the image is unavailable, not otherwise.
Try use the title attribute.
<img src="image_that_may_or_may_not_load.png" alt="Show this text if image not loaded" title="Show this text if image not loaded" />
Apparently from here: Alt text showing in IE and firefox but not in safari?. Safari doesn't support it.

Resources