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 2 of 2 FirstFirst 12
Results 16 to 28 of 28
  1. #16
    New Coder
    Join Date
    Sep 2012
    Posts
    61
    Thanks
    8
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    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/

  2. #17
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    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>
    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. Users who have thanked Excavator for this post:

    legendrock7 (12-19-2012)

  4. #18
    New to the CF scene
    Join Date
    Dec 2012
    Location
    Maryland
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I really like this topic. Its very helpful to me and for sure to all.

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

  6. #20
    New to the CF scene
    Join Date
    Dec 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    how to add links to the given links?

    Quote Originally Posted by legendrock7 View Post
    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>

  7. #21
    New Coder
    Join Date
    Sep 2012
    Posts
    61
    Thanks
    8
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Bryyain View Post
    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>

  8. #22
    New Coder
    Join Date
    Sep 2012
    Posts
    61
    Thanks
    8
    Thanked 0 Times in 0 Posts
    bump .

  9. #23
    New Coder
    Join Date
    Sep 2012
    Posts
    61
    Thanks
    8
    Thanked 0 Times in 0 Posts
    Still need help, can someone help me?

  10. #24
    New Coder
    Join Date
    Sep 2012
    Posts
    61
    Thanks
    8
    Thanked 0 Times in 0 Posts
    Bump, i need to get this done asap please.

  11. #25
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by legendrock7 View Post
    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.
    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

  12. #26
    New Coder
    Join Date
    Sep 2012
    Posts
    61
    Thanks
    8
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    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
    Last edited by legendrock7; 12-22-2012 at 01:18 AM.

  13. #27
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Quote Originally Posted by legendrock7 View Post
    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.
    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

  14. #28
    New Coder
    Join Date
    Sep 2012
    Posts
    61
    Thanks
    8
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    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.


 
Page 2 of 2 FirstFirst 12

Posting Permissions

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