second product image hover visible - hover

I have tried a couple of snippets to get this thing working.
https://kidslabel.nl is my webshop, and i'm trying to get the second product picture visible when hover on it. Can somebody help me out?

Related

Using a very specifit part of an image

So I am trying to use this image. "https://www.pinclipart.com/picdir/middle/5-59028_image-single-line-border-clipart-dark-blue-swirl.png"
I don't need the background, just the blue line. is there a way I can get rid of the background? I've looked everywhere I feel like. any help would be greatly appreciated.
not sure if this is important, but it is going on a cover of a book, I'm using GMBinder and it will be placed on top of 2 other images.

Bootstrap Buttons Won't Display Properly

My Problem
I am trying to add 3 big buttons ( Summary, Builder, History ) in the middle of my nav bar. Below is pictured my ideal results. I would like an active one to have no bottom border.
I have tried everything I can think of to get this to work. When I add a button in the spot you would think it should go, here is what I get:
Notice the yellow oval, that is where my button is ending up!! I can't figure out what I am doing wrong.
Here is a link to the page, as to post the code here would be too long:
http://johntesting.azurewebsites.net/workflow-blue/blank-backup.html
Can anyone help me out with these buttons? I have been going crazy trying to figure this out.
Thanks for looking.
John
Set display:flex; on your '.page_title' div to immediately see the button much closer to where you expect it. The first child element of that div is an h3 which is a block element that fills the entire div, leaving no room for your buttons, resulting in them being pushed to the next line.
Another approach is to set the display property of that h3 to inline-block.

Bootstrap panel full linking

Can someone help my with this problem;
http://www.bootply.com/eN40Ko2uua
I have a navigation system made from the panel collaps, but the only part you can click on is the word while I would like the whole panel to link.
But if I place the and around the td it doesn't work,
if I put it around the div the design changes what I don't want neither:
http://www.bootply.com/10tPocupPp
Does someone have a solution for this problem to let the menu, submenu be clickable around the whole width/height.

Issue with HTML/CSS around Top Nav Bars and Textbox and Image positioning

I'm having an issue here with a textbox that is located on a top navigation bar for a site I'm building.
Below will help to paint a little picture of what it looks like:
http://i34.tinypic.com/24w4uja.png
I also have a image file which is sitting about half way between both of these navigation heigh wise.
To the right I have a textbox which is somewhat aligned with the image file that is shown to the left. The issue that I'm having is that the textbox field is not able to be clicked in at or above where the red line starts in my picture.
I've tried setting a z-index on the textbox to get it to sit on top of everything, but I've had no luck at all yet trying to figure this issue out.
I want to have the image stay where it's at, but I simply want to be able to click anywhere in the textbox to be able to enter text.
I'm obviously not an expert at HTML/CSS - but I would greatly appreciate help on fixing this issue.
Best regards and thanks in advance for your time!
Your elements are likely in different stacking contexts. If one has a position or opacity property and the other does not, the z-indices will be out of context and will not respond to their relative values.

Div Not Showing Up : Rollover Image Link

Live Example Page:
http://newsite.702wedding.com/cheap-las-vegas-weddings.asp
I want the 3rd box on the right side to have a sprite image link in it. I cant seem to get the darn thing to show up.
The Image is : reserve-a-date-right.jpg
its 801px wide, with 401px viewable.
Thanks as Always,
Any Ideas would be helpful.
What am I missing? I have spent 3 hours trying to figure this out.
Add in: display: block; to #package-right-box-promo a
It should show up, though you may have to adjust the top margin. (Looks like margin-top: 19px; centers it nicely, but that's in Firefox 3)