[XHTML] Compatibilité avec firefox

Version imprimable

08/08/2007, 08h33
sebù des bois

[XHTML] Compatibilité avec firefox

Bonjour,
déjà je sais pas si c'est ici que je dois poster ce message parce que je suis une quiche en info...jvous explique vite fait, j'ai une page web qui est écrite en CSS (je sais pas vraiment ce que c'est mais un ami info me l'a dit) bref j'avais téléchargé une page déjà faite en css et j'ai voulu la customiser, j'ai donc pompé du code sur internet pour mettre des images par dessus et ça à l'air de marcher...sauf que moi je l'ai fait avec internet explorer (oui je sais c'est nul) et que mes potes qui ont firefox ben me disent que ca donne rien avec firefox et que les images sont pas du tout là où elles devraient être...quelqu'un a une idée?

merci

sebû
08/08/2007, 10h19
trotters213

:salut:
Ton ami t'a dit une bêtise : tu as une page en (X)HTML et CSS mais surement pas en CSS juste.

Bref, est-ce que tu pourrais nous montrer ton code qui foire ou bien nous donner un lien vers ta page parce que comme ça là, c'est impossible de te répondre.
08/08/2007, 11h19
Deallyra

Bonjour,

Petit conseil, utilises donc FireFox pour obtenir un aperçu de tes pages et télécharges le module complémentaire IEtab qui permet de passer à IE en un seul clic.

Sinon, du même avis que Trotters, passes nous du code que l'on puisse t'aider.
08/08/2007, 13h32
sebù des bois

Citation:

Envoyé par trotters213

:salut:
Ton ami t'a dit une bêtise : tu as une page en (X)HTML et CSS mais surement pas en CSS juste.

Bref, est-ce que tu pourrais nous montrer ton code qui foire ou bien nous donner un lien vers ta page parce que comme ça là, c'est impossible de te répondre.

merci pour ta réponse...ouais j'ai honte mais c'est pour une page myspace....j'ai codé en c++ java matlab et vba mais là je t'avoue que le html ou css je comprends pas grand chose...
www.myspace.com/paietatussa
08/08/2007, 13h36
Plancioni

moi je dis le mieu pour toi c'est d'apprendre le xHTML/CSS par les cours proposés par DVP, ainsi ça t'éviteras de tatonner et d'avancer dans le floue total.
08/08/2007, 14h03
sebù des bois

Citation:

Envoyé par LeTsIrGoD

moi je dis le mieu pour toi c'est d'apprendre le xHTML/CSS par les cours proposés par DVP, ainsi ça t'éviteras de tatonner et d'avancer dans le floue total.

nan mais bon c'est juste pour mettre des photos sur une page web...jvais pas apprendre tout le langage ca reste basique ce que je veux faire...
08/08/2007, 14h36
trotters213

Citation:

Envoyé par sebù des bois

nan mais bon c'est juste pour mettre des photos sur une page web...jvais pas apprendre tout le langage ca reste basique ce que je veux faire...

Ouè enfin je viens de jeter un coup, il n'y a pas que des photos à changer, il y a vraiment pas mal de dif' et ton code ... il donne pas envie du tout :roll:

Ce que tu peux faire c'est placer ceci tout en haut de ta page :

Code:

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

et corriger tout ça : http://validator.w3.org/check?verbos...%2Fpaietatussa

Alors je sais c'est "relou" mais il n'y a pas 36 solutions là.
08/08/2007, 14h38
sebù des bois

Citation:

Envoyé par trotters213

Ouè enfin je viens de jeter un coup, il n'y a pas que des photos à changer, il y a vraiment pas mal de dif' et ton code ... il donne pas envie du tout :roll:

Ce que tu peux faire c'est placer ceci tout en haut de ta page :

Code:

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

et corriger tout ça : http://validator.w3.org/check?verbos...%2Fpaietatussa

Alors je sais c'est "relou" mais il n'y a pas 36 solutions là.

ah mais attends lecode de base c'est pasmoi qui l'ai écrit, je l'ai récupéré sur un site pour des layouts...moi je cherche juste à le customiser vite fait c'est tout...
08/08/2007, 14h41
trotters213

Citation:

Envoyé par sebù des bois

ah mais attends lecode de base c'est pasmoi qui l'ai écrit, je l'ai récupéré sur un site pour des layouts...moi je cherche juste à le customiser vite fait c'est tout...

Et ouè mais le problème c'est que le code que t'as récupéré est vraiment tout pourri.
Donc à moins de trouver quelqu'un qui à 1h à perdre qui te le fasse, il va falloir que tu t'y plonge dedans.
Franchement c'est pas bien compliqué : tu lis les erreurs et tu les corriges. La plupart du temps, c'est juste une balise non fermée ou un attribut oublié mais c'est jamais bien méchant, c'est juste barbant. Au pire si t'arrives pas à corriger une erreur, tu peux poster ton problème dans ce sujet, on y répondra.
08/08/2007, 17h58
sebù des bois

Citation:

Envoyé par trotters213

Et ouè mais le problème c'est que le code que t'as récupéré est vraiment tout pourri.
Donc à moins de trouver quelqu'un qui à 1h à perdre qui te le fasse, il va falloir que tu t'y plonge dedans.
Franchement c'est pas bien compliqué : tu lis les erreurs et tu les corriges. La plupart du temps, c'est juste une balise non fermée ou un attribut oublié mais c'est jamais bien méchant, c'est juste barbant. Au pire si t'arrives pas à corriger une erreur, tu peux poster ton problème dans ce sujet, on y répondra.

ok merci je reviendrai poster si j'ai des soucis.

C'est normal que je foute la ligne

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

au début du code et que je sauvegarde le tout et que ca me met que "This page is not Valid (no Doctype found)!"...en allant sur http://validator.w3.org/check?verbos...%2Fpaietatussa?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
<div style="display:none;">
Quelqu'un qui aime:
-rencontrer de nouvelles personnes,
-bouger, voyager (pas forcément très loin)
-faire du snowboard avec mes amis,
-faire la fête,
-manger la fondue aux tomates,
-boire du bon vin,
-dormir
-...
</div>
 
<LOVEMYFLASH>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<style type="text/css">
body { position:relative; left:0px; top:0px; z-index:0; background-color:FFFFFF; }
 
a:link, a:visited, .redtext, .redbtext, a.redlink:link, a.redlink:hover { color:CCCCCC; }
a:link:hover, a:visited:hover { color:000066; }
 
object, embed { position:absolute; visibility: visible; top:1024px; left:50%; right:50%; margin-left:103px; }
 
.comments embed, .comments object { display:inline; position:relative; top:0px; margin-left:0px; left:0px; right:0px; }
 
.navbar{visibility:visible;} div td font {visibility:hidden;} table,tr,td{background-color: transparent;border-style: none;} .navigationBar tr td { background-color:transparent; } .interestsAndDetails, .userProfileDetail, .userProfileURL, .contactTable, .profileInfo, .latestBlogEntry, .extendedNetwork, .orangetext15 { display:none; }
 
table.friendsComments img {max-width:300px; height:auto;} .friendsComments font {visibility:visible;} table tr tr td img { border-color:4e607b; }
table tr td div div a.text {visibility:hidden; border:0px!important; background-color:transparent;}</style>
 
<div style="position:absolute; left:50%; right:50%; top:0px; width:800px; margin-left:-400px; text-align:center; z-index:-1;"><table width="800" height="170" border="0" cellpadding="0" cellspacing="0" align="center" style="visibility:visible; border:0px; background:url(http://www.lovemyflash.com/images/topbar/topbar3.gif); background-color:url(http://www.lovemyflash.com/images/topbar/topbar3.gif);"><tr><td> </td></tr></table></div><div style="position:absolute; left:50%; right:50%; top:170px; width:800px; z-index:6; margin-left:-400px; padding:0px; border:0px; background-color:FFF;">
 
<div style="position:absolute; left:521px; top:647px; width:125px; height:17px; z-index:9;"><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVzc2FnZSZmcmllbmRJRD0xNDY4MDU5NzE="><img src="http://www.lovemyflash.com/images/spacer.gif" width="125" height="17" border="0" /></a></div><div style="position:absolute; left:521px; top:667px; width:200px; height:17px; z-index:9;"><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD0xNDY4MDU5NzE="><img src="http://www.lovemyflash.com/images/spacer.gif" width="200" height="17" border="0" /></a></div><div style="position:absolute; left:521px; top:767px; width:200px; height:17px; z-index:9;"><a href="http://www.msplinks.com/MDFodHRwOi8vZ3JvdXBzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWdyb3Vwcy5hZGR0b2dyb3VwJmZyaWVuZElEPTE0NjgwNTk3MQ=="><img src="http://www.lovemyflash.com/images/spacer.gif" width="200" height="17" border="0" /></a></div><div style="position:absolute; left:521px; top:687px; width:200px; height:17px; z-index:9;"><a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwuZm9yd2FyZCZmcmllbmRJRD0xNDY4MDU5NzEmZj1mb3J3YXJkcHJvZmlsZQ=="><img src="http://www.lovemyflash.com/images/spacer.gif" width="200" height="17" border="0" /></a></div><div style="position:absolute; left:521px; top:707px; width:200px; height:17px; z-index:9;"><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MTQ2ODA1OTcxJnB1YmxpYz0w"><img src="http://www.lovemyflash.com/images/spacer.gif" width="200" height="17" border="0" /></a></div><div style="position:absolute; left:521px; top:747px; width:200px; height:17px; z-index:9;"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWJsb2NrLmJsb2NrVXNlciZ1c2VySUQ9MTQ2ODA1OTcx"><img src="http://www.lovemyflash.com/images/spacer.gif" width="200" height="17" border="0" /></a></div><div style="position:absolute; left:521px; top:787px; width:200px; height:17px; z-index:9;"><a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1SYXRlSW1hZ2UuVXNlclJhdGluZyZVc2VySUQ9MTQ2ODA1OTcx"><img src="http://www.lovemyflash.com/images/spacer.gif" width="200" height="17" border="0" /></a></div><div style="position:absolute; left:492px; top:411px; width:117px; height:150px; z-index:9;"><a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld0FsYnVtcyZmcmllbmRJRD0xNDY4MDU5NzE="><img src="http://www.lovemyflash.com/images/spacer.gif" width="117" height="150" border="0" /></a></div><div style="position:absolute; left:7px; top:14px; width:200px; height:40px; z-index:9;"><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmxvdmVteWZsYXNoLmNvbQ=="><img src="http://www.lovemyflash.com/images/spacer.gif" width="200" height="40" border="0" /></a></div>
 
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="852" width="800" style="display:inline; z-index:6; position:relative; left:0px; right:0px; top:0px; margin-left:0px;" data="http://www.lovemyflash.com/lovemyflash.swf?layoutID=8&myurl=paietatussa&TextVar=SaucyMillionaire&ColorVR1=0x000066&ColorVR4=0xCCCCCC&ColorVR3=0xCCCCCC&ColorVR2=0x000066&UserPhoto=http://img215.imageshack.us/img215/7940/mountains056ef8.jpg&themeID=67">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.lovemyflash.com/lovemyflash.swf?layoutID=8&myurl=paietatussa&TextVar=SaucyMillionaire&ColorVR1=0x000066&ColorVR4=0xCCCCCC&ColorVR3=0xCCCCCC&ColorVR2=0x000066&UserPhoto=http://img215.imageshack.us/img215/7940/mountains056ef8.jpg&themeID=67" />
  <param name="menu" value="false" />
  <param name="wmode" value="transparent" />
</object></div><style type="text/css">body {background:url(http://www.simplewood.co.uk/lovemyflash/images/layouts/background/background4.gif) repeat-y center;}</style>
 
</LOVEMYFLASH>

et dans une autre fenetre je mets ca:

Code:

1
2
3
4
5
6
7
8
9
10
<div style="display:none;">
 
</div>
<div class="comments" style="width:400px; position: absolute; top:775px; left:50%; right:50%; margin-left:-430px; z-index:7; background-color:FFFFFF;"><div style="margin-left:20px;"><div style="margin-bottom:10px; margin-left:10px;"><a href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdmcmllbmRzJmZyaWVuZElEPTE0NjgwNTk3MQ=="><b>View All Friends</b></a> | <a href="http://www.msplinks.com/MDFodHRwOi8vYmxvZy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1ibG9nLkxpc3RBbGwmZnJpZW5kSUQ9MTQ2ODA1OTcx"><b>View Blog</b></a> | 
<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIudmlld1BpY3R1cmUmZnJpZW5kSUQ9MTQ2ODA1OTcxJmFsYnVtSWQ9MA=="><b>View Pics</b></a> | 
 
 
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTE0NjgwNTk3MQ=="><b>Add Comment</b></a></div><table><tr><td><table><tr><td>
 
<MOVE ALL HTML CODES (IMAGES/WIDGETS/SLIDESHOWS/VIDEOS) BELOW THIS CODE />

09/08/2007, 16h02
trotters213

re,

Code:

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

doit se situer tout en haut de ton code HTML donc au-dessus de toute balise (au-dessus de html, de body, ...).
09/08/2007, 17h13
sebù des bois

Citation:

Envoyé par trotters213

re,

Code:

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

doit se situer tout en haut de ton code HTML donc au-dessus de toute balise (au-dessus de html, de body, ...).

le broblème cest que si je mets cette ligne tout au sommet...elle s'affiche dans ma page c'est pour ca que j'y comprends rien...
10/08/2007, 11h03
Tober

Salut,
Vu la taille de ta page, avant de trouver toutes les erreurs de ton code sans connaitre le (x)HTML, tu vas y passer des jours !
Comme t'as un MySpace, tu vas surement être amené à faire d'autre modification de ta page, donc le plus rapide serait que t'apprennes le (x)HTML et le CSS.
Je sais ça peut paraître chiant, mais c'est ultra simple et rapide à apprendre, surtout que c'est pas un langage de programmation à proprement parlé, c'est juste une manière de structurer du contenu.
Maintenant, à toi de voir... (apprendre le (x)HTML/CSS c'est toujours un plus !)