Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 12-15-2012, 10:52 PM   PM User | #1
legendrock7
New Coder

 
Join Date: Sep 2012
Posts: 58
Thanks: 8
Thanked 0 Times in 0 Posts
legendrock7 is an unknown quantity at this point
i cant add link to a image?

Code:
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Home</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">   
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="js/cufon-yui.js" type="text/javascript"></script>
    <script src="js/cufon-replace.js" type="text/javascript"></script>
    <script src="js/Glegoo_400.font.js" type="text/javascript"></script> 
    <script src="js/FF-cash.js" type="text/javascript"></script>
    <script src="js/script.js" type="text/javascript"></script>      
	<!--[if lt IE 8]>
    <div style=' clear: both; text-align:center; position: relative;'>
        <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
        	<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
    </div>
	<![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
	<![endif]-->
</head>
<body id="page1">
	<!--==============================header=================================-->
    <header>
    	<div class="main">
        	<div class="wrapper">
                <h1><a href="index.html">TizenX-rsps</a></h1>
                <nav class="fright">
                    <ul class="menu">
                        <li><a class="active" href="index.html">Home</a></li>
                        <li><a href="http://www.tizenx-rsps.com/forums">Forums </a></li>
                        <li><a href="Webclient.html">Webclient</a></li>
                        <li><a href="http://www.tizenx-rsps.com/TizenX%20V2.jar">Client </a></li>
                        <li><a href="http://tizenx-rsps.com/vote/index.php">Vote</a></li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="row-bot">
        	<div class="main">
                <figure class="img-indent-r"></figure>
                <div class="extra-wrap indent">
                    <strong class="title-1">Welcome to TizenX-Rsps</strong>
                    <p>  </p>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </header>
    
	<!--==============================content================================-->
    <section id="content"><div class="ic">TizenX</div>
        <div class="main">
            <div class="container_12">
                <div class="wrapper p3">
                	<article class="grid_4">
                    	<div class="banner">
                        	<figure><img src="images/banner-1.png" alt="" /></figure>
                            
                        </div>
                    </article>
                    <article class="grid_4">
                    	<div class="banner">
                        	<figure><img src="images/banner-2.png" alt="" /></figure>
                            
                        </div>
                    </article>
                    <article class="grid_4">
                    	<div class="banner">
                        	<img src="images/banner-3.png"
                            
                        </div>
                    </article>
                </div>
                <div class="wrapper">
                	<article class="grid_8">
                    	<h2>News</h2>
                        <div class="wrapper border-bot p3">
                        	<time class="tdate-1" datetime="12-10-12">
                            	<span>Friday</span>
                                <strong>07</strong>
                            </time>
                            <div class="extra-wrap">
                            	<p class="prev-indent-bot"><span class="color-1">Items on Death<br>
The items on death bug is fixed, you will not lose valuable items to spawn-able items now! Most items have been fixed, we will continuously update any items we feel we haven't fixed or forgotten about.
<br><br>
TXAH<br>
This is the next big update. What is TXAH I hear you saying? TXAH stands for: TizenX Anti Hackers. This system will dramatically increase account security. The feature will not be mandatory to use, as you can enable/disable it at any time!

What will TXAH do? TXAH will secure your accounts even more by essentially creating another security system. This is all I'm revealing, once the update is finished and released, I will post all of it's details and features.</p>
                                <a class="button2" href="http://www.tizenx-rsps.com/forums/index.php?/topic/239-important-bug-fixes-next-big-update/">more</a>
                            </div>
                        </div>
                        <div class="wrapper">
                        	<time class="tdate-1" datetime="2012-10-21">
                            	<span>November</span>
                                <strong>30</strong>
                            </time>
                            <div class="img-indent">
                            	<p class="p3"><img src="images/page1-img2.png" alt=""></p>
                                <a class="button2" href="#">more</a>
                            </div>
                            <div class="extra-wrap">
                            	<span class="color-1">What is this item you say?<br> Well, this is now known as the L33T Partyhat. It's called L33T because it's for the most wealthiest people in the game. How is this so rare you say? Well, every new member will now receive a blank partyhat on login. You can craft the partyhat into a L33T Partyhat by right clicking > Craft. So why's it so rare? Well, in order to craft it, you need to have obtained the current in-game rares in your inventory!

Image: 

--- Still To Be Discovered --- 
                            </div>
                        </div>
                    </article>
                    <article class="grid_4">
                    	<div class="indent-top">
                            <h3 class="indent-bot">Teamspeak</h3>
                            <div class="indent-left p3">
                                <ul class="list-2">
                                    <li><a href="#">Server Address: Tizen.zapto.org</a></li>
                                    <li><a href="#">Password: nothing (leave it blank)</a></li>
                                    <li><a href="#">What is TeamSpeak?</a></li>
                                    <li><a href="#">So you can chat with tizen players</a></li>
                                </ul>
                            </div>
                            <div class="box">
                            	<div class="padding">
                                	<strong class="text-1">Live Support ticket System</strong>
                                    <figure class="p2"><a href="livehelp.html"target="_blank"><img src="images/page1-img3.png" alt=""></a></figure>
                                    <h6><strong>Get help here QUICK!</strong></h6>
                                    If no staffs are able to help you or they're not on, click on the picture to go to the live ticketing system & a staff will help!
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </section>
    
	<!--==============================footer=================================-->
    <footer>
        <div class="main">
        	<div class="container_12">	
            	<div class="wrapper">
                    <div class="grid_8">
                        <div class="aligncenter">
                            TizenX-Rsps &copy; 2012
                            <span><a rel="nofollow" target="_blank" href="tos.html">Terms of Service |  Tizenx-rsps is not affiliated with RuneScape</a> Website Design by: Morphine</span>
                        </div>
                    </div>
                    <div class="grid_3 prefix_1">
                        <ul class="list-services">
                            <li><a href="#"></a></li>
                            <li class="item-1"><a href="#"></a></li>
                            <li class="item-2"><a href="#"></a></li>
                            <li class="item-3"><a href="#"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
	<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>
i want links to be added on these images
Code:
<figure><img src="images/banner-1.png" alt="" /></figure>
                            
                        </div>
                    </article>
                    <article class="grid_4">
                    	<div class="banner">
                        	<figure><img src="images/banner-2.png" alt="" /></figure>
                            
                        </div>
                    </article>
                    <article class="grid_4">
                    	<div class="banner">
                        	<img src="images/banner-3.png"
but when i do, one of my pictures disappear.

Help?
legendrock7 is offline   Reply With Quote
Old 12-15-2012, 11:12 PM   PM User | #2
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Hello legendrock7,
Show us how you are adding anchors to your images that makes one disapear. http://www.w3schools.com/html/tryit....ryhtml_imglink

HTML5 figure
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Old 12-16-2012, 01:08 AM   PM User | #3
AndrewGSW
Senior Coder

 
Join Date: Apr 2011
Location: London, England
Posts: 2,120
Thanks: 15
Thanked 354 Times in 353 Posts
AndrewGSW will become famous soon enough
You have a number of errors in your HTML - mismatched and unclosed tags.

This <img src="images/banner-3.png" in particular and an unclosed div somewhere (or more).
__________________
"I'm here to save your life. But if I'm going to do that, I'll need total uninanonynymity." Me Myself & Irene.
Validate your HTML and CSS
AndrewGSW is offline   Reply With Quote
Old 12-16-2012, 09:52 PM   PM User | #4
legendrock7
New Coder

 
Join Date: Sep 2012
Posts: 58
Thanks: 8
Thanked 0 Times in 0 Posts
legendrock7 is an unknown quantity at this point
the image still disappears when i use your link & for andrew, i did the check up & solve some of it but my whole design is messed up if i fix everything.

Anyone help?
legendrock7 is offline   Reply With Quote
Old 12-16-2012, 10:03 PM   PM User | #5
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Quote:
Originally Posted by legendrock7 View Post
the image still disappears when i use your link & for andrew, i did the check up & solve some of it but my whole design is messed up if i fix everything.

Anyone help?
You are not giving us enough information to know what is going wrong. That's why I asked you to show us exactly how you add an anchor that makes an image disapear.
Let's see the current version of your code. Even better, since these are images we don't have, a link to the test site.
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Old 12-16-2012, 10:13 PM   PM User | #6
legendrock7
New Coder

 
Join Date: Sep 2012
Posts: 58
Thanks: 8
Thanked 0 Times in 0 Posts
legendrock7 is an unknown quantity at this point
Quote:
Originally Posted by Excavator View Post
You are not giving us enough information to know what is going wrong. That's why I asked you to show us exactly how you add an anchor that makes an image disapear.
Let's see the current version of your code. Even better, since these are images we don't have, a link to the test site.
ok, current html code with pic:

Code:
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Home</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="js/cufon-yui.js" type="text/javascript"></script>
    <script src="js/cufon-replace.js" type="text/javascript"></script>
    <script src="js/Glegoo_400.font.js" type="text/javascript"></script>
    <script src="js/FF-cash.js" type="text/javascript"></script>
    <script src="js/script.js" type="text/javascript"></script>
	<!--[if lt IE 8]>
    <div style=' clear: both; text-align:center; position: relative;'>
        <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
        	<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
    </div>
	<![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
	<![endif]-->
</head>
<body id="page1">
	<!--==============================header=================================-->
    <header>
    	<div class="main">
        	<div class="wrapper">
                <h1><a href="index.html">TizenX-rsps</a></h1>
                <nav class="fright">
                    <ul class="menu">
                        <li><a class="active" href="index.html">Home</a></li>
                        <li><a href="http://www.tizenx-rsps.com/forums">Forums </a></li>
                        <li><a href="Webclient.html">Webclient</a></li>
                        <li><a href="http://www.tizenx-rsps.com/TizenX%20V2.jar">Client </a></li>
                        <li><a href="http://tizenx-rsps.com/vote/index.php">Vote</a></li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="row-bot">
        	<div class="main">
                <figure class="img-indent-r"></figure>
                <div class="extra-wrap indent">
                    <strong class="title-1">Welcome to TizenX-Rsps</strong>
                    <p>  </p>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </header>

	<!--==============================content================================-->
    <section id="content"><div class="ic">TizenX</div>
        <div class="main">
            <div class="container_12">
                <div class="wrapper p3">
                	<article class="grid_4">
                    	<div class="banner">
                        	<figure><img src="images/banner-1.png" alt="" /></figure>

                        </div>
                    </article>
                    <article class="grid_4">
                    	<div class="banner">
                        	<figure><img src="images/banner-2.png" alt="" /></figure>

                        </div>
                    </article>
                    <article class="grid_4">
                    	<div class="banner">
                        	<img src="images/banner-3.png"

                        </div>
                    </article>
                </div>
                <div class="wrapper">
                	<article class="grid_8">
                    	<h2>News</h2>
                        <div class="wrapper border-bot p3">
                        	<time class="tdate-1" datetime="12-10-12">
                            	<span>Friday</span>
                                <strong>07</strong>
                            </time>
                            <div class="extra-wrap">
                            	<p class="prev-indent-bot"><span class="color-1">Items on Death<br>
The items on death bug is fixed, you will not lose valuable items to spawn-able items now! Most items have been fixed, we will continuously update any items we feel we haven't fixed or forgotten about.</span>
<br><br>
TXAH<br>
This is the next big update. What is TXAH I hear you saying? TXAH stands for: TizenX Anti Hackers. This system will dramatically increase account security. The feature will not be mandatory to use, as you can enable/disable it at any time!

What will TXAH do? TXAH will secure your accounts even more by essentially creating another security system. This is all I'm revealing, once the update is finished and released, I will post all of it's details and features.</p>
                                <a class="button2" href="http://www.tizenx-rsps.com/forums/index.php?/topic/239-important-bug-fixes-next-big-update/">more</a>
                            </div>
                        </div>
                        <div class="wrapper">
                        	<time class="tdate-1" datetime="2012-10-21">
                            	<span>November</span>
                                <strong>30</strong>
                            </time>
                            <div class="img-indent">
                            	<p class="p3"><img src="images/page1-img2.png" alt=""></p>
                                <a class="button2" href="#">more</a>
                            </div>
                            <div class="extra-wrap">
                            	<span class="color-1">What is this item you say?<br> Well, this is now known as the L33T Partyhat. It's called L33T because it's for the most wealthiest people in the game. How is this so rare you say? Well, every new member will now receive a blank partyhat on login. You can craft the partyhat into a L33T Partyhat by right clicking > Craft. So why's it so rare? Well, in order to craft it, you need to have obtained the current in-game rares in your inventory!

Image:

--- Still To Be Discovered --- </span>
                            </div>
                        </div>
                    </article>
                    <article class="grid_4">
                    	<div class="indent-top">
                            <h3 class="indent-bot">Teamspeak</h3>
                            <div class="indent-left p3">
                                <ul class="list-2">
                                    <li><a href="#">Server Address: Tizen.zapto.org</a></li>
                                    <li><a href="#">Password: nothing (leave it blank)</a></li>
                                    <li><a href="#">What is TeamSpeak?</a></li>
                                    <li><a href="#">So you can chat with tizen players</a></li>
                                </ul>
                            </div>
                            <div class="box">
                            	<div class="padding">
                                	<strong class="text-1">Live Support ticket System</strong>
                                    <figure class="p2"><a href="livehelp.html"target="_blank"><img src="images/page1-img3.png" alt=""></a></figure>
                                    <h6><strong>Get help here QUICK!</strong></h6>
                                    If no staffs are able to help you or they're not on, click on the picture to go to the live ticketing system & a staff will help!
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </section>

	<!--==============================footer=================================-->
    <footer>
        <div class="main">
        	<div class="container_12">
            	<div class="wrapper">
                    <div class="grid_8">
                        <div class="aligncenter">
                            TizenX-Rsps &copy; 2012
                            <span><a rel="nofollow" target="_blank" href="tos.html">Terms of Service |  Tizenx-rsps is not affiliated with RuneScape</a> Website Design by: Morphine</span>
                        </div>
                    </div>
                    <div class="grid_3 prefix_1">
                        <ul class="list-services">
                            <li><a href="#"></a></li>
                            <li class="item-1"><a href="#"></a></li>
                            <li class="item-2"><a href="#"></a></li>
                            <li class="item-3"><a href="#"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
	<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>

Edited code with link on image

Code:
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Home</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
    <link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
    <script src="js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="js/cufon-yui.js" type="text/javascript"></script>
    <script src="js/cufon-replace.js" type="text/javascript"></script>
    <script src="js/Glegoo_400.font.js" type="text/javascript"></script>
    <script src="js/FF-cash.js" type="text/javascript"></script>
    <script src="js/script.js" type="text/javascript"></script>
	<!--[if lt IE 8]>
    <div style=' clear: both; text-align:center; position: relative;'>
        <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
        	<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
        </a>
    </div>
	<![endif]-->
    <!--[if lt IE 9]>
   		<script type="text/javascript" src="js/html5.js"></script>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen">
	<![endif]-->
</head>
<body id="page1">
	<!--==============================header=================================-->
    <header>
    	<div class="main">
        	<div class="wrapper">
                <h1><a href="index.html">TizenX-rsps</a></h1>
                <nav class="fright">
                    <ul class="menu">
                        <li><a class="active" href="index.html">Home</a></li>
                        <li><a href="http://www.tizenx-rsps.com/forums">Forums </a></li>
                        <li><a href="Webclient.html">Webclient</a></li>
                        <li><a href="http://www.tizenx-rsps.com/TizenX%20V2.jar">Client </a></li>
                        <li><a href="http://tizenx-rsps.com/vote/index.php">Vote</a></li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="row-bot">
        	<div class="main">
                <figure class="img-indent-r"></figure>
                <div class="extra-wrap indent">
                    <strong class="title-1">Welcome to TizenX-Rsps</strong>
                    <p>  </p>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </header>

	<!--==============================content================================-->
    <section id="content"><div class="ic">TizenX</div>
        <div class="main">
            <div class="container_12">
                <div class="wrapper p3">
                	<article class="grid_4">
                    	<div class="banner">
                        	<figure><img src="images/banner-1.png" alt="" /></figure>

                        </div>
                    </article>
                    <article class="grid_4">
                    	<div class="banner">
                        	<figure><img src="images/banner-2.png" alt="" /></figure>

                        </div>
                    </article>
                    <article class="grid_4">
                    	<div class="banner">
                        	<a href="http://tizenx-rsps.spreadshirt.co.uk/">
<img border="0" src="images/banner-3.png" alt="Merchandise" width="300" height="180"></a>

                        </div>
                    </article>
                </div>
                <div class="wrapper">
                	<article class="grid_8">
                    	<h2>News</h2>
                        <div class="wrapper border-bot p3">
                        	<time class="tdate-1" datetime="12-10-12">
                            	<span>Friday</span>
                                <strong>07</strong>
                            </time>
                            <div class="extra-wrap">
                            	<p class="prev-indent-bot"><span class="color-1">Items on Death<br>
The items on death bug is fixed, you will not lose valuable items to spawn-able items now! Most items have been fixed, we will continuously update any items we feel we haven't fixed or forgotten about.</span>
<br><br>
TXAH<br>
This is the next big update. What is TXAH I hear you saying? TXAH stands for: TizenX Anti Hackers. This system will dramatically increase account security. The feature will not be mandatory to use, as you can enable/disable it at any time!

What will TXAH do? TXAH will secure your accounts even more by essentially creating another security system. This is all I'm revealing, once the update is finished and released, I will post all of it's details and features.</p>
                                <a class="button2" href="http://www.tizenx-rsps.com/forums/index.php?/topic/239-important-bug-fixes-next-big-update/">more</a>
                            </div>
                        </div>
                        <div class="wrapper">
                        	<time class="tdate-1" datetime="2012-10-21">
                            	<span>November</span>
                                <strong>30</strong>
                            </time>
                            <div class="img-indent">
                            	<p class="p3"><img src="images/page1-img2.png" alt=""></p>
                                <a class="button2" href="#">more</a>
                            </div>
                            <div class="extra-wrap">
                            	<span class="color-1">What is this item you say?<br> Well, this is now known as the L33T Partyhat. It's called L33T because it's for the most wealthiest people in the game. How is this so rare you say? Well, every new member will now receive a blank partyhat on login. You can craft the partyhat into a L33T Partyhat by right clicking > Craft. So why's it so rare? Well, in order to craft it, you need to have obtained the current in-game rares in your inventory!

Image:

--- Still To Be Discovered --- </span>
                            </div>
                        </div>
                    </article>
                    <article class="grid_4">
                    	<div class="indent-top">
                            <h3 class="indent-bot">Teamspeak</h3>
                            <div class="indent-left p3">
                                <ul class="list-2">
                                    <li><a href="#">Server Address: Tizen.zapto.org</a></li>
                                    <li><a href="#">Password: nothing (leave it blank)</a></li>
                                    <li><a href="#">What is TeamSpeak?</a></li>
                                    <li><a href="#">So you can chat with tizen players</a></li>
                                </ul>
                            </div>
                            <div class="box">
                            	<div class="padding">
                                	<strong class="text-1">Live Support ticket System</strong>
                                    <figure class="p2"><a href="livehelp.html"target="_blank"><img src="images/page1-img3.png" alt=""></a></figure>
                                    <h6><strong>Get help here QUICK!</strong></h6>
                                    If no staffs are able to help you or they're not on, click on the picture to go to the live ticketing system & a staff will help!
                                </div>
                            </div>
                        </div>
                    </article>
                </div>
            </div>
        </div>
    </section>

	<!--==============================footer=================================-->
    <footer>
        <div class="main">
        	<div class="container_12">
            	<div class="wrapper">
                    <div class="grid_8">
                        <div class="aligncenter">
                            TizenX-Rsps &copy; 2012
                            <span><a rel="nofollow" target="_blank" href="tos.html">Terms of Service |  Tizenx-rsps is not affiliated with RuneScape</a> Website Design by: Morphine</span>
                        </div>
                    </div>
                    <div class="grid_3 prefix_1">
                        <ul class="list-services">
                            <li><a href="#"></a></li>
                            <li class="item-1"><a href="#"></a></li>
                            <li class="item-2"><a href="#"></a></li>
                            <li class="item-3"><a href="#"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
	<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>
I only added a link on the image "banner-3.png"

Current website w/o links on image: http://imgtool.in/img/forluke.png

Edited version: http://imgtool.in/img/forlukeigi.png
legendrock7 is offline   Reply With Quote
Old 12-16-2012, 10:28 PM   PM User | #7
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
There doesn't appear to be much wrong with your markup, need your CSS now so we can see how you're styling it.

Any reason you can't just put up a test site so we can see all this at once?
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Old 12-16-2012, 10:56 PM   PM User | #8
legendrock7
New Coder

 
Join Date: Sep 2012
Posts: 58
Thanks: 8
Thanked 0 Times in 0 Posts
legendrock7 is an unknown quantity at this point
Quote:
Originally Posted by Excavator View Post
There doesn't appear to be much wrong with your markup, need your CSS now so we can see how you're styling it.

Any reason you can't just put up a test site so we can see all this at once?
Yeah i will, gimmie a second.
legendrock7 is offline   Reply With Quote
Old 12-16-2012, 10:59 PM   PM User | #9
legendrock7
New Coder

 
Join Date: Sep 2012
Posts: 58
Thanks: 8
Thanked 0 Times in 0 Posts
legendrock7 is an unknown quantity at this point
Quote:
Originally Posted by Excavator View Post
There doesn't appear to be much wrong with your markup, need your CSS now so we can see how you're styling it.

Any reason you can't just put up a test site so we can see all this at once?
http://tizenx-rsps.3owl.com/website%201/
legendrock7 is offline   Reply With Quote
Old 12-16-2012, 11:29 PM   PM User | #10
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Yes, like I was kind of suggesting... the problem was far removed from what you were looking at.

In your CSS you have
Code:
.banner a {
    bottom: 30px;
    left: 20px;
    position: absolute;
}
Remove that and make your markup look something like this -
Code:
<article class="grid_4">
                    	<div class="banner">
                        <a href="#"><img src="images/banner-3.png" alt=""></a>
                    </div></article>
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Users who have thanked Excavator for this post:
legendrock7 (12-16-2012)
Old 12-16-2012, 11:50 PM   PM User | #11
legendrock7
New Coder

 
Join Date: Sep 2012
Posts: 58
Thanks: 8
Thanked 0 Times in 0 Posts
legendrock7 is an unknown quantity at this point
Quote:
Originally Posted by Excavator View Post
Yes, like I was kind of suggesting... the problem was far removed from what you were looking at.

In your CSS you have
Code:
.banner a {
    bottom: 30px;
    left: 20px;
    position: absolute;
}
Remove that and make your markup look something like this -
Code:
<article class="grid_4">
                    	<div class="banner">
                        <a href="#"><img src="images/banner-3.png" alt=""></a>
                    </div></article>
thanks, but that only works for one image?
legendrock7 is offline   Reply With Quote
Old 12-16-2012, 11:59 PM   PM User | #12
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
Quote:
Originally Posted by legendrock7 View Post
thanks, but that only works for one image?
I'm not sure what you mean there. Other images could be wrapped in similar anchor tags and work just as well. If that's not working for you, we'll need to see the most current version of your code again.
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Old 12-17-2012, 12:36 AM   PM User | #13
legendrock7
New Coder

 
Join Date: Sep 2012
Posts: 58
Thanks: 8
Thanked 0 Times in 0 Posts
legendrock7 is an unknown quantity at this point
Quote:
Originally Posted by Excavator View Post
I'm not sure what you mean there. Other images could be wrapped in similar anchor tags and work just as well. If that's not working for you, we'll need to see the most current version of your code again.
Alright, i'll update the site & reply once again with the current website./
legendrock7 is offline   Reply With Quote
Old 12-18-2012, 12:29 AM   PM User | #14
legendrock7
New Coder

 
Join Date: Sep 2012
Posts: 58
Thanks: 8
Thanked 0 Times in 0 Posts
legendrock7 is an unknown quantity at this point
ok, so i uploaded it onto the website > file:///C:/Users/Tom/Downloads/website%201/index.html


Here's the part where i added the link to the image, but it disappears

Code:
                        	<a href="http://tizenx-rsps.com/vote/index.php"<img src="images/banner-2.png" alt=""></a>
if you can, help me add links on the images "banner-1.png" and "banner-2.png" because you've already helped me on banner-3.png.

thanks.
legendrock7 is offline   Reply With Quote
Old 12-18-2012, 12:58 AM   PM User | #15
Excavator
Master Coder


 
Excavator's Avatar
 
Join Date: Dec 2006
Location: Alaska
Posts: 9,410
Thanks: 22
Thanked 1,765 Times in 1,749 Posts
Excavator has a spectacular aura aboutExcavator has a spectacular aura aboutExcavator has a spectacular aura about
file:///C:/Users/Tom/Downloads/website%201/index.html is not a link.

<a href="http://tizenx-rsps.com/vote/index.php"<img src="images/banner-2.png" alt=""></a> is invalid. Have you looked at the link in my signature line that will help you validate your markup?
__________________
Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad
Excavator is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 02:46 AM.


Advertisement
Log in to turn off these ads.