Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Link not working

Posted on 2013-05-26
3
Medium Priority
?
151 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 59

Accepted Solution

by:
Julian Hansen earned 2000 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 59

Expert Comment

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

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
In this tutorial viewers will learn how to customize the background color and font color of highlighted text using the ::selection element in CSS Begin by defining the selected text as an element in CSS by typing "::selection": Style the ::selection…
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

671 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