validazione pazza pag html

**stiffa** · 16-11-2005, 12:02

scusate, posto perche proprio non mi tornano i conti

ho provato a validare questa pagina....ho 4 errori ....a me non tornano i conti...sempbra scritta bene...e a voi.????

ecco dove validare casomai
http://validator.w3.org/

ed ecco il codice da validare

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<html>
<head>
<title>Untitled</title>
<link rel = "stylesheet" type = "text/css" href = "../css/hyperlife.css">
</head>

<body>
<form name="theForm" action = "do_addConnHost.php" method = "post" >
<table cellspacing="5" cellpadding="5" border = "1" width = "380" bgcolor="#ffffff">

<tr>
<td width = "150">[img]TMimagesAlt/addConnMenuTop.bmp[/img]</td>
<td>Please enter the Local Name, the TwiNet IP Address and the Port number</td>
</tr>
<tr>
<td>Local Name:</td>
<td><input type = "text" name = "localName"></td>
</tr>
<tr>
<td>Host Name/IP Address:</td>
<td><input name="ipAddress" type="text" ></td>
</tr>
<tr>
<td>Port number :</td>
<td><input name="portNumber" type="text" value= "23"></td>
</tr>
<tr>
<td>Connection Type :</td>
<td><select name="connType" disabled >
<option value = "5250">5250</option>

</select>

</td>
</tr>
<tr>
<td colspan = "2">
<table cellspacing="5" cellpadding="5" align ="center">

<tr>
<td><input type="submit" value="OK"></td>
<td><input type="reset" value="Cancel"></td>
<td><input type="submit" value="Help"></td>
</tr>
</table>

</td>

</tr>
</table>
</form>

</body>
</html>

**pierofix** · 16-11-2005, 12:11

Innanzitutto hai un meta prima dell'apertura della radice. No buono.

Una volta sistemato quello, ti dà errore sull'attributo name applicato al form: prova a sostituirlo con un attributo id.

P.S. Occhio a come scrivi il mark-up; non dovresti lasciare spazi tipo questi: type = "text/css". Meglio scrivere tutto attaccato, ovvero type="text/css".

**stiffa** · 16-11-2005, 12:23

....se e' come dici te ....perche allora questa me la valida?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>SimplytheBest DHTML tabbed notes script</title>

<meta name="keywords" content="DHTML scripts, tab, notes, messages">
<meta name="keywords" content="DHTML scripts, tabbed notes, tab, notes, dhtml script, javascript">
<meta name="description" content="Simply the Best DHTML scripts and javascripts: tabbed notes.">
<meta name="target" content="DHTML scripts, tabbed notes">
<meta name="copyright" content="copyright 1997-2005 SimplytheBest.net">
<meta name="revisit-after" content="14 days">
<meta name="robots" content="all">
<link rel="stylesheet" href="../scripts.css" type="text/css">
<style type="text/css">

<!--
.conts { visibility: hidden }
.tab { font-family: Verdana; font-size: 8pt; font-weight: normal; text-align: center;
border-left: thin solid #e0e0e0; border-right: thin solid gray;
border-top: thin solid #e0e0e0;
cursor

ointer;
}
.selTab { font-family: Verdana; font-size: 8pt; font-weight: bold; text-align: center;
border-left: thin solid #000080;
border-right: thin solid #000080;
border-top: thin solid #000080;
cursor

ointer;
}
-->
</style>

<script language = "javascript" type="text/javascript">

// Courtesy of SimplytheBest.net - http://simplythebest.net/scripts/
//a public function that the container uses to pass in values for the labels
function public_Labels(label1, label2, label3, label4, label5, label6, label7){

document.getElementById("t1").innerText = label1;
document.getElementById("t2").innerText = label2;
document.getElementById("t3").innerText = label3;
document.getElementById("t4").innerText = label4;
document.getElementById("t5").innerText = label5;
document.getElementById("t6").innerText = label6;
document.getElementById("t7").innerText = label7;
}
//a public function that the container uses to pass in values for the card containers
function public_Contents(contents1, contents2, contents3, contents4, contents5, contents6, contents7){
document.getElementById("t1Contents").innerHTML = contents1;
document.getElementById("t2Contents").innerHTML = contents2;
document.getElementById("t3Contents").innerHTML = contents3;
document.getElementById("t4Contents").innerHTML = contents4;
document.getElementById("t5Contents").innerHTML = contents5;
document.getElementById("t6Contents").innerHTML = contents6;
document.getElementById("t7Contents").innerHTML = contents7;
init();
}
//sets the default display to tab 1
function init(){
document.getElementById("tabContents").innerHTML = document.getElementById("t1Contents").innerHTML;
}
//this is the tab switching function
var currentTab;
var tabBase;
var firstFlag = true;

function changeTabs(tabID){
if(firstFlag == true){
currentTab = document.getElementById("t1");
tabBase = document.getElementById("t1base");
firstFlag = false;
}
if(document.getElementById(tabID).className == "tab"){
currentTab.className = "tab";
tabBase.style.backgroundColor = "white";
currentTab = document.getElementById(tabID);
tabBaseID = currentTab.id + "base";
tabContentID = currentTab.id + "Contents";
tabBase = document.getElementById(tabBaseID);
tabContent = document.getElementById(tabContentID);
currentTab.className = "selTab";
tabBase.style.backgroundColor = "";
document.getElementById("tabContents").innerHTML = tabContent.innerHTML;
}
}
</SCRIPT>
</head>
<body onload="init();" text="#000000" link="#0000A0" vlink="#0000A0" alink="#0000A0">

<table bgcolor="#FFA500" cellpadding="0" cellspacing="0" style="HEIGHT: 500px; WIDTH: 850px" class="body" ID="Table1">
<tbody>
<tr>
<td class="selTab" onclick="changeTabs('t1')" height="25" id="t1">TwineXp</td>
<td class="tab" onclick="changeTabs('t2')" id="t2">Network</td>
<td class="tab" onclick="changeTabs('t3')" id="t3">Emulatore</td>
<td class="tab" onclick="changeTabs('t4')" id="t4">Utenti</td>

</tr>
<tr>
<td id="t1base" style="BORDER-LEFT: gray thin solid; HEIGHT: 1px"></td>
<td id="t2base" style="BACKGROUND-COLOR: white; HEIGHT: 1px"></td>
<td id="t3base" style="BACKGROUND-COLOR: white; HEIGHT: 1px"></td>
<td id="t4base" style="BACKGROUND-COLOR: white; HEIGHT: 1px"></td>

</tr>
<tr>
<td colspan="7" height="*" id="tabContents" style="BORDER-BOTTOM: gray thin solid; BORDER-LEFT: gray thin solid; BORDER-RIGHT: gray thin solid"> </td>
</tr>
</tbody>
</table>

<div class="conts" id="t1Contents" style="width: 500; height: 10">
<table align = "center">
<tr>
<td>

<iframe src = "netConfig.php" width = "400" height = "350" name = "framenet">
</iframe>
</td>
</tr>
</table>
</div>
<div class="conts" id="t2Contents" style="width: 459; height: 120">
<table align = "center">
<tr>
<td>
<iframe src = "netConfigForm.php" width = "400" height = "450" name = "framesx">
</iframe>
</td>
</tr>
</table>
</div>
<div class="conts" id="t3Contents" style="width: 460; height: 38">
<table align = "center" width = "700" >
<tr>
<td width = "150" colspan ="2">
<img src = "TMimagesAlt/spacer.gif" height = "20" alt="">

<table align = "center" cellspacing = "10" width = "300" border = "1">
<tr>
<td><a href = "http://www.google.it" target = "pippo">Open</a></td>
<td><a href = "http://www.google.it" target = "pippo">Close</a></td>
<td><a href = "addConnHost.php" target = "pippo"><img src ="TMimagesAlt/addConn32.bmp" alt = "add connection" border = "0"></a></td>
<td><a href = "addSessionDisp.php" target = "pippo"><img src ="TMimagesAlt/addSession32.bmp" alt = "add session" border = "0"></a></td>
<td><a href = "http://www.google.it" target = "pippo"><img src ="TMimagesAlt/delete.bmp" alt = "delete" border = "0"></a></td>
<td><a href = "http://www.google.it" target = "pippo"><img src ="TMimagesAlt/proprieties.bmp" alt = "proprieties" border = "0"></a></td>
<td><a href = "userList.php" target = "pippo"><img src ="TMimagesAlt/user.bmp" alt = "user list" border = "0"></a></td>

</tr>

</table>
</td>
</tr>
<tr>
<td valign = "top">
<iframe src = "admin.php" width = "200" height = "400" name = "gianni">
</iframe>
</td>
<td valign = "top">
<iframe src = "defaultFrameDX.php" width = "600" height = "400" name = "pippo">
</iframe>
</td>
</tr>
</table>
</div>
<div class="conts" id="t4Contents" style="width: 460; height: 88" >
<table align = "center" width = "700" >
<tr>
<td width = "150" colspan ="2">
<img src = "TMimagesAlt/spacer.gif" height = "20" alt="">

<table align = "center" cellspacing = "10" width = "300">
<tr>
<td><a href = "http://www.google.it" target = "pippos">Open</a></td>
<td><a href = "http://www.google.it" target = "pippos">Close</a></td>
<td><a href = "addConnHost.php" target = "pippos"><img src ="TMimagesAlt/addConn32.bmp" alt = "add connection" border = "0"></a></td>
<td><a href = "addSessionDisp.php" target = "pippos"><img src ="TMimagesAlt/addSession32.bmp" alt = "add session" border = "0"></a></td>
<td><a href = "http://www.google.it" target = "pippos"><img src ="TMimagesAlt/delete.bmp" alt = "delete" border = "0"></a></td>
<td><a href = "http://www.google.it" target = "pippos"><img src ="TMimagesAlt/proprieties.bmp" alt = "proprieties" border = "0"></a></td>
<td><a href = "userList.php" target = "pippos"><img src ="TMimagesAlt/user.bmp" alt = "user list" border = "0"></a></td>

</tr>

</table>
</td>
</tr>
<tr>
<td valign = "top">
<iframe src = "userTree.php" width = "200" height = "400">
</iframe>
</td>
<td valign = "top">
<iframe src = "defaultFrameDX.php" width = "600" height = "400" name = "pippos">
</iframe>
</td>
</tr>
</table>
</div>
<div class="conts" id="t5Contents" style="width: 460; height: 37">
<p align="center" class="body">And so on..</p>
</div>
<div class="conts" id="t6Contents" style="width: 460; height: 37">
<p align="center" class="body">And so on..</p>
</div>

<div class="conts" id="t7Contents" style="width: 460; height: 37">
<p align="center" class="body">
Scroll a little down the page for instructions!</p>
</div>

</body>
</html>

il meta c'e' anche qui

**pierofix** · 16-11-2005, 12:29

Originariamente inviato da stiffa
il meta c'e' anche qui

Non ho detto che il meta invalida il codice: mi riferivo alla sua posizione, che nel primo caso era esterna all'elemento radice di HTML.

P.S. Mai sentito parlare di queste cose?

- www.mibmagazine.it/article.php=51
- www.re1.it/pierofix/articoli/tabelle-layout.htm

**webus** · 16-11-2005, 12:40

non viene riconosciuto l'attributo "name" nell'oggetto form perché stai usando un DTD HTML4.0, che, appunto, non lo comprendeva.

Devi usare HTML4.01 per questo attributo.

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

**webus** · 16-11-2005, 13:04

Originariamente inviato da webus
non viene riconosciuto l'attributo "name" nell'oggetto form perché stai usando un DTD HTML4.0, che, appunto, non lo comprendeva.

Devi usare HTML4.01 per questo attributo.

Hhm, my bad!

Ho verificato nelle spec HTML4.0 e Form in realtà comprende anche "name", almeno nella sua stesura ufficiale:
http://www.w3.org/TR/html401/interac...html#edef-FORM

Non viene invece menzionato in quella del WDG:
http://www.htmlhelp.com/reference/ht...orms/form.html

Fermo restando che l'errore scompare con la corretta dichiarazione, sembrerebbe un bug del validator.

Discussione: validazione pazza pag html

Strumenti discussione

Ricerca discussione

Visualizza

validazione pazza pag html

Permessi di invio