i cant add link to a image? - Page 2

legendrock7 · 12-18-2012, 01:22 AM

Quote:

Originally Posted by Excavator

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?

yes but my whole design gets messed up when i fix everything

Also, i accidentally copied my url on my pc instead the browser url

http://tizenx-rsps.3owl.com/website%201/

Excavator · 12-18-2012, 04:07 AM

Here is anchors added to your images

Code:

<div class="wrapper p3">
                	<article class="grid_4">
                    	<div class="banner">
                        	<figure><a href="#"><img src="images/banner-1.png" alt=""></a></figure>
                        </div>
                    </article>
                    <article class="grid_4">
                    	<div class="banner">
                        	<a href="http://tizenx-rsps.com/vote/index.php"><img src="images/banner-2.png" alt=""></a>
                        </div>
                    </article>
                    <article class="grid_4">
                    	<div class="banner">
                        	 <a href="http://tizenx-rsps.spreadshirt.co.uk/"><img src="images/banner-3.png" alt=""></a>
                        </div>
                    </article>
                </div>

That is quite the mess though. You have lots of divitis going on there...

Look how simple it can be -

Code:

      <div class="wrapper p3">
          <a href="#"><img src="images/banner-1.png" alt="description" class="grid_4"></a>
          <a href="http://tizenx-rsps.com/vote/index.php"><img src="images/banner-2.png" alt="description" class="grid_4"></a>
          <a href="http://tizenx-rsps.spreadshirt.co.uk/"><img src="images/banner-3.png" alt="description" class="grid_4"></a>
      <!--end .wrapper p3--></div>

DailyRazor · 12-18-2012, 06:02 PM

I really like this topic. Its very helpful to me and for sure to all.

legendrock7 · 12-19-2012, 02:18 AM

I don't if i messed up on something, but i can't see the banner on my website, but i can see it when i view it from my desktop? (opening the html file from the browser w/o uploading it live to a website)

help?

preview > http://tizenx-rsps.3owl.com/Home/

jaspersam · 12-19-2012, 05:58 AM

Quote:

Originally Posted by legendrock7

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?

its all right just use simple hyperlinking with the given images<a herf=" "></a>

legendrock7 · 12-19-2012, 06:24 AM

Quote:

Originally Posted by Bryyain

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.

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">
	<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <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">
          <a href="http://www.tizenx-rsps.com/forums"><img src="images/banner-1.png" alt="description" class="grid_4"></a>
          <a href="http://tizenx-rsps.com/vote/index.php"><img src="images/banner-2.png" alt="description" class="grid_4"></a>
          <a href="http://tizenx-rsps.spreadshirt.co.uk/"><img src="images/banner-3.png" alt="description" class="grid_4"></a>
      <!--end .wrapper p3--></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">
                           <img border="0" src="images/favicon.png" /> <br>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="http://www.facebook.com/pages/TizenX/432407906818237"></a></li>
                            <li class="item-1"><a href="#"></a></li>
                            <li class="item-2"><a href="#"></a></li>
                            <li class="item-3"><a href="http://www.youtube.com/tizenx"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
	<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>

legendrock7 · 12-19-2012, 04:31 PM

bump .

legendrock7 · 12-20-2012, 10:29 PM

Still need help, can someone help me?

legendrock7 · 12-21-2012, 05:50 AM

Bump, i need to get this done asap please.

Excavator · 12-21-2012, 07:09 PM

Quote:

Originally Posted by legendrock7

Bump, i need to get this done asap please.

What are you trying to do this time? Looking at your online version, I see all three images (join, vote and merchandise) contained in .wrapper have anchors around them and work as links.

legendrock7 · 12-22-2012, 12:57 AM

Quote:

Originally Posted by Excavator

What are you trying to do this time? Looking at your online version, I see all three images (join, vote and merchandise) contained in .wrapper have anchors around them and work as links.

no no, i said my banner, but i can see it only by viewing it from my computer on the browser, not LIVE version on a website.

if you look at my css, you'll find "logo.png" but it won't appear.

edit: Here's a video explaining what i mean > http://tinypic.com/player.php?v=10s7y91&s=6

Excavator · 12-22-2012, 01:08 AM

Quote:

Originally Posted by legendrock7

if you look at my css, you'll find "logo.png" but it won't appear.

http://tizenx-rsps.3owl.com/Home/images/logo.png 404's out. Double check your path, name of the file and spelling. Capitalization matters too.

legendrock7 · 12-22-2012, 01:42 AM

Quote:

Originally Posted by Excavator

http://tizenx-rsps.3owl.com/Home/images/logo.png 404's out. Double check your path, name of the file and spelling. Capitalization matters too.

wow, thanks man i didn't realize that, but it worked when viewing it from my computer but not live, kinda weird tho but thanks again.