Today's Posts Follow Us On Twitter! TFL Members on Twitter  
Forum search: Advanced Search  
Navigation
Marketplace
  Members Login:
Lost password?
  Forum Statistics:
Forum Members: 24,254
Total Threads: 80,792
Total Posts: 566,471
There are 1140 users currently browsing (tf).
 
  Our Partners:
 
  TalkFreelance     Design and Development     HTML/XHTML/DHTML/CSS :

XHTML coding problem

Thread title: XHTML coding problem
Closed Thread    
    Thread tools Search this thread Display Modes  
12-22-2004, 09:16 PM
#1
Michael is offline Michael
Michael's Avatar
Status: Senior Member
Join date: Dec 2004
Location:
Expertise:
Software:
 
Posts: 845
iTrader: 0 / 0%
 

Michael is on a distinguished road

  Old  XHTML coding problem

The following code only validates as "This Page Tentatively Validates As XHTML 1.0 Strict (Tentatively Valid)!"

and gives the message:


No Character Encoding Found! Falling back to UTF-8.

I was not able to extract a character encoding labeling from any of the valid sources for such information. Without encoding information it is impossible to reliably validate the document. I'm falling back to the "UTF-8" encoding and will attempt to perform the validation, but this is likely to fail for all non-trivial documents.

So what should I do? Tell me more...
Note:
The Validator XML support has some limitations.

The uploaded file was tentatively found to be Valid. That means it would validate as XHTML 1.0 Strict if you updated the source document to match the options used (typically this message indicates that you used either the Document Type override or the Character Encoding override).


If any of you could look at the code below and tell me what I put wrong, it would help me out a lot.

Code:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Pointe Media - Professional Website Design and Quality Web Solutions</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

<body>
<div id="topbar"></div>
<div id="header"><img src="images/header.jpg" alt="Pointe Media - Professional Website Design and Quality Web Solutions" /></div>
<div id="nav"><a href="#"><img src="images/navhome.jpg" alt="Home" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navabout.jpg" alt="About Us" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navportfolio.jpg" alt="Portfolio" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navproducts.jpg" alt="Products" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navsolutions.jpg" alt="Solutions" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navcontact.jpg" alt="Contact Us" /></a></div>
</body>

</html>
Thanks for the help in advance.

Happy Holidays ,
Remix

12-22-2004, 09:43 PM
#2
karl472001 is offline karl472001
Status: Member
Join date: Jul 2004
Location:
Expertise:
Software:
 
Posts: 226
iTrader: 0 / 0%
 

karl472001 is on a distinguished road

Send a message via MSN to karl472001

  Old

Add this into the <head> section:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

12-22-2004, 09:57 PM
#3
Legendary is offline Legendary
Status: Member
Join date: Nov 2004
Location:
Expertise:
Software:
 
Posts: 115
iTrader: 0 / 0%
 

Legendary is on a distinguished road

  Old

Your XHTML looks validated...

The encoding message you getting is missing of the
Code:
<meta http-equiv="Content-Type" content="text/html; charset=????????" />
Without it, the validator doesn't know what kind of content you have and which type of character is suppost to validate. I'm not so sure about the xml part though...

Another note, turn your Navigation
Code:
FROM:

<div id="nav"><a href="#"><img src="images/navhome.jpg" alt="Home" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navabout.jpg" alt="About Us" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navportfolio.jpg" alt="Portfolio" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navproducts.jpg" alt="Products" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navsolutions.jpg" alt="Solutions" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navcontact.jpg" alt="Contact Us" /></a></div>

TO THIS:

<div id="nav">
	<ul>
		<li class="navindent"><a href="#"><img src="images/navhome.jpg" alt="Home" /></a></li>
		<li class="navindent"><a href="#"><img src="images/navabout.jpg" alt="About Us" /></a></li>
		<li class="navindent"><a href="#"><img src="images/navportfolio.jpg" alt="Portfolio" /></a></li>
		<li class="navindent"><a href="#"><img src="images/navproducts.jpg" alt="Products" /></a></li>
		<li class="navindent"><a href="#"><img src="images/navsolutions.jpg" alt="Solutions" /></a></li>
		<li><a href="#"><img src="images/navcontact.jpg" alt="Contact Us" /></a></li>
	</ul>
</div>
The reason for this is that navigation or menu is similar to a list of things. So using "list" to display your menu or nav would be proper. Another why I would change is that I see you have the same image (navindent.jpg) after every active nav button. Rather than another image tag, I use css to control navindent.jpg. Its fairly easy. I did this

Code:
.navindent	{
	padding-right: ??px;
	background: url(images/navindent.jpg) no-repeat;
	background-position: right;
	}

12-22-2004, 10:06 PM
#4
Michael is offline Michael
Michael's Avatar
Status: Senior Member
Join date: Dec 2004
Location:
Expertise:
Software:
 
Posts: 845
iTrader: 0 / 0%
 

Michael is on a distinguished road

  Old

Thanks guys! Works now !

12-31-2004, 01:14 PM
#5
DateinaDash is offline DateinaDash
Status: The BidMaster
Join date: Nov 2004
Location: England
Expertise:
Software:
 
Posts: 10,821
iTrader: 0 / 0%
 

DateinaDash is on a distinguished road

  Old

Excellent, glad you got the problem fixed!

01-03-2005, 03:09 AM
#6
derek lapp is offline derek lapp
Status: design rockstar
Join date: Jan 2005
Location: guelph, ontario
Expertise:
Software:
 
Posts: 2,246
iTrader: 0 / 0%
 

derek lapp is on a distinguished road

  Old

Originally Posted by Legendary
Your XHTML looks validated...

The encoding message you getting is missing of the
Code:
<meta http-equiv="Content-Type" content="text/html; charset=????????" />
Without it, the validator doesn't know what kind of content you have and which type of character is suppost to validate. I'm not so sure about the xml part though...

Another note, turn your Navigation
Code:
FROM:

<div id="nav"><a href="#"><img src="images/navhome.jpg" alt="Home" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navabout.jpg" alt="About Us" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navportfolio.jpg" alt="Portfolio" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navproducts.jpg" alt="Products" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navsolutions.jpg" alt="Solutions" /></a><img src="images/navindent.jpg" alt="" /><a href="#"><img src="images/navcontact.jpg" alt="Contact Us" /></a></div>

TO THIS:

<div id="nav">
	<ul>
		<li class="navindent"><a href="#"><img src="images/navhome.jpg" alt="Home" /></a></li>
		<li class="navindent"><a href="#"><img src="images/navabout.jpg" alt="About Us" /></a></li>
		<li class="navindent"><a href="#"><img src="images/navportfolio.jpg" alt="Portfolio" /></a></li>
		<li class="navindent"><a href="#"><img src="images/navproducts.jpg" alt="Products" /></a></li>
		<li class="navindent"><a href="#"><img src="images/navsolutions.jpg" alt="Solutions" /></a></li>
		<li><a href="#"><img src="images/navcontact.jpg" alt="Contact Us" /></a></li>
	</ul>
</div>
The reason for this is that navigation or menu is similar to a list of things. So using "list" to display your menu or nav would be proper. Another why I would change is that I see you have the same image (navindent.jpg) after every active nav button. Rather than another image tag, I use css to control navindent.jpg. Its fairly easy. I did this

Code:
.navindent	{
	padding-right: ??px;
	background: url(images/navindent.jpg) no-repeat;
	background-position: right;
	}

the problem i've found is that whe using <img> within a list, it doesn't align correctly. i've yet to have a successful nav list using images, and i've been using lists for my website meus since about july or august.

if i want a menu to work like so;

image
image
image

with now spacing between images, i find it can't be done. even with setting padding and margin to 0 for both the ul and li, there is still a 2px space between each image, and the list no longer seemless.

also with inline lists, it still puts a 2px padding under the image also forcing me not ot use the ul formula.

know a work around?

01-03-2005, 02:02 PM
#7
karl472001 is offline karl472001
Status: Member
Join date: Jul 2004
Location:
Expertise:
Software:
 
Posts: 226
iTrader: 0 / 0%
 

karl472001 is on a distinguished road

Send a message via MSN to karl472001

  Old

theory, is your site uploaded? It may help to have a preview before trying to fix.

01-03-2005, 07:40 PM
#8
derek lapp is offline derek lapp
Status: design rockstar
Join date: Jan 2005
Location: guelph, ontario
Expertise:
Software:
 
Posts: 2,246
iTrader: 0 / 0%
 

derek lapp is on a distinguished road

  Old

it is, and it's annoying. =(
http://www.vectorthis.com/list.html

Closed Thread    


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

  Posting Rules  
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump:
 
  Contains New Posts Forum Contains New Posts   Contains No New Posts Forum Contains No New Posts   A Closed Forum Forum is Closed