First Website

Page 1 of 1

4 Replies - 352 Views - Last Post: 26 September 2012 - 09:42 PM

#1 wtp  Icon User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 15
  • Joined: 08-December 11

First Website

Posted 26 September 2012 - 07:57 PM

I've been working on my first website. So far it looks pretty shitty. If you can give some criticism I'd greatly appreciate it. Things like what I'm doing wrong, things I could do better, good ideas ect.

http://texans.x90x.net/players.html

<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Houston Texans | Players</title>
</head>
<body>
	<div class="wrap">
    	<a href="index.html">
    		<div id="banner">
        	</div>
        </a>
        <div id="menuBar">
        	<a href="index.html">
           		<div id="menu">
               		<strong>Home</strong>
           		</div>
            </a>
            <a href="players.html">
                <div id="menu">
               		<strong>Roster</strong>
   			 	</div>
            </a>
       		<a href="videos.html">
               	<div id="menu">
               		<strong>Videos</strong>
                </div>
            </a>
            <a href="index.html">
               	<div id="menu">
            		<strong>Other</strong>
               	</div>
            </a>
            <a href="index.html">
               	<div id="menu">
               		<strong>Other</strong>
               	</div>
      		</a>
       </div>
                
       	  		<h1>Roster</h1>
                <div class="offense">
                <table class="offenseTable" border="0" cellpadding="8px">
                	<caption>Offense</caption>
                	<thead class="grey">
                        <tr>
                            <th>#</th>
                            <th class="alignleft">Name</th>
                            <th class="alignleft">Position</th>
                            <th class="alignleft">Social</th>
                        </tr>
                    </thead>
                	<tbody class="white">
                        <tr>
                            <td>8</td>
                            <td>Matt Schaub</td>
                            <td>Quarterback (QB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                     </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>11</td>
                            <td>DeVier Posey</td>
                            <td>Wide Receiver (WR)</td>
                            <td><a target="_blank" href="https://twitter.com/DPo8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                    <tbody class="white">
                        <tr>
                            <td>12</td>
                            <td>John Beck</td>
                            <td>Quarterback (QB)</td>
                            <td><a target="_blank" href="https://twitter.com/DPo8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>13</td>
                            <td>T.J. Yates</td>
                            <td>Quarterback (QB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
					<tbody class="white">
                        <tr>
                            <td>16</td>
                            <td>Trindon Holliday</td>
                            <td>Wide Receiver (WR)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>18</td>
                            <td>Lestar Jean</td>
                            <td>Wide Receiver (WR)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
					<tbody class="white">
                        <tr>
                            <td>23</td>
                            <td>Arian Foster</td>
                            <td>Running Back (RB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>28</td>
                            <td>Justin Forsett</td>
                            <td>Running Back (RB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
					<tbody class="white">
                        <tr>
                            <td>40</td>
                            <td>Tyler Clutts</td>
                            <td>Full Back (FB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>44</td>
                            <td>Ben Tate</td>
                            <td>Running Back (RB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
					<tbody class="white">
                        <tr>
                            <td>55</td>
                            <td>Chris Myers</td>
                            <td>Center (C)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>60</td>
                            <td>Ben Jones</td>
                            <td>Center (C)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>62</td>
                            <td>Antoine Caldwell</td>
                            <td>Offensive Guard (OG)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
					<tbody class="white">
                        <tr>
                            <td>66</td>
                            <td>Andrew Gardner</td>
                            <td>Offensive Guard (OG)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>68</td>
                            <td>Ryan Harris</td>
                            <td>Offensive Tackle (OT)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                    <tbody class="white">
                        <tr>
                            <td>74</td>
                            <td>Wade Smith</td>
                            <td>Offensive Guard (OG)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>75</td>
                            <td>Derek Newton</td>
                            <td>Offensive Tackle (OT)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                    <tbody class="white">
                        <tr>
                            <td>76</td>
                            <td>Duane Brown</td>
                            <td>Offensive Tackle (OT)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>78</td>
                            <td>Rashad Butler</td>
                            <td>Offensive Tackle (OT)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                    <tbody class="white">
                        <tr>
                            <td>79</td>
                            <td>Brandon Brooks</td>
                            <td>Offensive Guard (OG)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>80</td>
                            <td>Andre Johnson</td>
                            <td>Wide Receiver (WR)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                     <tbody class="white">
                        <tr>
                            <td>82</td>
                            <td>Keshawn Martin</td>
                            <td>Wide Receiver (WR)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                    </tbody>
                    <tbody class="white">
                        <tr>
                            <td>81</td>
                            <td>Owen Daniels</td>
                            <td>Tight End (TE)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>83</td>
                            <td>Kevin Walter</td>
                            <td>Wide Receiver (WR)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                    <tbody class="white">
                        <tr>
                            <td>86</td>
                            <td>James Casey</td>
                            <td>Full Back (FB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>88</td>
                            <td>Garrett Graham</td>
                            <td>Tight End (TE)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
 				</table>
                </div>
<!--Defense Table-->
				
                <div class="defense">
				<table class="defenseTable" border="0" cellpadding="8px">
                	<caption>Defense</caption>
                	<thead class="grey">
                        <tr>
                          	<th>#</th>
                            <th class="alignleft">Name</th>
                            <th class="alignleft">Position</th>
                            <th class="alignleft">Social</th>
                        </tr>
                    </thead>
                	<tbody class="white">
                        <tr>
                            <td>5</td>
                            <td>Donnie Jones</td>
                            <td>Punter (P)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                     </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>8</td>
                            <td>Matt Schaub</td>
                            <td>Quarterback (QB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                    <tbody class="white">
                        <tr>
                            <td>5</td>
                            <td>Donnie Jones</td>
                            <td>Punter (P)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
               </table>
			</div>
	</div>
</body>
</html>




@charset "utf-8";
/* CSS Document */

/*Basic*/
img {
	border:0;
	margin:0;
}

h1,h2,h3,h4,h5,h6,p{
	margin-top:0;
	padding-right:15px;
	padding-left:15px;
	text-align:center;
}
  
/* Layout */
.wrap{
	width:1000px;
	height:2000px;
	background-image:url(images/contentBg.jpg);
	margin:20px auto;
}
body {
	background-color:#322929;
	margin: 0;
	padding: 0;
	color: #000;
}

#banner{
	background-image:url(images/texansLogo.jpg);
	/*background-size:100% 100%;*/
	width:1000px;
	height:242px;
	border:0;
	margin:0 auto;
  }
/*Menu Bar*/
#menu{
	width:196px;
	height:25px;
	float:left;
	text-align:center;
	border: 2px white solid;
	background-color:white;
	margin-top:20px;
}
#menuBar{
	height:60px;
	background-color:#322929;
}
#menu:hover{
	background-color:#003399;
	color:white;
}
a:link{
	color: red; text-decoration: none;
}
a:visited{ 
	color: red; text-decoration: none;
}

/*End Menu*/
/*Videos*/
.mainvideo{
	margin-left:50px;
}
/*End Videos*/
/*Roster*/
.offense{
	width:500px;
	float:left;
}
.defense{
	width:500px;
	float:right;
}
.offenseTable{
	margin-left:50px;
}
.defenseTable{
	float:right;
	margin-right:50px;
}
caption{
	text-align:left;
	font-size:24px;
}
.twitter{
	width:25px;
	height:25px;
	vertical-align: middle;
	padding-left:12px;
}

.white{
	background-color:white;
}
.grey{
	background-color:grey;
}
.alignleft{
	text-align:left;
}
/*End Roster*/


Is This A Good Question/Topic? 0
  • +

Replies To: First Website

#2 DimitriV  Icon User is offline

  • Don't try to save yourself… the circle is complete
  • member icon

Reputation: 544
  • View blog
  • Posts: 2,632
  • Joined: 24-July 11

Re: First Website

Posted 26 September 2012 - 09:16 PM

Definitely get rid of the Times New Roman. You also have two Other tabs. There's also a bit too much space between the Houston Texans Fansite text and your horizontal rule in the Other tab (safari 6). The brown background isn't the best look. There isn't much more I can criticise yet, it all works fine.
Was This Post Helpful? 0
  • +
  • -

#3 raghav.naganathan  Icon User is offline

  • Perfectly Squared ;)
  • member icon

Reputation: 407
  • View blog
  • Posts: 1,440
  • Joined: 14-September 12

Re: First Website

Posted 26 September 2012 - 09:19 PM

View Postwtp, on 27 September 2012 - 08:27 AM, said:

I've been working on my first website. So far it looks pretty shitty. If you can give some criticism I'd greatly appreciate it. Things like what I'm doing wrong, things I could do better, good ideas ect.

http://texans.x90x.net/players.html

<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Houston Texans | Players</title>
</head>
<body>
	<div class="wrap">
    	<a href="index.html">
    		<div id="banner">
        	</div>
        </a>
        <div id="menuBar">
        	<a href="index.html">
           		<div id="menu">
               		<strong>Home</strong>
           		</div>
            </a>
            <a href="players.html">
                <div id="menu">
               		<strong>Roster</strong>
   			 	</div>
            </a>
       		<a href="videos.html">
               	<div id="menu">
               		<strong>Videos</strong>
                </div>
            </a>
            <a href="index.html">
               	<div id="menu">
            		<strong>Other</strong>
               	</div>
            </a>
            <a href="index.html">
               	<div id="menu">
               		<strong>Other</strong>
               	</div>
      		</a>
       </div>
                
       	  		<h1>Roster</h1>
                <div class="offense">
                <table class="offenseTable" border="0" cellpadding="8px">
                	<caption>Offense</caption>
                	<thead class="grey">
                        <tr>
                            <th>#</th>
                            <th class="alignleft">Name</th>
                            <th class="alignleft">Position</th>
                            <th class="alignleft">Social</th>
                        </tr>
                    </thead>
                	<tbody class="white">
                        <tr>
                            <td>8</td>
                            <td>Matt Schaub</td>
                            <td>Quarterback (QB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                     </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>11</td>
                            <td>DeVier Posey</td>
                            <td>Wide Receiver (WR)</td>
                            <td><a target="_blank" href="https://twitter.com/DPo8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                    <tbody class="white">
                        <tr>
                            <td>12</td>
                            <td>John Beck</td>
                            <td>Quarterback (QB)</td>
                            <td><a target="_blank" href="https://twitter.com/DPo8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>13</td>
                            <td>T.J. Yates</td>
                            <td>Quarterback (QB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
					<tbody class="white">
                        <tr>
                            <td>16</td>
                            <td>Trindon Holliday</td>
                            <td>Wide Receiver (WR)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>18</td>
                            <td>Lestar Jean</td>
                            <td>Wide Receiver (WR)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
					<tbody class="white">
                        <tr>
                            <td>23</td>
                            <td>Arian Foster</td>
                            <td>Running Back (RB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>28</td>
                            <td>Justin Forsett</td>
                            <td>Running Back (RB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
					<tbody class="white">
                        <tr>
                            <td>40</td>
                            <td>Tyler Clutts</td>
                            <td>Full Back (FB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>44</td>
                            <td>Ben Tate</td>
                            <td>Running Back (RB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
					<tbody class="white">
                        <tr>
                            <td>55</td>
                            <td>Chris Myers</td>
                            <td>Center (C)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>60</td>
                            <td>Ben Jones</td>
                            <td>Center (C)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>62</td>
                            <td>Antoine Caldwell</td>
                            <td>Offensive Guard (OG)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
					<tbody class="white">
                        <tr>
                            <td>66</td>
                            <td>Andrew Gardner</td>
                            <td>Offensive Guard (OG)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>68</td>
                            <td>Ryan Harris</td>
                            <td>Offensive Tackle (OT)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                    <tbody class="white">
                        <tr>
                            <td>74</td>
                            <td>Wade Smith</td>
                            <td>Offensive Guard (OG)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>75</td>
                            <td>Derek Newton</td>
                            <td>Offensive Tackle (OT)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                    <tbody class="white">
                        <tr>
                            <td>76</td>
                            <td>Duane Brown</td>
                            <td>Offensive Tackle (OT)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>78</td>
                            <td>Rashad Butler</td>
                            <td>Offensive Tackle (OT)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                    <tbody class="white">
                        <tr>
                            <td>79</td>
                            <td>Brandon Brooks</td>
                            <td>Offensive Guard (OG)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>80</td>
                            <td>Andre Johnson</td>
                            <td>Wide Receiver (WR)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                     <tbody class="white">
                        <tr>
                            <td>82</td>
                            <td>Keshawn Martin</td>
                            <td>Wide Receiver (WR)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                    </tbody>
                    <tbody class="white">
                        <tr>
                            <td>81</td>
                            <td>Owen Daniels</td>
                            <td>Tight End (TE)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>83</td>
                            <td>Kevin Walter</td>
                            <td>Wide Receiver (WR)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                    <tbody class="white">
                        <tr>
                            <td>86</td>
                            <td>James Casey</td>
                            <td>Full Back (FB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                            </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>88</td>
                            <td>Garrett Graham</td>
                            <td>Tight End (TE)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
 				</table>
                </div>
<!--Defense Table-->
				
                <div class="defense">
				<table class="defenseTable" border="0" cellpadding="8px">
                	<caption>Defense</caption>
                	<thead class="grey">
                        <tr>
                          	<th>#</th>
                            <th class="alignleft">Name</th>
                            <th class="alignleft">Position</th>
                            <th class="alignleft">Social</th>
                        </tr>
                    </thead>
                	<tbody class="white">
                        <tr>
                            <td>5</td>
                            <td>Donnie Jones</td>
                            <td>Punter (P)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                     </tbody>
                            <tbody class="grey">
                        <tr>
                            <td>8</td>
                            <td>Matt Schaub</td>
                            <td>Quarterback (QB)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
                    <tbody class="white">
                        <tr>
                            <td>5</td>
                            <td>Donnie Jones</td>
                            <td>Punter (P)</td>
                            <td><a target="_blank" href="https://twitter.com/MSchaub8"/><img class="twitter" src="images/twitter.png" /></a></td>
                        </tr>
                    </tbody>
               </table>
			</div>
	</div>
</body>
</html>




@charset "utf-8";
/* CSS Document */

/*Basic*/
img {
	border:0;
	margin:0;
}

h1,h2,h3,h4,h5,h6,p{
	margin-top:0;
	padding-right:15px;
	padding-left:15px;
	text-align:center;
}
  
/* Layout */
.wrap{
	width:1000px;
	height:2000px;
	background-image:url(images/contentBg.jpg);
	margin:20px auto;
}
body {
	background-color:#322929;
	margin: 0;
	padding: 0;
	color: #000;
}

#banner{
	background-image:url(images/texansLogo.jpg);
	/*background-size:100% 100%;*/
	width:1000px;
	height:242px;
	border:0;
	margin:0 auto;
  }
/*Menu Bar*/
#menu{
	width:196px;
	height:25px;
	float:left;
	text-align:center;
	border: 2px white solid;
	background-color:white;
	margin-top:20px;
}
#menuBar{
	height:60px;
	background-color:#322929;
}
#menu:hover{
	background-color:#003399;
	color:white;
}
a:link{
	color: red; text-decoration: none;
}
a:visited{ 
	color: red; text-decoration: none;
}

/*End Menu*/
/*Videos*/
.mainvideo{
	margin-left:50px;
}
/*End Videos*/
/*Roster*/
.offense{
	width:500px;
	float:left;
}
.defense{
	width:500px;
	float:right;
}
.offenseTable{
	margin-left:50px;
}
.defenseTable{
	float:right;
	margin-right:50px;
}
caption{
	text-align:left;
	font-size:24px;
}
.twitter{
	width:25px;
	height:25px;
	vertical-align: middle;
	padding-left:12px;
}

.white{
	background-color:white;
}
.grey{
	background-color:grey;
}
.alignleft{
	text-align:left;
}
/*End Roster*/


First of all, congratz on taking that first step and creating a website. I don't know much about you as you have not filled your about page but I am guessing you are a beginner who has learnt HTML.

Now, coming to the layout of the page. I feel that the symbol takes up a considerable part of the page and also leaves some kind of an empty space on both sides. Maybe you can fill the two sides with some content to make it look less empty.

Then, coming to the background color of the website, probably it would do much good if it is of a lighter color as it seems a bit jarring. Similarly, for the form color, you could pick up something which contrasts the background nicely.

I did notice that in your tabs, you had 2 'other' headings, you could probably remove one or change the heading to something else.

Well, you could probably provide a registration box where fans can register themselves, and once they have registered, they need to login and so you could create a login box as well.

Well, once again, congratulations on creating your first website. Please try implementing the above suggestions and I do hope it will make it a lot better.

regards,
Raghav
Was This Post Helpful? 0
  • +
  • -

#4 DimitriV  Icon User is offline

  • Don't try to save yourself… the circle is complete
  • member icon

Reputation: 544
  • View blog
  • Posts: 2,632
  • Joined: 24-July 11

Re: First Website

Posted 26 September 2012 - 09:26 PM

Quote

Well, you could probably provide a registration box where fans can register themselves, and once they have registered, they need to login and so you could create a login box as well.

That would mean setting up and maintaining a database.
Was This Post Helpful? 0
  • +
  • -

#5 raghav.naganathan  Icon User is offline

  • Perfectly Squared ;)
  • member icon

Reputation: 407
  • View blog
  • Posts: 1,440
  • Joined: 14-September 12

Re: First Website

Posted 26 September 2012 - 09:42 PM

View PostDimitriV, on 27 September 2012 - 09:56 AM, said:

Quote

Well, you could probably provide a registration box where fans can register themselves, and once they have registered, they need to login and so you could create a login box as well.

That would mean setting up and maintaining a database.


Well, I guess you are right. It sure is gonna be difficult maintaining a database. So, lets do away with the login and registration.

regards,
Raghav
Was This Post Helpful? 0
  • +
  • -
Page 1 of 1