Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Page 1 of 2 12 LastLast
Results 1 to 15 of 28
  1. #1
    New Coder
    Join Date
    Sep 2012
    Posts
    61
    Thanks
    8
    Thanked 0 Times in 0 Posts

    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?

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,694
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    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

  • #3
    Senior Coder
    Join Date
    Apr 2011
    Location
    London, England
    Posts
    2,120
    Thanks
    15
    Thanked 354 Times in 353 Posts
    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

  • #4
    New Coder
    Join Date
    Sep 2012
    Posts
    61
    Thanks
    8
    Thanked 0 Times in 0 Posts
    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?

  • #5
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,694
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    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

  • #6
    New Coder
    Join Date
    Sep 2012
    Posts
    61
    Thanks
    8
    Thanked 0 Times in 0 Posts
    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

  • #7
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,694
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    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

  • #8
    New Coder
    Join Date
    Sep 2012
    Posts
    61
    Thanks
    8
    Thanked 0 Times in 0 Posts
    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.

  • #9
    New Coder
    Join Date
    Sep 2012
    Posts
    61
    Thanks
    8
    Thanked 0 Times in 0 Posts
    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/

  • #10
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,694
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    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

  • Users who have thanked Excavator for this post:

    legendrock7 (12-17-2012)

  • #11
    New Coder
    Join Date
    Sep 2012
    Posts
    61
    Thanks
    8
    Thanked 0 Times in 0 Posts
    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?

  • #12
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,694
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    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

  • #13
    New Coder
    Join Date
    Sep 2012
    Posts
    61
    Thanks
    8
    Thanked 0 Times in 0 Posts
    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./

  • #14
    New Coder
    Join Date
    Sep 2012
    Posts
    61
    Thanks
    8
    Thanked 0 Times in 0 Posts
    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.

  • #15
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,694
    Thanks
    22
    Thanked 1,832 Times in 1,816 Posts
    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


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •