Partage

affichage sous firefox

chevauchemnts, ecrits sur images

14 janvier 2006 à 11:26:52

bonjour,

je reprend mon post précedent pour un probléme d'affichage sous firefox (IE ok)
voici le lien <lien url="http://www.rencontresure.com"></lien>

voici le code de la partie: "ils/elles viennent de se connecter"

<table class="cadre_titre" border="0" cellpadding="0" cellspacing="0" width="100%">
         <tbody>
   <tr>
   <td align="left">
               <table border="0" cellpadding="0" cellspacing="2" width="100%">
               <tbody>
   <tr>
   <td colspan="2" align="center"class="txt_12px_light_ff6600_titre_centre" bgcolor="#9d3cb0" height="20"> <font color="#ffffff">Ils/elles viennent de se connecter </font>
   </td>
               </tr>
               <table border="0" cellpadding="0" cellspacing="2" width="100%">
                  <tbody>
   <tr><?php

include "config.php";
$req = mysql_query ("SELECT membre.pseudo,membre.sexe,DATE_FORMAT(membre.heureh, '%Y/%m/%d %H:%i') as date_d,photo FROM membre WHERE
membre.photo='' AND membre.opt!='3' AND membre.opt!='4' AND pseudo!='fronck' ORDER BY date_d DESC LIMIT 0,4 ") or die (mysql_error ());
//1ere rangée photos
while ($l = mysql_fetch_array ($req))
{
$sexe=$l['sexe'];
if($sexe=='h' OR $sexe=='c')
{
echo '<td width="15" height="15"></td><td class="fotohmini" ><a href="index.php?page=fiche&interloc=' , strtolower($l['pseudo']), '"><img src="upload/' , strtolower($l['pseudo']) , '.jpg" border="0" width="50" height="50" alt="' , $l['pseudo'] , '"></a></td><td width="15"></td>';
}
if($sexe=='f' OR $sexe=='l' OR $sexe=='m')
{
echo '<td width="15" height="15"></td><td class="fotofmini" ><a href="index.php?page=fiche&interloc=' , strtolower($l['pseudo']), '"><img src="upload/' , strtolower($l['pseudo']) , '.jpg" border="0" width="50" height="50" alt="' , $l['pseudo'] , '"></a></td><td width="15"></td>';
}
}
?></tr><tr><?php
//1ere rangée pseudos
$req = mysql_query ("SELECT membre.pseudo,membre.sexe,DATE_FORMAT(heureh, '%Y/%m/%d %H:%i') as date_d FROM membre WHERE
membre.photo='' AND membre.opt!='3' AND membre.opt!='4' AND pseudo!='fronck' ORDER BY date_d DESC LIMIT 0,4 ") or die (mysql_error ());
while ($l = mysql_fetch_array ($req))
{
$pseudo=$l['pseudo'];
?><td width="15"></td><td align="center"class="liens_centre_12px height="1" width="50"><?php echo $pseudo;?></td><td width="15"></td><?php
}
?></tr><tr><?php
//1ere rangée age-dept
$req = mysql_query ("SELECT membre.pseudo,membre.sexe,membre.date_nais,membre.dept,DATE_FORMAT(heureh, '%Y/%m/%d %H:%i') as date_d FROM membre WHERE
membre.photo='' AND membre.opt!='3' AND membre.opt!='4' AND pseudo!='fronck' ORDER BY date_d DESC LIMIT 0,4 ") or die (mysql_error ());
while ($l = mysql_fetch_array ($req))
{
$age = age($l['date_nais']);
$dept=$l['dept'];
?><td colspan="3" align="center" height="0" class="txt_12px_sans_serif_texte_centre" ><?php echo "$age ans - $dept"; ?><?php
}
?></tr><tr><?php
$req = mysql_query ("SELECT membre.pseudo,membre.sexe,DATE_FORMAT(heureh, '%Y/%m/%d %H:%i') as date_d FROM membre WHERE
membre.photo='' AND membre.opt!='3' AND membre.opt!='4' AND pseudo!='fronck' ORDER BY date_d DESC LIMIT 4,4 ") or die (mysql_error ());
//2e rangée photos
while ($l = mysql_fetch_array ($req))
{
$sexe=$l['sexe'];
if($sexe=='h' OR $sexe=='c')
{
echo '<td width="15"height="15"></td><td class="fotohmini" ><a href="index.php?page=fiche&interloc=' , strtolower($l['pseudo']), '"><img src="upload/' , strtolower($l['pseudo']) , '.jpg" border="0" width="50" height="50" alt="' , $l['pseudo'] , '"></a></td><td width="15"></td>';
}
if($sexe=='f' OR $sexe=='l' OR $sexe=='m')
{
echo '<td width="15"height="15"></td><td class="fotofmini" ><a href="index.php?page=fiche&interloc=' , strtolower($l['pseudo']), '"><img src="upload/' , strtolower($l['pseudo']) , '.jpg" border="0" width="50" height="50" alt="' , $l['pseudo'] , '"></a></td><td width="15"></td>';
}
}
?></tr><tr><?php
//2e rangée pseudos
$req = mysql_query ("SELECT membre.pseudo,membre.sexe,DATE_FORMAT(heureh, '%Y/%m/%d %H:%i') as date_d FROM membre WHERE
membre.photo='' AND membre.opt!='3' AND membre.opt!='4' AND pseudo!='fronck' ORDER BY date_d DESC LIMIT 4,4") or die (mysql_error ());
while ($l = mysql_fetch_array ($req))
{
$pseudo=$l['pseudo'];
?><td width="15"></td><td class="liens_centre_12px height="1" align="center"width="50"><?php echo $pseudo;?></td><td width="15"></td><?php
}
?></tr><tr><?php
//2e rangée age-dept
$req = mysql_query ("SELECT membre.pseudo,membre.sexe,membre.date_nais,membre.dept,DATE_FORMAT(heureh, '%Y/%m/%d %H:%i') as date_d FROM membre WHERE
membre.photo='' AND membre.opt!='3' AND membre.opt!='4' AND pseudo!='fronck' ORDER BY date_d DESC LIMIT 4,4 ") or die (mysql_error ());
while ($l = mysql_fetch_array ($req))
{
$age = age($l['date_nais']);
$dept=$l['dept'];
?><td colspan="3" align="center" height="0" class="txt_12px_sans_serif_texte_centre" ><?php echo "$age ans - $dept"; ?></td><?php

}
?>    </tr>
    </tbody>
   </table>
</td>
</tr>
</tbody>
   </table>

merci

strucky

14 janvier 2006 à 18:26:14

Salut !!

Je pense qu'il faudrait que tu t'attaques en premier lieu aux erreurs dans ta page.

95 en html, et pas loin d'une centaine (j'ai pas compté) en css

dundee

15 janvier 2006 à 11:18:03

dsl je comprends pas o_O

strucky

15 janvier 2006 à 12:02:04

Ben il suffit de regarder :

Html :

http://validator.w3.org/check?verbose=1&uri=http://www.rencontresure.com/

Css :

http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http://www.rencontresure.com/

:-°

dundee

16 janvier 2006 à 2:00:11

bah c de la connerie c trucs là; çà dit nimporte quoi que les couleurs sont pas bonnes, que rien n 'est bon

akrokan

16 janvier 2006 à 10:41:47

Citation : dundee

bah c de la connerie c trucs là; çà dit nimporte quoi que les couleurs sont pas bonnes, que rien n 'est bon

C'est peut etre justement car rien n'est bon...Si tu as autant d'erreur dans le code, c'est peut etre logique que sa s'affiche pas correctement...Si le validateur existe c'est bien pour quelquechose, et cette imbrication de tableau pour le design no comment...

Dans ton CSS, rien que tout les premiers attribut sont mal definis, C'est quoi ces "" superflus, faut les virer, et rajouter le # devant ta color.

dundee

16 janvier 2006 à 12:26:27

ok je vais jeter un oeil de toute àçon, mais y a du boulot là

dundee

30 janvier 2006 à 11:57:09

# Error Line 7 column 6: end tag for element "HEAD" which is not open.

</head>

Il dit nimporte koi ce truc, mon head est bien ouvert:

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

<link rel="stylesheet" type="text/css" href="monquestAP.css" />
</head>

The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.

If this error occured in a script section of your document, you should probably read this FAQ entry.

✉
# Error Line 9 column 5: document type does not allow element "BODY" here.

<body>

The element named above was found in a context where it is not allowed. This could mean that you have incorrectly nested elements -- such as a "style" element in the "body" section instead of inside "head" -- or two elements that overlap (which is not allowed).

One common cause for this error is the use of XHTML syntax in HTML documents. Due to HTML's rules of implicitly closed elements, this error can create cascading effects. For instance, using XHTML's "self-closing" tags for "meta" and "link" in the "head" section of a HTML document may cause the parser to infer the end of the "head" section and the beginning of the "body" section (where "link" and "meta" are not allowed; hence the reported error).

on le met ou body si c pas aprés le head alors?

bah pour moi oui çà ressemble bien à des conneries, tout çà.

strucky

30 janvier 2006 à 15:18:41

Citation : dundee

bah pour moi oui çà ressemble bien à des conneries, tout çà.

Libre à toi de le penser.

Ce n'est pas parce que le validateur te dit que l'erreur est à telle ligne, que c'est réellement le cas, l'erreur est souvent placée avant la ligne citée, ce n'est qu'un robot qui contrôle le code.

Donc il y a bien une erreur avant :

En html, les balises uniques ne se ferment pas.

Et hop, de suite 2 erreurs en moins.

dundee

30 janvier 2006 à 15:34:02

les balises uniques? quelle balise unique.. o_O

désolé je comprends rien là

strucky

30 janvier 2006 à 15:42:14

Balises uniques :

<link>
<input>
<br>
etc ...

Balises doubles :

<div></div>
<p></p>
<table></table>
etc ...

Donc :

Shughuy

30 janvier 2006 à 15:42:36

Celles qui n'ont pas de fermeture.

Exempe : <img>, <br>, <meta>, <link> ...
Contrairement à : <td></td>, <div></div> ...

dundee

30 janvier 2006 à 16:00:28

hébé, la balise link elle est pas fermée o_O

strucky

30 janvier 2006 à 16:12:19

Hum,

Si elle est fermée :

Tu as mis :

<link rel="stylesheet" type="text/css" href="monquestAP.css" />

Alors que ton doctype est en HTML et non en xHTML.

dundee

30 janvier 2006 à 16:32:10

j ai enlevé la barre "/"

pour les balises <form>, je les ai mis a l'éntrée et fin du formulaire, mais çà a pas l'air de lui allé bizarre o_O

, non?

<tr>
         <td align="center"> <form name="form1" method="post" target="_parent" action="porte.php"><input name="pseudo" class="pseudo_mot_de_passe" id="pseudo" value="" size="15" type="text"></td>
</tr>
            <tr>
         <td class="txt_12px_sans_serif_gras_texte_centre" align="center"> Mot de passe</td>
            </tr>
            <tr>
<td align="center"><input name="passw" class="pseudo_mot_de_passe" id="password" value="" size="15" type="password"> </td>
</tr>
<tr>
<td align="center"> <input name="Submit" class="submit" value="Valider" type="submit"></form></td>
</tr>

# Error Line 59 column 194: end tag for "FORM" omitted, but its declaration does not permit this.

..." value="" size="15" type="text"></td>

* You forgot to close a tag, or
* you used something inside this tag that was not allowed, and the validator is complaining that the tag should be closed before such content can be allowed.

The next message, "start tag was here" points to the particular instance of the tag in question); the positional indicator points to where the validator expected you to close the tag.

# Error Line 68 column 101: end tag for element "FORM" which is not open.

... value="Valider" type="submit"></form></td>

The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.

If this error occured in a script section of your document, you should probably read this FAQ entry.

strucky

30 janvier 2006 à 17:12:39

C'est logique tu ouvres une balise <tr> , <td> et <form>, jusqu'à là ok, mais ensuite tu fermes </td> et </tr> alors que tu n'as pas fermé ta balise </form>, l'ordre des balises n'est pas respecté.

dundee

30 janvier 2006 à 17:44:14

ok, merci..
ensuite j ai des erreurs sur du javascript, que je comprends pas entre le titre et le span:

# Error Line 114 column 36: there is no attribute "TITLE".

<SCRIPT language="JavaScript" title="G1SCRIPT">

You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the "Strict" document type with a document that uses frames (e.g. you must use the "Transitional" document type to get the "target" attribute), or by using vendor proprietary extensions such as "marginheight" (this is usually fixed by using CSS to achieve the desired effect instead).

This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information.

How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute.

✉
# Error Line 114 column 46: required attribute "TYPE" not specified.

<SCRIPT language="JavaScript" title="G1SCRIPT">

The attribute given above is required for an element that you've used, but you have omitted it. For instance, in most HTML and XHTML document types the "type" attribute is required on the "script" element and the "alt" attribute is required for the "img" element.

Typical values for type are type="text/css" for <style> and type="text/javascript" for <script>.

✉
# Error Line 120 column 55: end tag for element "SPAN" which is not open.

document.write('<span id="highlight">' + text + '</span>')

The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.

If this error occured in a script section of your document, you should probably read this FAQ entry.

✉
# Error Line 173 column 14: end tag for element "A" which is not open.

</font></a></a>

The Validator found an end tag for the above element, but that element is not currently open. This is often caused by a leftover end tag from an element that was removed during editing, or by an implicitly closed element (if you have an error related to an element being used where it is not allowed, this is almost certainly the case). In the latter case this error will disappear as soon as you fix the original problem.

If this error occured in a script section of your document, you should probably read this FAQ entry.

<font size="5">
<SCRIPT language="JavaScript" title="G1SCRIPT"> (ligne114)
//by Matt Hedgecoe (c) 2002
var text="Je m'inscris" // YOUR TEXT
var speed=80 // SPEED OF FADE
// ********** LEAVE THE NEXT BIT ALONE!
if (document.all||document.getElementById){
document.write('<span id="highlight">' + text + '</span>') (ligne120)
var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight
}
else
document.write(text)
var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")
var r=1
var g=1
var b=1
var seq=1
function changetext(){
rainbow="#"+hex[r]+hex[g]+hex[b]
storetext.style.color=rainbow
}
function change(){
if (seq==6){
b--
if (b==0)
seq=1
}
if (seq==5){
r++
if (r==12)
seq=6
}
if (seq==4){
g--
if (g==0)
seq=5
}
if (seq==3){
b++
if (b==12)
seq=4
}
if (seq==2){
r--
if (r==0)
seq=3
}
if (seq==1){
g++
if (g==12)
seq=2
}
changetext()
}
function starteffect(){
if (document.all||document.getElementById)
flash=setInterval("change()",speed)
}
starteffect()
</SCRIPT>

(ligne 172)

strucky

30 janvier 2006 à 18:15:30

Le javascript, c'est pas trop mon truc.

Mais je pense que title n'a rien à faire dans la balise script, ça ne doit pas être valide.

La syntaxe des balises <script> doit-être :

Je sais pas si ça pose problème si on enlève le language en html transitionnal, je sais qu'en xHTML, on peut l'enlever.

# Error Line 120 column 55: end tag for element "SPAN" which is not open.

document.write('<span id="highlight">' + text + '</span>')

Pour celle-là, je vois pas trop, normalement le validateur ne devrait pas en tenir compte puisque c'est du js, et donc normalement ignoré si le code est bien mis entre les balises <script></script>.

# Error Line 173 column 14: end tag for element "A" which is not open.

</font></a></a>

Celle là, c'est simple, soit tu as une fermeture de balise <a> en trop, ou soit tu as imbriqué une balise <a> dans une autre, et ça ce n'est pas autorisé.

Il y aussi l'attribut alt des images qui est obligatoire.