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.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Apr 2014
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help Please First time coding a site

    Hello, This is my first time coding a site to be put on the web and I have some issues with what i have coded so far.
    Its supposed to look like this http://gyazo.com/c89...0d2ed634333ad62
    but it turns out to this http://gyazo.com/5f6...b1bc507edbdef2d

    My code is here

    Code:
    <!DOCTYPE html>
    <html>
    <head>
    <title>Qehzy</title>
    <link rel="stylesheet" href="style.css" type="text/css" />
    </head>
    <body max-width:1200px;>
    <body max-width:1200px;>
    <dic id="small_logo">
    <img src="qehzylogo50x50.png" alt="Qehzy_logo" height="50" width="50">
    </div>
    <div id="navbar">
    <ul>
    <li><a href="mailto:someone@example.com?Subject=Hello%20again" target="_top">Contact</a></li>
    <li><a href="http://qehzy.carbonmade.com/">Carbonmade</a></li>
    <li><a href="https://www.youtube.com/user/ThatsQehzy">Youtube</a></li>
    <li><a href="https://www.behance.net/Qehzy/">Behance</a></li>
    </ul>
    </div>
    <div id="logo2">
      <div align="center"><img src="NewLogo.png" alt="Qehzy_logo" height="175" width="485"></div>
    </div>
    <div id="info">
      <h2>Home of Qehzy</h2>
    <h3>Graphic Designer</h3>
    </div>
    <div id="icons">
    <ul>
    <li><a href="https://plus.google.com/+ThatsQehzy"> <img src="google_qehzy.png" alt="Google+" height="25" width="25"></a></li>
    <li><a href="http://qehzy.carbonmade.com/"><img src="carbonmade_qehzy.png" alt="Carbonmade" height="25" width="25"></a></li>
    <li><a href="https://www.youtube.com/user/ThatsQehzy"><img src="youtube_qehzy.png" alt="YouTube" height="25" width="25"></a></li>
    <li><a href="https://www.behance.net/Qehzy/"><img src="behance_qehzy.png" alt="Behance" height="25" width="25"></a></li>
    <li><a href="https://twitter.com/Qehzy"><img src="twitter_qehzy.png" alt="Qehzy_logo" height="25" width="25"></a></li>
    <li><a href="http://goo.gl/tvmF4"><img src="store_qehzy.png" alt="Store" height="25" width="25"></a></li>
    <li><a href="http://qehzy.spreadshirt.com/"><img src="shirt_qehzy.png" alt="Spreadshirt" height="25" width="25"></a></li>
    </ul>
    </div>
    <div id="port">
    <table   border-collapse: collapse; border-spacing: 0px;>
    	<tr>
    		<td><a href="https://www.youtube.com/watch?v=C2EmtvQ8rvE" ><img src=" optic_port.jpg " alt="Optic" height="200" width="200" onmouseover="this.src=' optic_port_rollover.jpg '" onmouseout="this.src=' optic_port.jpg '"  /></a></td>
    		<td><a href="https://www.youtube.com/watch?v=FyIoY67yd_k" ><img src=" clutch_port.jpg " alt="clutch" height="200" width="200" onmouseover="this.src=' clutch_port_rollover.jpg '" onmouseout="this.src=' clutch_port.jpg '"  /></a></td>
    		<td><a href="https://www.youtube.com/watch?v=yQ7CPCYkRYU" ><img src=" football_port.jpg " alt="football" height="200" width="200" onmouseover="this.src=' football_port_rollover.jpg '" onmouseout="this.src=' football_port.jpg '"  /></a></td>
    		<td><a href="https://www.youtube.com/watch?v=UdnQKwbukJY" ><img src=" dog_port.jpg " alt="dog" height="200" width="200" onmouseover="this.src=' dog_port_rollover.jpg '" onmouseout="this.src=' dog_port.jpg '"  /></a></td>
    		<td><a href="https://www.youtube.com/watch?v=grAEuamHtQk" ><img src=" yeoey_port.jpg " alt="yeoey" height="200" width="200" onmouseover="this.src=' yeoey_port_rollover.jpg '" onmouseout="this.src=' yeoey_port.jpg '"  /></a></td>
    		<td><a href="https://www.youtube.com/watch?v=grAEuamHtQk" ><img src=" robbie_port.jpg " alt="robbie" height="200" width="200" onmouseover="this.src=' robbie_port_rollover.jpg '" onmouseout="this.src=' robbie_port.jpg '"  /></a></td>
    	</tr>
    	<tr>
    		<td><a href="https://www.youtube.com/watch?v=C2EmtvQ8rvE" ><img src=" hateful_port.jpg " alt="hateful" height="200" width="200" onmouseover="this.src=' hateful_port_rollover.jpg '" onmouseout="this.src=' hateful_port.jpg '"  /></a></td>
    		<td><a href="https://www.youtube.com/watch?v=h6HlTRAW0YI" ><img src=" composited_port.jpg " alt="composited" height="200" width="200" onmouseover="this.src=' composited_port_rollover.jpg '" onmouseout="this.src=' composited_port.jpg '"  /></a></td>
    		<td><a href="https://www.youtube.com/watch?v=qrPpNXvnz9Q" ><img src=" boba_port.jpg " alt="boba" height="200" width="200" onmouseover="this.src=' boba_port_rollover.jpg '" onmouseout="this.src=' boba_port.jpg '"  /></a></td>
    		<td><a href="https://www.youtube.com/watch?v=rqcP6t4p_EQ" ><img src=" space_port.jpg " alt="space" height="200" width="200" onmouseover="this.src=' space_port_rollover.jpg '" onmouseout="this.src=' space_port.jpg '"  /></a></td>
    		<td><a href="https://www.youtube.com/watch?v=C2EmtvQ8rvE" ><img src=" compositedbanner_port.jpg " alt="composited" height="200" width="200" onmouseover="this.src=' compositedbanner_port_rollover.jpg '" onmouseout="this.src=' compositedbanner_port.jpg '"  /></a></td>
    		<td><a href="https://www.youtube.com/watch?v=C2EmtvQ8rvE" ><img src=" qehzy_port.jpg " alt="qehzy" height="200" width="200" onmouseover="this.src=' qehzy_port_rollover.jpg '" onmouseout="this.src=' qehzy_port.jpg '"  /></a></td>
    	</tr>
    </table>
    </div>
    <div id="footer">
    <p>Copyright 2014 Qehzy</p>
    </div>
    </body>
    </html>
    Code:
    *	{margin: 0;
    	 padding: 0;
    	 font-family: Open Sans, Signika, Arial;
    	 }
    
    body
    {
    background-color:#f52604;
    font-family: open sans, Arial;
    width: 1200px;
    }
    
    h2
    {
    color:white;
    text-align:center;
    font-size: 38pt;
    padding-top: 20px;
    padding-bottom: 0px;
    }
    
    h3
    {
    color:white;
    text-align:center;
    font-size: 22pt;
    padding-top: 0px;
    }
    
    #logo2 {padding-top: 25px;}
    
    p
    {
    font-size: 14pt;
    }
    
    li
    {
    display:inline;
    
    }
    
    body
    {
    background:url(main.jpg);
    background-size:1200px 685px;
    background-repeat:no-repeat;
    }
    
    #navbar {float: right;
    padding-top: 0px;
    padding-right: 30px;}
    
    #icons {
    	margin-left: 41%;
    	}
    
    table 
    {
    width:1200px;
    margin:0px;
    padding:0px;
            border-collapse: collapse;
            border-spacing: 0px;
    }
    th
    {
    height:400px;
            border-spacing: 0px;
    }
    
    
    #footer {
    	background-color: #ffffff;
    	background-size:100% 45px;
    	}
    
    #small_logo {padding-left: 15px;}	
    	
    a:link {color:#ffffff;
    text-decoration:none;}      
    a:visited {color:#ffffff;
    text-decoration:none;} 
    a:hover {color:#ffffff;
    text-decoration:none;} 
    a:active {color:#ffffff;
    text-decoration:none;}
    thanks in advanced[/CODE]

  • #2
    New Coder
    Join Date
    Dec 2013
    Location
    Were my backpack is!
    Posts
    19
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Congratulations they are identical!

    Need to update your question?

  • #3
    New to the CF scene
    Join Date
    Apr 2014
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Images didnt work here maybe this will Screenshot by Lightshot
    Screenshot by Lightshot

  • #4
    New to the CF scene
    Join Date
    Apr 2014
    Location
    Yuba City, CA
    Posts
    9
    Thanks
    0
    Thanked 3 Times in 3 Posts
    I noticed you have
    Code:
    <table   border-collapse: collapse; border-spacing: 0px;>
    when it should be
    Code:
    <table style="border-collapse: collapse; border-spacing: 0px;">
    Perhaps, this will fix it. In any case, it seems like you have some kind of spacing or margin between your rows (<tr>). So just set that to 0.


  •  

    Tags for this Thread

    Posting Permissions

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