Problemi di validazione

[Goblin_73]

Ciao a tutti
Ho qualche problema nella validazione di un documento. L'errore riportato si riferisce a questo script:

<script type="text/javascript" src="files/highslide_script/highslide.js"></script>
<link rel="stylesheet" type="text/css" href="files/highslide_script/highslide.css" />
<script type="text/javascript">
hs.graphicsDir = 'files/highslide_script/graphics/';
hs.registerOverlay({
html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
position: 'top right',
fade: 2 // fading the semi-transparent overlay looks bad in IE
});
hs.outlineType = 'rounded-white';
hs.wrapperClassName = 'draggable-header';
hs.align = 'center';
hs.transitions = ['expand', 'crossfade'];
// mette le frasiCLOSE e MOVE hs.wrapperClassName = 'dark borderless floating-caption';
hs.fadeInOut = true;
hs.dimmingOpacity = .75;
// Add the controlbar
if (hs.addSlideshow) hs.addSlideshow({
//slideshowGroup: 'group1',
interval: 5000,
repeat: false,
useControls: false,
fixedControls: 'fit',
overlayOptions: {
opacity: .75,
position: 'bottom center',
hideOnMouseOut: true
}
});
</script>

Inoltre in una table riscontro questo errore:
<table id="two-columns" border="0" cellpadding="0" cellspacing....
----> ID "two-columns" already defined

Qualcuno può darmi una mano?
Grazie

[ricman]

Originariamente inviato da Goblin_73
html: '[COLOR=red]<div class="closebutton" onclick="return hs.close(this)" title="Close">
----> ID "two-columns" already defined

Per il primo non hai scritto csa ti dice il validatore.
Per il secondo sembra che tu stia usando più di una volta lo stesso ID nella pagina. (gli id sono unici mentre le classi le puoi ripetere)

[Goblin_73]

In effetti mi sono dimenticato di scrivere il tipo di errore!
Nello script mi restituisce questo errore:

document type does not allow element "div" here

Nel secondo caso, quindi mi consigli di sostituire gli id con le class?? Oppure semplicemente cambiare nome dell'id? Avevo provato a modificare il nome dell'id tuttavia la tabella si è "rotta"

Grazie

[Mixter_X]

sdf

[ricman]

Originariamente inviato da Goblin_73
document type does not allow element "div" here

...mi pare abbastanza chiaro allora... si tratta di un errore semantico... alcuni tag non possono stare dentro ad altri...

Originariamente inviato da Goblin_73
Nel secondo caso, quindi mi consigli di sostituire gli id con le class?? Oppure semplicemente cambiare nome dell'id? Avevo provato a modificare il nome dell'id tuttavia la tabella si è "rotta"

Ovviamente se cambi nome all'id devi anche cambiarlo nel css... Se lo chiami "pino" anzichè "gino" non si "rompe" nessuna tabella... (magari evita il "meno" nel nome e usa un underscore)

[Goblin_73]

Grazie per la tua risposta. Per il discorso CSS mi è tutto chiaro.
Invece non riesco a risolvere la questione del "div" dove posso trovare informazioni a riguardo?
Grazie ancora

[mucu]

<script type="text/javascript">
 //<![CDATA[ 
... ... ...
 //]]> 
</script>

prova a usare questo metodo per inserire i javascript direttamente nella pagina
oppure fai un foglio a parte e richiamalo semplicemente nell'head

[Goblin_73]

Grazie macu e grazie anche tutti gli altri! lo script è stato validato dai 67 errori sono passato a 17
Non sono riuscito invece a risolvere la questione dell' ID nelle tabelle! Ho modificato il CSS

#two-columns {
padding: 10px 0px;
}
#two-columns .column1, #two-columns .column2 {
width: 225px;
}
#two-columns .column1 {
float: left;
}
#two-columns .column2 {
float: right;
}

in

#two-columns1 {
padding: 10px 0px;
}
#two-columns1 .column1, #two-columns .column2 {
width: 225px;
}
#two-columns1 .column1 {
float: left;
}
#two-columns1 .column2 {
float: right;
}

ecc. per ogni ID che richiavamo nella tabella tuttavia le due colonne non sono più allienate e ora sono una sotto l'altra!!

Inoltre c'è un ultimo errore che mi crea non pochi problemi:

<div style="position: static; height: 210px; width: 290px;"> <marquee style="color: black; margin-top: 0px; height: 185px;" id="menu" direction="up" scrollamount="1" scrolldelay="15" onmouseover="this.stop()" onmouseout="this.start()" height="150"><div style="text-align: justify; margin-top: 0px; height: 162px; margin-left: 10px; width: 270px;">text text text </div>

E mi restituisce i seguenti errori:
Attribute "style" exists, but can not be used for this element.
Attribute "direction" is not a valid attribute
Attribute "scrollamount" is not a valid attribute
Attribute "scrolldelay" is not a valid attribute
Attribute "onmouseover" exists, but can not be used for this element
Attribute "onmouseout" exists, but can not be used for this element
Attribute "height" exists, but can not be used for this element
element "marquee" undefined

Qualche suggerimento?