I'm having a problem with the expanded image in Highslide. For some reason, I'm getting some white/gray (#EBF6FF to be exact) background appearing when I bring the mouse close to the image around the outside. Here's a link to a screenshot.
It also does it on the sides (a white box/background appears, jutting out 13 pixels on either side, beginning at the bottom edge of the area shown in the image above), and the bottom, although for the bottom you need to mouseover outside the caption area, along the lower right and left corners of the image. The affected area is 13 pixels beyond the top and sides of the image. I've gone through my CSS and can't find any 13 pixel padding, and also can't find any references to #EBF6FF. Has anybody seen this before?
I've used Highslide in the past with the glossy dark border, but I wanted to switch to a borderless look. I'm not re-using any of the previous HS code (with the glossy border). I started this one from scratch using the latest version (4.1.13). Everything else is working fine, the only problem is with this unwanted background appearing on mouseover. Unfortunately, I'm still developing this on my localhost, so don't have it live to view on the web. But I can provide any code that you may need.
Thanks in advance for any help/suggestions anybody can provide!
Edit: This site isn't finished so I can't upload it yet, but here's a link to a video I took showing the issue.
Related
I have a 5 column responsive layout for a gallery page. I did not code it myself, having found the code for exactly what I wanted somewhere on line. My coding skills and understanding of CSS positioning are evolving, to put it nicely.
It works well until I zoom an image. The image zooms properly, but the right edge is showing as "under" the image to the zoomed image's right.
Looking for the answer I found that the container must have a relative position and the image to have an absolute position for z-factor to work (or so I understood what I read). When I set the image position to absolute, each image takes up the entire screen. I tried a "clear:both" on the hover property to no avail.
The problem exists in any screen width from 550px up - below that the display is single column.
Both the code and the on-page css is valid. Link is http://www.artfromny.com/gallery2.html
Any help appreciated; prefer no java solutions since I barely understand the basic concept of it.
Thanks in advance to all of you who spend so much time helping others get the hang of coding. The last language that I truly understood and used properly was dBase iii so I am kind of struggling here :)
Art
Why some people make it duplicate? I I said that was my question...
First, I own this question and now I want to show a better example of my question. Honestly, I didn't try the answer yet because I'm curious is there anyway to solved this by code? Well, is it even possible? Besides, using an image as a background to solve this would be a problem, no? I mean, the user's phone is not always has the same screen size.
Here's an example of the idle state of my home screen. I got header with search bar and an horizontal scrollview of image banner. As you can see, if you notice, the banner is overlapping on the top of blue square and a curved blue view.
And what happen is user scrolled down? Here:
The curved view and banner is scrolled up. So, how do I achieve this? Thank you
You can create a png file, with transparent background and this curved border.
Then, set this file as ImageBackground of your header.
I have search all over the internet and tried for hours to resolve the issue with no avail!
Visit http://testdrupal.ml/node/126 on your mobile device or from your desktop but with resized window to any size... and you will notice a black background will show up at the right side of the screen.
I have tried for hours to play with css and yet the problem not solved!
Can someone please point me to the right css style to be used in order to make this black background disappear ?
Using:
Drupal 8.6.10
Default Bartik theme
An image showing the black background
I want to provide the full css code but the project is private and I can only provide full information with website access in a private chat... I hope someone will be interested!
I made some research before writing here, but I couldn't find nothing that satisfied my answer to this specific case.
I have an icon, and when user hover onto it I want the icon become smaller and text (caption for the icon) should appear -at icons bottom.
As now, I have an interaction for the icon, that makes it become smaller.
It's first time for me working with WebFlow, and I see that using overlapping blocks they work as layers in the sense that the one on top is the only one who react to hovering.
I found in other questions that there was the need of setting correctly absolute/relative for blocks, but is not working for me since I have also the icon, inside the same block.
If I move the icon out of the block, I have the problem I shared before about overlapping "layers".
I need that icon decrease in size and text appear at the same time.
Is this achievable?
Thank you for your help!
I have placed 3 images into UIImageViews using xcode4 interface builder: background, and two pictures. Background image fills the whole visible area and it looks the same in interface builder, in simulator and on device. In addition, I'm placing another image at the very bottom (stick to) of visible area, and another one on top of it. Both looks as I want in interface builder. The problem is both bottom image and on top of bottom image moves approximately by 50 pixels up when running in simulator or iphone4 device. Interesting part is that background image fill whole visible area. I should note that I'm using UIInterfaceOrientationLandscapeRight orientation so the status bar in my orientation should appear on top but I have disabled it in plist, so I guess it's not related to this problem. Both of my problematic UIImageView's have mode "Bottom". Also, all of three images have #2x image twin. But why can see everything OK in interface builder and then some shift on simulator and device? Also, strange why background is not moved. Does anybody had the same problem?
Try hiding all elements in your nib. (status bar, tool bar, etc)
Make sure you have your springs adjust for your desired effect.
Hope this helps!