5568 sujets

Sémantique web et HTML

salut à tous Smiley smile

Me revoilou, alors premièrement, à nouveau Un Immense merci à FoxLeRenard !!!
Sans Toi, ami inconnu, d'un moment, JAMAIS je ne serai arrivé à terminer mon bandeau d'affichage, qui m'enthousiasme tant et carrément met sur le c.. tous mes potos !

RE, re et re merci à toi , The Fox Smiley smile

MERCI aussi à Heyoan, grace auquel je me lance dans la certification W3C de mes pages...et ya du taff...ouuuuuulaaaaala , Smiley smile

Voici mon problème du jour : la balise <marquee>, ben oui, je sais c tout bete,
Mais cette balise ne veut pas fonctionner sous IE, un comble, puisque il parait que c'est pour IE, qu'elle à été inventé/codée...


Sous FF et GC, no problemo, mon code passe parfaitement, étrange ...


Voici donc mon code d'origine :::


<td align="center" with="100%" height="36" border="0" cellspacing="0" cellpadding="0" background="themes/NB-05/images/NB_11.gif">
			<font size="1"><b>

<marquee onmouseover="this.stop()" onmouseout="this.start()" 
	 scrollamount="4"  direction="left" loop="true"  style="font-family: DigifaceWide; font-size: 12px">
<?
	echo '<center>';
	$userdownloaded = mksize($CURUSER["downloaded"]);
	$useruploaded = mksize($CURUSER["uploaded"]);
	$privacylevel = $CURUSER["privacy"];
	if ($CURUSER["uploaded"] > 0 && $CURUSER["downloaded"] == 0)
		$userratio = "Inf.";
	elseif ($CURUSER["downloaded"] > 0)
		$userratio = number_format($CURUSER["uploaded"] / $CURUSER["downloaded"], 2);
	else
		$userratio = "---";

	if ($CURUSER["warned"] != "no") {
    $warnedd = "<img width=20 height=20 src=images/warned_users.png border=0 valign=bottom><blink><font color=#ff0000>
	<b>  |  Warning By Staff !</b></blink></font>";
    print ("$warnedd");
									} else {    
    	$avatar = htmlspecialchars($CURUSER["avatar"]);
	if (!$avatar)
		$avatar = "".$site_config["SITEURL"]."/images/default_avatar.gif";

	print ("&nbsp;&nbsp;  <img width=20 height=20 src=$avatar border=0 valign=bottom>");
											}    

	if ($CURUSER){
	$connectable = get_row_count("peers", "WHERE connectable='yes' AND userid=$CURUSER[id]");
	$unconnectable = get_row_count("peers", "WHERE connectable='no' AND userid=$CURUSER[id]");
	if ($unconnectable)
    print "&nbsp;&nbsp;  <b><font color=white size=1>Connectable : </font><font color='#FF0000'>NO</font></b>";
elseif ($connectable)
    print "&nbsp;&nbsp;  <b><font color=white size=1>Connectable : </font><font color='#00FF00'>YES</font></b>";
else
    print "&nbsp;&nbsp;  <b><font color=white size=1>Connectable : </font><font color='#FF9900'>N/A</font></b>";

	print("&nbsp;&nbsp;   <b><font color=white size=1>IP : </font><font color=teal>" . $CURUSER["ip"] . "\n</font></b>");

	$userdownloaded = mksize($CURUSER["downloaded"]);
	$useruploaded = mksize($CURUSER["uploaded"]);
	$seedbonus = $CURUSER["seedbonus"];
	$donated = ($CURUSER["donated"]);

    if ($CURUSER["downloaded"] > 0) {
        $userratio = number_format($CURUSER["uploaded"] / $CURUSER["downloaded"], 2);
    }else{
        $userratio = "---";
    }

	print ("
	&nbsp;&nbsp;   <b><font color=white size=1>Down&nbsp;&darr;&nbsp;</font><font color=red>$userdownloaded</font></b>
	&nbsp;&nbsp;   <b><font color=white size=1>Up&nbsp;&uarr;&nbsp;</font><font color=lightgreen>$useruploaded</font></b>
	&nbsp;&nbsp;   <b><font color=white size=1>Ratio : </font><font color=yellow>$userratio</font></b>
	&nbsp;&nbsp;   <b><font color=white size=1>Dons : </font><font color=gold>$donated €</font></b>
	&nbsp;&nbsp;   <b><font color=white size=1>Seed bonus :  </font><font color=cyan>$seedbonus</font></b>
	&nbsp;&nbsp;   <b><font color=white size=1>Theme : </font><font color=pink>$CURUSER[stylesheet]</font></b>");

	}

	echo '</center>';
?>
		</marquee>

	</td>



Et voici mon code MODIFIE pour je le pensai, oufff de moi meme, devenir "compatible" avec IE :::


<marquee>
<?

	$userdownloaded = mksize($CURUSER["downloaded"]);
	$useruploaded = mksize($CURUSER["uploaded"]);
	$privacylevel = $CURUSER["privacy"];
	if ($CURUSER["uploaded"] > 0 && $CURUSER["downloaded"] == 0)
		$userratio = "Inf.";
	elseif ($CURUSER["downloaded"] > 0)
		$userratio = number_format($CURUSER["uploaded"] / $CURUSER["downloaded"], 2);
	else
		$userratio = "---";
	
if ($CURUSER["warned"] != 'no') {

$avatar = "<img width=20 height=20 src=images/warned_users.png border=0 valign=bottom alt=''><blink><font color=#ff0000>
	<b>  |  Warning By Staff !</b></blink></font>";

						    }
else						 {    
$avatar = "<img width=20 height=20 src=$CURUSER[avatar] border=0 valign=bottom alt=''>";

if (!$avatar)
		$avatar = "<img width=20 height=20 src=".$site_config["SITEURL"]."/images/default_avatar.gif border=0 valign=bottom>";
						}      

if ($CURUSER)	{
	$connectable = get_row_count("peers", "WHERE connectable='yes' AND userid=$CURUSER[id]");
	$unconnectable = get_row_count("peers", "WHERE connectable='no' AND userid=$CURUSER[id]");

if ($unconnectable)
    $connectstat = "&nbsp;&nbsp;<b><font color=white size=1>Connectable : </font><font color='#FF0000'>NO</font></b>";
elseif ($connectable)
    $connectstat = "&nbsp;&nbsp;<b><font color=white size=1>Connectable : </font><font color='#00FF00'>YES</font></b>";
else
    $connectstat = "&nbsp;&nbsp;<b><font color=white size=1>Connectable : </font><font color='#FF9900'>N/A</font></b>";

	$IP = "&nbsp;&nbsp;<b><font color=white size=1>IP : </font><font color=teal>" . $CURUSER["ip"] . "\n</font></b>";

	$userdownloaded = mksize($CURUSER["downloaded"]);
	$useruploaded = mksize($CURUSER["uploaded"]);
	$seedbonus = $CURUSER["seedbonus"];
	$donated = ($CURUSER["donated"]);

    if ($CURUSER["downloaded"] > 0) {
        $userratio = number_format($CURUSER["uploaded"] / $CURUSER["downloaded"], 2);
    }else{
        $userratio = "---";
    }
	



	echo '<marquee>';
	echo $avatar."&nbsp;&nbsp;".$connectstat.$IP;
	print ("
	&nbsp;&nbsp;   <b><font color=white size=1>Down&nbsp;&darr;&nbsp;</font><font color=red>$userdownloaded</font></b>
	&nbsp;&nbsp;   <b><font color=white size=1>Up&nbsp;&uarr;&nbsp;</font><font color=lightgreen>$useruploaded</font></b>
	&nbsp;&nbsp;   <b><font color=white size=1>Ratio : </font><font color=yellow>$userratio</font></b>
	&nbsp;&nbsp;   <b><font color=white size=1>Dons : </font><font color=gold>$donated €</font></b>
	&nbsp;&nbsp;   <b><font color=white size=1>Seed bonus :  </font><font color=cyan>$seedbonus</font></b>
	&nbsp;&nbsp;   <b><font color=white size=1>Theme : </font><font color=pink>$CURUSER[stylesheet]</font></b>");

	}

	echo '</marquee>';



Vous remarquerez que pour mon test,
J'ai carrément viré TOUS les attributs de la balise :::

J'avai besoin de ces attributs , pourtant, ils étaient codés comme suit :::


<marquee  onmouseover="this.stop()" onmouseout="this.start()" 
	 scrollamount="4"  direction="left" style="font-family: DigifaceWide; font-size: 12px">


et sont devenus une simple <marquee> pour les besoins de mon test, re donc ...


J'ai fait quelques recherches, avant de venir vous "embeter" pour rester poli, milles excuses, en passant, pour mon language, un peu trop "imagé et trivial" parfois ...

Puis je bénéficier, une nouvelle fois de vos lumières ?
Modifié par alamandra (26 Apr 2009 - 10:46)
wooooo excellent cette W3C, hihihihi je viens de passer bon genre 1 heure et demi,
sur mes header, footer, blocks et index et je suis passe de 134 erreurs et 6 warnings , à 84 erreurs et 4 warnings , oiu ouuu allez une tite pause miam miam ....
Salut alamandra,

bon alors 2 choses importantes :
* si tu veux que ton code soit valide il faut commencer par lui choisir un doctype valide (voir également le Squelettor).
* tu ne peux pas avoir un code valide en utilisant un élément qui n'est pas standard (MARQUEE) Smiley murf
haaaa javai essaye d'autres DOC TYPE sans rien y comprendre, decidemment ton site est une mine d'or d'informations
alors, mon DOC TYPE actuel est :::
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Je devrais le "completer", en le remplaçant par :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

MAIS je lis sur votre page explicative :::
pas de balises propriétaires (<marquee>, <embed>, etc) ; !!!


DONC, si je capte bien les choses, je REMPLACE ma balise <marquee> par un petit javascript , no ? et ça passera !!!! Smiley cligne

Bon ... MAIS !
Que faire pour REMPLACER <embed> ?
J'ai Impérativement besoin du Flash, d'autant que je commence à coder du Flash,
Et j'espere bien remplacer plusieurs de mes "modules" ou "blocks" par du Flash ...

Hummmm pour le javascritp ça va aller, donc, mais pour le Flash .... mystere et boule de gommes ....

Bon, je file finir mes Pizzas, A+ Smiley smile
Bon il se trouve quie j'ai corrigé pas mal de bugs sur mon Theme,
MAIS en utilisant :::
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Mes entetes de frames sont "cassées", à part la frame pour mon bandeau d'affichage, bizarrement, elle, elle est nickel ...

SERAIT ce parce que ELLE, elle n'a pas de Titre ?
Dans ce cas, cela viendrait de la définition de mes Frames et Blocks ...

Peut etre une histoire de blank.gif ... un ti element qui "pourrait" mettre la pagaille,
dans mes entetes de Frames et Blocks ....

Hummm j'avoue que je tatonne énormément, là ....

Je suis comment dirai-je, en bon français ... Dubitatif ! Smiley smile
Modifié par alamandra (26 Apr 2009 - 12:56)
Bon, je pense tenir une pîste, au sujet de cette "cassure" dans mes frames,
le doc type doit etre bon pour moi, cela doit venir de la definition de mes frames et blocks, sous FF tout est nickel, mais sous IE et GC on voit cette "cassure" ....
Je vais tenter de corriger cette erreur, pour conserver ce doc type, qui semble etre le bon pour mon cas, ... donc ...

EDIT ::: Oui, je suis sur que c ça, si je laisse la <td> qui contient mes img blank.gif, MAIS en virant l'image, et bien ... je constate qu'elle ne sert à rien ... MAIS j'ai toujours ce décalage disgracieux ...rrrrr va falloir que je cause à mon designer .... à moins que vous acceptiez de jetter un oeil à mon block.php ...


EDIT 02 ::: Beuuu no, decidemment, j'ai un souci pour me mettre en conformité ... Ce Doc Type ::: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Fonctionne parfaitement "Visuellement et avec les 3 navigateurs ... bouuuuuuu oups, désolé, je sors ... en silence ... po de conformité alors, si je ne peuxpas utiliser le Doc Type Exactement comme indiqué sur ta page un doctype valide

Alors ?

Puis je etre en "conformité" si j'utilise quand meme mon doctype d'origine,
sans la référence http ?
Modifié par alamandra (26 Apr 2009 - 17:40)