3 Replies - 604 Views - Last Post: 17 January 2013 - 06:56 AM

#1 cheryl01music  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 17-January 13

linking

Posted 17 January 2013 - 06:04 AM

Hi

I am new to CSS and have got myself stuck on linking up this code ....

<div class="header_text">
          <div id="index_portfolio">
            <div class="itemidx"> <a href="#"></a><img src="images/simple_img_1.jpg" width="680" height="313" alt="screen 2" /></div>
            <div class="itemidx"> <a href="#"></a><img src="images/simple_img_2.jpg" width="680" height="313" alt="screen 2" /></div>
            <div class="itemidx"> <a href="#"></a><img src="images/simple_img_3.jpg" width="680" height="313" alt="screen 2" /></div>
            <div class="itemidx"> <a href="#"></a><img src="images/simple_img_4.jpg" width="680" height="313" alt="screen 2" /></div>
            <div class="itemidx"> <a href="#"></a><a href="contact.html"><img src="images/simple_img_5.jpg" width="680" height="313" alt="" /></a></div>
          </div>
          <div class="clr"></div>
        </div>


the slideshow is disturbed and the links seem to replace the images on the slide !?

how do I add links to each of these images on the slide?


Thanks

This post has been edited by Dormilich: 17 January 2013 - 08:22 AM
Reason for edit:: please use [code] [/code] tags when posting code


Is This A Good Question/Topic? 0
  • +

Replies To: linking

#2 andrewsw  Icon User is online

  • It's just been revoked!
  • member icon

Reputation: 3720
  • View blog
  • Posts: 12,946
  • Joined: 12-December 12

Re: linking

Posted 17 January 2013 - 06:17 AM

The images need to be within the A tag to make them clickable:

<div class="itemidx">
    <a href="#"><img src="images/simple_img_1.jpg" width="680" height="313" alt="screen 2" /></a>
</div>


BTW There is no CSS in the code you posted, and please wrap your code in CODE tags.
Was This Post Helpful? 0
  • +
  • -

#3 cheryl01music  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 2
  • Joined: 17-January 13

Re: linking

Posted 17 January 2013 - 06:43 AM

View Postandrewsw, on 17 January 2013 - 06:17 AM, said:

The images need to be within the A tag to make them clickable:

<div class="itemidx">
    <a href="#"><img src="images/simple_img_1.jpg" width="680" height="313" alt="screen 2" /></a>
</div>


BTW There is no CSS in the code you posted, and please wrap your code in CODE tags.


Ive tried that and they still seem to be replaced with the link and a blank screen ..heres the whole code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>The Factory</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/accordian-slide.js"></script>
<link href="style2.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
body {
background-image: url(images/logobg.jpg);
}
-->
</style></head>
<body>
<div class="main">
<div class="header">
<div class="block_header">
<div class="post_date_block"></div>
<div class="menu">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
<div class="clr"></div>
<div class="right_hot_deal"><a href="#"><img src="images/spacer.gif" alt="picture" width="27" height="50" border="0" /></a></div>
<div class="header_text2">
<div class="header_text">
<div id="index_portfolio">
<div class="itemidx"> <a href="#"></a><img src="images/simple_img_1.jpg" width="680" height="313" alt="screen 2" /></div>
<div class="itemidx"> <a href="#"></a><img src="images/simple_img_2.jpg" width="680" height="313" alt="screen 2" /></div>
<div class="itemidx"> <a href="#"></a><img src="images/simple_img_3.jpg" width="680" height="313" alt="screen 2" /></div>
<div class="itemidx"> <a href="#"></a><img src="images/simple_img_4.jpg" width="680" height="313" alt="screen 2" /></div>
<div class="itemidx"> <a href="#"></a><img src="images/simple_img_5.jpg" width="680" height="313" alt="screen 2" /></div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="clr"></div>
</div>
</div>
<div class="clr"></div>
<div class="body">
<div class="body_resize">
<div class="clr"></div>
</div>
<div class="clr"></div>
</div>
<div class="FBG">
<div class="clr"></div>
</div>
</div>
<div class="footer">
<div class="footer_resize">
<p class="leftt"> Copyright The Factory. All Rights Reserved<br />
<a href="about.html">Home</a> | <a href="contact.html">Contact</a> |</p>
<p class="rightt">A CLB <a href="http://www.dreamtemplate.com"><strong></strong></a></p>
<div class="clr"></div>
</div>
</div>
</body>
</html>
Was This Post Helpful? 0
  • +
  • -

#4 andrewsw  Icon User is online

  • It's just been revoked!
  • member icon

Reputation: 3720
  • View blog
  • Posts: 12,946
  • Joined: 12-December 12

Re: linking

Posted 17 January 2013 - 06:56 AM

When you are creating a post it tells you (directly in the text-area!) to use [code ] tags to surround your code [/ code] (without the extra spaces).

Quote

Ive tried that


The code you have posted doesn't show the corrections I advised.

This post has been edited by andrewsw: 17 January 2013 - 06:58 AM

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1