Solved

Link not working

Posted on 2013-05-26
3
150 Views
Last Modified: 2013-05-27
I have a page with a slider.  You should be able to click on the image and open a new page.  However; this is not working.  I have it only on the first image at this point and now the first image in the slider is not showing... The page

http://www.menuhead.com/index.html

The code on the slider...
<div id="images">
			<div class="carousel">
					<a href="bigserach.php"><img src="../MetalSlider/img/Menuhead3.jpg" alt="mh" width="900" height="500"/></a>
	                <img src="../MetalSlider/img/Bigsearch1.jpg" alt="bs" width="900" height="500"/>
					<img src="../MetalSlider/img/Feedyourhead1.jpg" alt="fh" width="900" height="500" />
					<img src="../MetalSlider/img/Grabbamenu.jpg" alt="gm" width="900" height="500" />
					<img src="../MetalSlider/img/Blockbuster.jpg" alt="bb" width="900" height="500" />
                    <img src="../MetalSlider/img/Talkingheads.jpg" alt="th" width="900" height="500" />
				</div><!--carousel end-->	
			</div><!--images end-->

Open in new window

0
Comment
Question by:DS928
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
3 Comments
 
LVL 58

Accepted Solution

by:
Julian Hansen earned 500 total points
ID: 39198604
Two things

1. put <div></div>'s around your carousel items i.e
<div><a href="http://www.menuhead.com/bigsearch.php"><img src="http://www.menuhead.com/MetalSlider/img/Menuhead3.jpg" alt="mh" width="900" height="500" border="0"/></a></div>
<div><img src="http://www.menuhead.com/MetalSlider/img/Bigsearch1.jpg" alt="bs" width="900" height="500"/></div>
<div><img src="http://www.menuhead.com/MetalSlider/img/Feedyourhead1.jpg" alt="fh" width="900" height="500" /></div>
<div><img src="http://www.menuhead.com/MetalSlider/img/Grabbamenu.jpg" alt="gm" width="900" height="500" /></div>
<div><img src="http://www.menuhead.com/MetalSlider/img/Blockbuster.jpg" alt="bb" width="900" height="500" /></div>
<div><img src="http://www.menuhead.com/MetalSlider/img/Talkingheads.jpg" alt="th" width="900" height="500" /></div>

Open in new window

2. Remove the float: left from here
#images img {
  display: block;
  xfloat: left;
  padding: 10px 0px 0px 10px;
}

Open in new window

0
 

Author Closing Comment

by:DS928
ID: 39199233
Thank you, so much!  Works perfectly!
0
 
LVL 58

Expert Comment

by:Julian Hansen
ID: 39199587
You are welcome - thanks for the points.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

630 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question