Trying to validate my page

**weee** · 10-28-2004, 05:16 PM

Hi there.

I'm trying to validate my page. I'm suing:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

I have a few errors that I have no idea how to fix. Here it is:

there is no attribute "target":
<a href="http://mywebsite.com/" target="_blank">www.mywebsite.com</a>

end tag for element "br" which is not open:
text text text text text text text text</br>

there is no attribute "align":
<img align="top" src="imgs/image.jpg" width="45" height="38" alt=""/>

Hope you can help.

Thanks!

**MstrBob** · 10-28-2004, 05:20 PM

(1)There's no align attribute in XHTML 1.0 Strict. Try this:

Code:

<a href="http://mywebsite.com/" onclick="window.open(this.href);">www.mywebsite.com</a>

(2) You've got that tag messed up. You use <br /> And only once to break. thus:

Code:

<p>
text text text text text text text text <br />
text text text text text text 
</p>

(3) There's no align attribute. You should be using CSS. HTML is not meant for layout!

Code:

<img src="imgs/image.jpg" width="45" height="38" alt=""/>

**weee** · 10-28-2004, 06:08 PM

in CSS?

The onClick didn't work out, why's that?
<a href="http://mywebsite.com/" onclick="window.open(this.href);">www.mywebsite.com</a>

**MstrBob** · 10-28-2004, 06:30 PM

The javascript I gave you should work, I don't have any issues with it. Odd.

In terms of your image align, I'd have to see what you want to do, I can't guess. Though, I really hope you aren't using tables to layout your page.

**weee** · 10-28-2004, 08:22 PM

I doesn't open in a new window.
Why do I have to do it with JS?

I'm just tryin' to get to align the photo to "top" like that:
<img src="imgs/image.jpg" align="top" width="45" height="38" alt=""/>

**MstrBob** · 10-28-2004, 10:18 PM

(1) Because the target attribute should only be used in frames, where it targets a specific frame. HTML should not tell a browser how to display data, only define it. And it's telling the browser to display the link in a new window. That's not the purpose of HTML, thus for that and other reasons, it's not a part of the XHTML 1.0 specification, except for XHTML 1.0 FRAMESET. I've tested that in IE and Firefox, so unless I screwed up, it should work.

(2) The vertical-align attribute can be used, but only works for table cells, as it should. The image should normally go to the top, what do you have that wouldn't? If you are (incorrectly) using tables for layout, you can put style="vertical-align:top;" I believe for the cell. The align attribute, once again, is telling a browser not about the data, but how to display it. Thus, it isn't part of the HTML 4.01 Strict nor XHTML 1.0 Strict, nor XHTML 1.1 If, however, you are using a more accessible and semantic design, there is probably an easy way to achieve what you want.

**weee** · 10-28-2004, 10:39 PM

I'm getting a new window with the URL I wanted but the original page itself goes to the same URL. Can I prevent it somehow?

**Paul Jr** · 10-28-2004, 10:42 PM

Code:

<a href="page.html" onclick="window.open(this.href); return false;">Page</a>

**MstrBob** · 10-28-2004, 10:46 PM

This is why I never visit the javascript forum... It still opens a window!

Sorry...

**Paul Jr** · 10-28-2004, 10:56 PM

lol.

So it's fixed now, no?

**weee** · 10-29-2004, 01:32 AM

It's cool now but my problem is that I have a lot of link in the page (100 or so) so I need to go through each one of'em?

**Charles** · 10-29-2004, 04:30 AM

Originally posted by weee
It's cool now but my problem is that I have a lot of link in the page (100 or so) so I need to go through each one of'em?

You can use JavaScript to step through some or all of the links and add the handler as desired. Post a link and tell us which links you want to abuse.

**weee** · 10-29-2004, 11:57 AM

I didn't started yet to add the links to the page yet.

**Paul Jr** · 10-29-2004, 04:44 PM

Something like this, maybe?

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
<head>
	<title>Example</title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
	<meta http-equiv="content-script-type" content="text/javascript">
	<meta http-equiv="content-style-type" content="text/css">
	<script type="text/javascript"><!--
		if(document.getElementById) onload = function() {
			var links = document.getElementsByTagName('a');
			for(var i=0; i<links.length; i++) {
				links[i].onclick = function() {
					window.open(this.href);
					return false;
				}
			}
		}
	//--></script>
</head>
<body>
	<ul id="links">
		<li><a href="http://www.w3.org/" title="World Wide Web Consortium">W3C</a></li>
		<li><a href="http://www.w3.org/" title="World Wide Web Consortium">W3C</a></li>
		<li><a href="http://www.w3.org/" title="World Wide Web Consortium">W3C</a></li>
		<li><a href="http://www.w3.org/" title="World Wide Web Consortium">W3C</a></li>
		<li><a href="http://www.w3.org/" title="World Wide Web Consortium">W3C</a></li>
	</ul>
</body>
</html>