Divs don't expand to fit in rollover image hyperlinks

Hello everyone,

Hello everyone,

I am trying to make a navigation bar. I want the buttons to be image hyperlinks that change opacity on hover and click. This is how I am doing it:

	.jw-button a:link,
	.jw-button a:visited
		border: 2px dotted orange;	
		opacity: 0.6;
		overflow: hidden;
	.jw-button a:hover,
	.jw-button a:active
		border: 2px dotted yellow;	
		text-decoration: none; /* to remove the little line */
		opacity: 0.95;
		overflow: hidden;
	<div class="jw-button"> 

how to align image slider in center of the blog website.

hello i m newbies in html5 coding and css3 too.i want to ask that how to align image slider in center.
my html coding :

<!DOCTYPE html>
<html lang="en">
<meta http-equiv="X-UA-compatible" content="IE=edge">
<div class="slider-container" id="slider-container">
	<div class="slider">
	<div class="switch" id="prev"><span></span></div>
	<div class="switch" id="next"><span></span></div>
<div class="container">
	<div class="slider-container" id="caption-slide">
		<div class="slider">

Underline in text links, but not in image links

Is there any way that this CSS code of mine will work in a way that the dotted decoration for links will only work for texts, but not in images?

#content a {
	border-bottom: 1px dotted #666;
	text-decoration: none;

A Little help with a broken image

Our site is fasteat.biz, we are a UK online order portal for takeaway food.
We are readying the site for imminent launch and have hit a snag with a weird image problem in our checkout pages. See image, you can see the 2nd image is for cash payments and it is supposed to be aligned with the radio check button,this has now moved above the image and their is the weird repeating pattern of the radio button Puzzled

We have checked all of the CSS as much as our knowledge allows and cannot find a reason for this, can anyone advise? Smile

Image Hover - Reverse Opacity

Hi Guys,

I'm trying to make the image opacity rollover be reversed so that basically the images start with the opacity at 0.5 but when you rollover them it turns to 0 so you see the image properly. Basically the complete opposite of what I have now. Is it possible? I would like the text to be showing when you're not on it but when you rollover it, the read more and + button shows.

Here is the site with the images:

Hopefully that makes sense and someone can help me out Smile

If you guys need the css code I can add it no problem.

Syndicate content