-----------------------------------

stef_ios

Sun Feb 18, 2007 11:26 am


Webpage

-----------------------------------

Okay. So I am doing an assignment again, and the task is to make a webpage. It is in Strict XHTML, and I cannot get it to validate. Can someone please explain what the problem with my code is, and point out what I need to fix, because it uses CSS and I am fairly new at using CSS. Also, I need to know how to use an external style sheet and a meta tag in this code, because I need the page to render in several different browsers, not just explorer. Any help I can get is great!! Thanks! Here's my code:






	Webpage #1 : Greek League Soccer Standings

 

a:link{color:#0000FF}
a:visited{color:#FF0000}
a:hover{color:#008000}
a:active{color:#FF0000}

#width950 { 
width: 950px; 
border-style: solid;
border-color: #FFFFFF;
color: #FFFFFF;
}

body {
background-color: #808080;
font-style: bold;
colour: #FFFFFF;
}

h3 {font-style: bold;
text-decoration: underline;
text-align: center;
}

table { background-color: #000000;
colour: #FFFFFF;
border-style: outset;
border-width: 1px;
} 







	Greek League Soccer Standings


	
		Team
		Standing
		Points
	
	
		Olympiakos
				
		
		1
		53
	
	
		AEK Athens
				
		
		2
		43
	
	
		Panathinaikos
				
		
		3
		42
	
	
		Aris Thessaloniki
				
		
		4
		30
	


The following is the webite where I found my information.
Phantis: Greek Soccer 







-----------------------------------

rdrake

Sun Feb 18, 2007 12:05 pm


RE:Webpage

-----------------------------------

Ok, my xhtml skills are a little rusty, but...

The bold tags and center="" attributes are all depreciated (that is to say, not used anymore nor suggested they be used).  You might wish to consider replacing each instance of them with id="" or class="".

You will want to use the following CSS as their replacements.  Adjust the following as necessary:#centredtext {
    text-align:  center;
}
#boldtext {
    font-weight:  bold;
}Hope that helps.


-----------------------------------

stef_ios

Sun Feb 18, 2007 1:57 pm


Re: Webpage

-----------------------------------

Okay. In CSS how do you make the link for a link open in a new window? Also, how do you change the border for a picture? Here is my code, and it is not validating for thos two things. 













	Webpage #1 : Greek League Soccer Standings



 

a:link{color:#0000FF}
a:visited{color:#FF0000}
a:hover{color:#008000}
a:active{color:#FF0000}

#width950 { 
width: 950px; 
border-style: solid;
border-color: #FFFFFF;
color: #FFFFFF;
}

body {
background-color: #808080;
font-style: bold;
colour: #FFFFFF;
}

h3 {font-style: bold;
text-decoration: underline;
text-align: center;
color: #FFFFFF;
}

table { background-color: #000000;
colour: #FFFFFF;
border-style: outset;
border-width: 1px;
} 

p{text-align: center;
color: #FFFFFF;
}







	Greek League Soccer Standings


	
		Team
		Standing
		Points
	
	
		Olympiakos
				
		
		1
		53
	
	
		AEK Athens
				
		
		2
		43
	
	
		Panathinaikos
				
		
		3
		42
	
	
		Aris Thessaloniki
				
		
		4
		30
	


Phantis: Greek Soccer 







-----------------------------------

Amailer

Sun Feb 18, 2007 2:41 pm


RE:Webpage

-----------------------------------

In XHTML Strict, you CANNOT open links in a new window, see [url=http://lists.w3.org/Archives/Public/www-validator/2002Apr/0100.html]this post for more details :/

A workaround for it is to use javascript, but I would find that simply ridiculous.

As for image border, you can give the image a class and in that class, set its border like you would for a div.