Solved

Link not working

Posted on 2013-05-26
3
142 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
  • 2
3 Comments
 
LVL 51

Accepted Solution

by:
Julian Hansen earned 500 total points
Comment Utility
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
Comment Utility
Thank you, so much!  Works perfectly!
0
 
LVL 51

Expert Comment

by:Julian Hansen
Comment Utility
You are welcome - thanks for the points.
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
Jump links not quite lining up 18 49
reposition hamburger icon to top of screen 5 44
using web browser with BING 40 83
css question 1 31
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. 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.: (CODE)

772 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now