Overclock.net - Overclocking.net
     
 
Home Gallery Reviews Blogs Register Today's Posts Mark Forums Read Members List


Go Back   Overclock.net - Overclocking.net > Software, Programming and Coding > Coding and Programming > Web Coding
Reload this Page Code accessible?

Reply
 
LinkBack Thread Tools
Old 10-09-09   #1 (permalink)
AMD Overclocker
 
amd nvidia

Join Date: Apr 2009
Posts: 429

Rep: 19 godsgift2dagame Unknown
Unique Rep: 18
Trader Rating: 0
Default Code accessible?
Hey guys,

Built a site yesterday and today for the heck of it. Well, actually a template.

Sorry about the included CSS, don't have time to make them external at the moment.

Got a feeling it isn't accessible...haha

EDIT: I'm 100% sure the standings table is not accessible, but want someone to check. Thanks guys! +1 rep to first poster to validate my skin.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
body {
	margin:0 auto;
	background-color:#880000;
}
#wrapper {
	width:1000px;
	min-height:700px;
	background-color:#FFFFFF;
	margin:auto;
	margin-top:2px;
	border:1px solid black;
}
#header {
	width:1000px;
	height:100px;
	background-color:#FFFFFF;
}
#banner-image {
	width:600px;
	height:100px;
	background-color:#FFFFFF;
	margin:auto;
}
#top-nav {
	width:1000px;
	height:30px;
	background-color:#000000;
}
#content {
	height:670px;
	background-color:#FFFFFF;
	margin-left:350px;
	overflow:scroll;
}
#content-text {
	margin:25px;
}
#left-nav {
	width:350px;
	height:670px;
	background-color:#CFB52B;
	padding:0;
	float:left;
}
#left-nav-title {
	text-align:center;
	font-style:normal;
}
#left-nav-links li {
	line-height:25px;
}
#left-nav-links {
	margin-left:25px;
	list-style-image:url(http://www.centralmutations.org/Images/ULSquareBlack-Arrow.gif);
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
}
#bottom-nav {
	width:1000px;
	height:30px;
	background-color:#999999;
}
#bottom-nav-links {
	color:#FFFFFF;
	font-size:10px;
	padding:8px;
}
#bottom-nav-links a{
	color:#FFFFFF;
	font-size:10px;
}
#footer {
	width:1000px;
	background-color:#3366FF;
	height:30px;
}
#footer-text {
	color:#FFFFFF;
	text-align:center;
}
h1, h2, h3, h4, h5, h6 {
	padding:0px;
	margin:0px;
}
ul {
	margin:0px;
	padding:0px;
}
li {
	margin:0px;
	padding:0px;
}
#mlb-standings {
	width: 300px;
	height: 185px;
	border: 1px solid black;
	float:left;
	background-color:#FFFFFF;
	margin-left:25px;
	margin-top:25px;
	margin-bottom:25px;
}
#mlb-standings-conference-name {
	width: 290px;
	height: 20px;
	border-bottom: 1px solid black;
	background-color:#3366FF;
	color:#FFFFFF;
	padding-left:10px;
}
#mlb-standings-division-name {
	width: 110px;
	height: 20px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	float:left;
	background-color:#AAAAAA;
	padding-left:10px;
}
#mlb-standings-record-wins {
	width: 30px;
	height: 20px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	float:left;
	background-color:#AAAAAA;
	text-align:center;
}
#mlb-standings-record-loss {
	width: 30px;
	height: 20px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	float:left;
	background-color:#AAAAAA;
	text-align:center;
}
#mlb-standings-record-percentage {
	width: 45px;
	height: 20px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	float:left;
	background-color:#AAAAAA;
	text-align:center;
}
#mlb-standings-games-back {
	width: 35px;
	height: 20px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	float:left;
	background-color:#AAAAAA;
	text-align:center;
}
#mlb-standings-last-ten {
	width: 35px;
	height: 20px;
	border-bottom: 1px solid black;
	float:left;
	background-color:#AAAAAA;
	text-align:center;
}
#mlb-standings-team-name {
	width: 110px;
	height: 20px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	float:left;
	font-size:11px;
	line-height:20px;
	padding-left:10px;
}
#mlb-team-record-wins {
	width: 30px;
	height: 20px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	float:left;
	text-align:center;
	font-size:11px;
	line-height:20px;
}
#mlb-team-record-loss {
	width: 30px;
	height: 20px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	float:left;
	text-align:center;
	font-size:11px;
	line-height:20px;
}
#mlb-team-record-percentage {
	width: 45px;
	height: 20px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	float:left;
	text-align:center;
	font-size:11px;
	line-height:20px;
}
#mlb-team-games-back {
	width: 35px;
	height: 20px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	float:left;
	text-align:center;
	font-size:11px;
	line-height:20px;
}
#mlb-team-last-ten {
	width: 35px;
	height: 20px;
	border-bottom: 1px solid black;
	float:left;
	text-align:center;
	font-size:11px;
	line-height:20px;
}
#mlb-standings-last-edited-by {
	height:18px;
	width:300px;
	text-align:center;
	font-family:arial;
	font-size:9px;
	font-style:italic;
	line-height:20px;
	color:#555555;
	background-color:#DDDDDD;
	float:left;
	border-bottom:1px solid black;
}
#content-page {
	width: 500px;
	height:400px;
}
.ws-clear {
	clear:both;
}
#horizontal-menu {
	text-align:center;
	padding-top:5px;
	color:#EEEEEE;
}
#horizontal-menu li{
	display:inline;
	padding:10px;
}
</style>
</head>

<body>
	<div id="wrapper">
 		<div id="header">
        	<div id="banner-image">
            
            </div>
        </div>
        <div id="top-nav">
        	    <ul id="horizontal-menu">
                <li>FIRST LINK</li>
                <li>SECOND LINK</li>
                <li>THIRD LINK</li>
                <li>FOURTH LINK</li>
                <li>FIFTH LINK</li>
                </ul>
        </div>
        <div id="left-nav">
            	<!-- BEGIN MLB STANDING TABLE -->
            	<div id="mlb-standings">
            	<div id="mlb-standings-conference-name">XXX LEAGUE</div>
				<div id="mlb-standings-division-name">DIVISION</div>  
                <div id="mlb-standings-record-wins">W</div>  
                <div id="mlb-standings-record-loss">L</div> 
                <div id="mlb-standings-record-percentage">Pct</div>     
                <div id="mlb-standings-games-back">GB</div>      
                <div id="mlb-standings-last-ten">L10</div>   
                
                <div id="mlb-standings-team-name">TEAM 1</div>  
                <div id="mlb-team-record-wins">0</div>  
                <div id="mlb-team-record-loss">0</div> 
                <div id="mlb-team-record-percentage">.000</div>     
                <div id="mlb-team-games-back">0</div>      
                <div id="mlb-team-last-ten">0-0</div>
                
                <div id="mlb-standings-team-name">TEAM 1</div>  
                <div id="mlb-team-record-wins">0</div>  
                <div id="mlb-team-record-loss">0</div> 
                <div id="mlb-team-record-percentage">.000</div>     
                <div id="mlb-team-games-back">0</div>      
                <div id="mlb-team-last-ten">0-0</div>
                
                <div id="mlb-standings-team-name">TEAM 1</div>  
                <div id="mlb-team-record-wins">0</div>  
                <div id="mlb-team-record-loss">0</div> 
                <div id="mlb-team-record-percentage">.000</div>     
                <div id="mlb-team-games-back">0</div>      
                <div id="mlb-team-last-ten">0-0</div>
                
                <div id="mlb-standings-team-name">TEAM 1</div>  
                <div id="mlb-team-record-wins">0</div>  
                <div id="mlb-team-record-loss">0</div> 
                <div id="mlb-team-record-percentage">.000</div>     
                <div id="mlb-team-games-back">0</div>      
                <div id="mlb-team-last-ten">0-0</div>
                
                <div id="mlb-standings-team-name">TEAM 1</div>  
                <div id="mlb-team-record-wins">0</div>  
                <div id="mlb-team-record-loss">0</div> 
                <div id="mlb-team-record-percentage">.000</div>     
                <div id="mlb-team-games-back">0</div>      
                <div id="mlb-team-last-ten">0-0</div>
                
                <div id="mlb-standings-team-name">TEAM 1</div>  
                <div id="mlb-team-record-wins">0</div>  
                <div id="mlb-team-record-loss">0</div> 
                <div id="mlb-team-record-percentage">.000</div>     
                <div id="mlb-team-games-back">0</div>      
                <div id="mlb-team-last-ten">0-0</div>
                
                <div id="mlb-standings-last-edited-by">last edited on</div>  
            	</div>
                <!-- END MLB STANDINGS -->
                
            	<ul id="left-nav-links">
                <h4 id="left-nav-title">MENU TITLE</h4>
                <li>FIRST LINK</li>
                <li>SECOND LINK</li>
                <li>THIRD LINK</li>
                <li>FOURTH LINK</li>
                <li>FIFTH LINK</li>
                </ul>
            </div>
            
        <div id="content">
		<p id="content-text">This is the first post.</p>
        </div>
        
        <div id="bottom-nav">
        	<div id="bottom-nav-links">
            	<a href="http://">LINK ONE</a>
                <a href="http://">LINK TWO</a>
                <a href="http://">LINK THREE</a>
            </div>
        </div>
		<div id="footer">
        	<div id="footer-text">This is the footer</div>
        </div>
	</div>
</body>
</html>
__________________
System: $775
CPU
Phenom II 720		 Motherboard
Gigabyte MA790X-UD4P		 Memory
4GB OCZ Reaper DDR2 1150
Hard Drive
250GB Seagate Barracuda 7200.10 x 2		 Power Supply
PC Power & Cooling 610W		 Case
Antec 300
CPU cooling
XIGMATEK Dark Knight-S1283V		 OS
Vista 64-bit
godsgift2dagame is offline   Reply With Quote
Old 10-09-09   #2 (permalink)
Programmer
 
Chr0n1c's Avatar
 
intel nvidia

Join Date: Jul 2009
Location: Chicago
Posts: 162

Rep: 9 Chr0n1c Unknown
Unique Rep: 9
Trader Rating: 0
Default
What exactly do you mean by accessible?

It looks all good to me.
__________________
e6320 @ 2.1
Windows 7║Fan Club

System: StasHBox
CPU
[Core 2 Duo e6320][CONROE]		 Motherboard
[ASUS P5NSLI]		 Memory
[4gb][Corsair XMS2] 		Graphics Card
[9800GT OC 1GB]
Hard Drive
[500GB WD Green]		 Sound Card
[Realtek 5.1 Onboard]		 Power Supply
[500w Antec Basiq Power]		 Case
[Thermaltake SopranoRS]
CPU cooling
[Custom]		 GPU cooling
[Custom]		 OS
[Windows 7 x64]		 Monitor
[22" AOC LCD]
Last edited by Chr0n1c : 10-09-09 at 02:42 AM
Chr0n1c is offline   Reply With Quote
Old 10-09-09   #3 (permalink)
FiX
AMD Overclocker
 
FiX's Avatar
 
amd nvidia

Join Date: Jul 2009
Location: Auckland
Posts: 172

Rep: 10 FiX Unknown
Unique Rep: 7
Trader Rating: 0
Default
The page works fine, if thats what you wanted checking. It's all as it should be. I even checked it as a compiled web page.
__________________
GO AMD
Windows 7||Fan Club We Are PhenomIsts!
New Zealand Overclock.net Club

Money saved for WC: 170/484.07

System: Phenomenon
CPU
Phenom II X4 940 Black Edition		 Motherboard
GA-MA770-UD3		 Memory
4096 MB 		Graphics Card
Nvidia GeForce 9600 GSO
Hard Drive
320 GB + 500 GB external		 Power Supply
CoolerMaster Extreme 650W
GPU cooling
Zalman something		 OS
Windows XP Pro x64
FiX is offline   Reply With Quote
Old 10-09-09   #4 (permalink)
AMD Overclocker
 
amd nvidia

Join Date: Apr 2009
Posts: 429

Rep: 19 godsgift2dagame Unknown
Unique Rep: 18
Trader Rating: 0
Default
Accessible means for people with disabilities. I like messing with HTML and I always try to make it equal for everyone. For instance, blind people use programs that READ the code left to right and then down. So, my table is PROBABLY not the best for them, because it should be listing W (win), then 0-0, 0-0, 0-0, ect BEFORE reading L (loss). However, looking at the code, it looks like it's not doing it.
__________________
System: $775
CPU
Phenom II 720		 Motherboard
Gigabyte MA790X-UD4P		 Memory
4GB OCZ Reaper DDR2 1150
Hard Drive
250GB Seagate Barracuda 7200.10 x 2		 Power Supply
PC Power & Cooling 610W		 Case
Antec 300
CPU cooling
XIGMATEK Dark Knight-S1283V		 OS
Vista 64-bit
godsgift2dagame is offline   Reply With Quote
Old 10-10-09   #5 (permalink)
Programmer
 
xtascox's Avatar
 
intel nvidia

Join Date: Jul 2007
Location: Dallas, PA
Posts: 778

Rep: 37 xtascox is acknowledged by some
Unique Rep: 36
Trader Rating: 1
Default
Quote:
Originally Posted by godsgift2dagame View Post
Accessible means for people with disabilities. I like messing with HTML and I always try to make it equal for everyone. For instance, blind people use programs that READ the code left to right and then down. So, my table is PROBABLY not the best for them, because it should be listing W (win), then 0-0, 0-0, 0-0, ect BEFORE reading L (loss). However, looking at the code, it looks like it's not doing it.
I would have to say no. Two things really stand out in my eyes as being non-accessible to people that may be hard of seeing. One is the font that is used, it seems too thin and could easily become hard to read. Second, the links at the bottom have pretty bad contrast along with being awfully small
__________________

System: SVT
CPU
Q6600 @ 3.2ghz 1600fsb		 Motherboard
EVGA 780i FTW		 Memory
4GB OCZ Platimum 		Graphics Card
2X EVGA 8800GTS 512
Hard Drive
160GB Seagate Barracuda 7200 SATA		 Sound Card
Onboard Realtek ALC883		 Power Supply
CORSAIR 750TX		 Case
Chenming 901A
CPU cooling
Arctic Freezer 7 + Arctic Silver 5		 GPU cooling
Stock Heatsink and fan		 OS
Windows Vista Ultimate 64		 Monitor
Hanns-G 22" LCD
xtascox is offline   Reply With Quote
Old 10-11-09   #6 (permalink)
AMD Overclocker
 
amd nvidia

Join Date: Apr 2009
Posts: 429

Rep: 19 godsgift2dagame Unknown
Unique Rep: 18
Trader Rating: 0
Default
See? That's what I'm talking about! Completely ignore having made the text small. +1
__________________
System: $775
CPU
Phenom II 720		 Motherboard
Gigabyte MA790X-UD4P		 Memory
4GB OCZ Reaper DDR2 1150
Hard Drive
250GB Seagate Barracuda 7200.10 x 2		 Power Supply
PC Power & Cooling 610W		 Case
Antec 300
CPU cooling
XIGMATEK Dark Knight-S1283V		 OS
Vista 64-bit
godsgift2dagame is offline   Reply With Quote
Old 10-11-09   #7 (permalink)
EvilGeniusExtraordinaire
 
A-E-I-Owned-You's Avatar
 
intel nvidia

Join Date: Oct 2007
Location: Vermont for the moment
Posts: 3,797
Blog Entries: 3

Rep: 284 A-E-I-Owned-You is a proven memberA-E-I-Owned-You is a proven memberA-E-I-Owned-You is a proven member
Unique Rep: 198
Trader Rating: 4
Default
It looks alright to me.

Is it this site? http://www.centralmutations.org/
__________________
We no longer have a government. A river of blood separates the government from the people. Long live the fight for freedom!

A-E-I-Owned-You for OCN staff 2010! Vote for me baby! January 17th. Be there or be a commie.

System: ͡҉҉...
CPU
Q6600		 Motherboard
EVGA 650i Ultra		 Memory
4gb assorted matched pairs 		Graphics Card
8800 GT or 9600 GT 512
Hard Drive
500gb Caviar Black		 Sound Card
Integrated Hi-Def		 Power Supply
Cooler Master 400w PSU		 Case
None. Open on desk
CPU cooling
Thermaltake 120mm CPU Cooler		 GPU cooling
Built in cooling+3 80mm fans		 OS
Vista Ultimate x64		 Monitor
19" Dell LCD
A-E-I-Owned-You is offline Overclocked Account   Reply With Quote
Old 10-13-09   #8 (permalink)
Networking Nut
 
Lyoko's Avatar
 
intel nvidia

Join Date: Aug 2006
Posts: 2,198

Rep: 84 Lyoko is acknowledged by some
Unique Rep: 78
FAQs Submitted: 1
Trader Rating: 3
Default
Quote:
Originally Posted by A-E-I-Owned-You View Post
It looks alright to me.

Is it this site? http://www.centralmutations.org/
The navigation is clean and simple but the header could use some work.
Lyoko is offline   Reply With Quote
Reply

« Previous Thread | Next Thread »

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools



All times are GMT -5. The time now is 04:37 AM.

Contact Us - Overclock.net - Archive - Top

Overclock.net is a Carbon Neutral Site Creative Commons License

Terms of Service / Forum Rules | Privacy Policy | DMCA Info | Advertising | Become an Official Vendor
Copyright © 2009 Shogun Interactive Development. Most rights reserved.
Page generated in 0.12591 seconds with 8 queries