[XHTML] Compatibilité avec firefox

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

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û

**trotters213** · 08/08/2007, 10h19

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.

**Deallyra** · 08/08/2007, 11h19

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.

**sebù des bois** · 08/08/2007, 13h32

Envoyé par trotters213

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

**Plancioni** · 08/08/2007, 13h36

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.

**sebù des bois** · 08/08/2007, 14h03

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...

**trotters213** · 08/08/2007, 14h36

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!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à.

**sebù des bois** · 08/08/2007, 14h38

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!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...

**trotters213** · 08/08/2007, 14h41

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.

**sebù des bois** · 08/08/2007, 17h58

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.

**sebù des bois** · 09/08/2007, 14h11

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 />

**trotters213** · 09/08/2007, 16h02

re,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!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, ...).

**sebù des bois** · 09/08/2007, 17h13

Envoyé par trotters213

re,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<!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...

**Tober** · 10/08/2007, 11h03

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 !)

[XHTML] Compatibilité avec firefox

HTML

Discussions similaires

Partager

Partager