Affichage ok sur firfox et pas sur i.e
gavroch
-
gavroch -
gavroch -
Bonjour, J'ai mis en ligne un site pour une amie, tout est nickel sur firefox mais sur I.E j'ai un souci d'affichage
J'ai 2 <marquee scrollamount="5" behavior=slide> un direction left et l'autre right !!
on affiche la page : ca marche ! ensuite sur le coté de la page se trouve des photos, on clic dessus et on les vois défiler !!! jusque là aucun problème :) par contre en cliquent sur le lien retour on retourne sur la page d'accueil et là ..... direction left est toujours là mais right a disparu !!!
je suis novice dans la création de site et je comprend absolument pas ce phénomène !!!!
Un grand merci a celui qui pourra m'expliquer !!!!
Pour plus de faciliter je donne directement le lien :
http://www.sandylingerie.free.fr
Merci d'avance !!!!!!
J'ai 2 <marquee scrollamount="5" behavior=slide> un direction left et l'autre right !!
on affiche la page : ca marche ! ensuite sur le coté de la page se trouve des photos, on clic dessus et on les vois défiler !!! jusque là aucun problème :) par contre en cliquent sur le lien retour on retourne sur la page d'accueil et là ..... direction left est toujours là mais right a disparu !!!
je suis novice dans la création de site et je comprend absolument pas ce phénomène !!!!
Un grand merci a celui qui pourra m'expliquer !!!!
Pour plus de faciliter je donne directement le lien :
http://www.sandylingerie.free.fr
Merci d'avance !!!!!!
A voir également:
- Affichage ok sur firfox et pas sur i.e
- Double affichage sur un seul écran - Guide
- Windows 11 affichage classique - Guide
- Pinterest problème affichage ✓ - Forum Réseaux sociaux
- Problème affichage photo messenger - Forum Facebook Messenger
- Comment faire ok sur une télé sans télécommande - Forum TNT / Satellite / Réception
27 réponses
Salut
tu as les erreur par ce que tu as mis
mais ce n est pas de ta faute c est le forum qui a interprete le signe !!
voila ta page regarde le code source tu vas voir ce que j ai mis a la place de < !-- !
j ai aussi modifie le conditionel pour IE 6 en
TA PAGE
et tu pourras verifier le code est valide W3C !
http://validator.w3.org/...
pour les data pour ne pas rentrer dans des details qui ne t interresse pas vraiment pour le moment! ;-))
mais c est comme cela que l on fait sur les script et CSS embarque en XHTML !
le XHTML est plus strict dans le respet des norme de codage c est du html ameliore avec une syntaxe .xml
mais ca aussi tu t en fou un peu pour l instant !! ;-))
le mode transitional et un petit peu plus souple que le strict , moi j essais tant que possible de passer en
strict , ce qui est possible dans 90% des cas !!
A+
lis les tuto que Dalida ta donne et tu vas comprendre un peu mieux de quoi on parle !
tu as les erreur par ce que tu as mis
< !-- Gavroch -->
mais ce n est pas de ta faute c est le forum qui a interprete le signe !!
voila ta page regarde le code source tu vas voir ce que j ai mis a la place de < !-- !
j ai aussi modifie le conditionel pour IE 6 en
<!--[if lte IE 7]>et rajoute un ; qui manquait dans le js !
TA PAGE
et tu pourras verifier le code est valide W3C !
http://validator.w3.org/...
pour les data pour ne pas rentrer dans des details qui ne t interresse pas vraiment pour le moment! ;-))
mais c est comme cela que l on fait sur les script et CSS embarque en XHTML !
le XHTML est plus strict dans le respet des norme de codage c est du html ameliore avec une syntaxe .xml
mais ca aussi tu t en fou un peu pour l instant !! ;-))
le mode transitional et un petit peu plus souple que le strict , moi j essais tant que possible de passer en
strict , ce qui est possible dans 90% des cas !!
A+
lis les tuto que Dalida ta donne et tu vas comprendre un peu mieux de quoi on parle !
salut tout le monde !!!
Voila appret quelque cours grâce a vos lien j'ai refait mon premier site (:sans générateur:)
Si vous voulez jeter un œil :
http://musiqueidylle.free.fr
Et pour le target="blank" qui n'est pas accepter par w3c
J'ai trouver l'astuce (ça peu toujours servir a quelqu'un)
ça donne :
<a href="https://www.commentcamarche.net/ " onclick="window.open(this.href); return false;">
comment ca marche
</a>
Encore un grand merci a vous !!!!!!
@+ yann
Voila appret quelque cours grâce a vos lien j'ai refait mon premier site (:sans générateur:)
Si vous voulez jeter un œil :
http://musiqueidylle.free.fr
Et pour le target="blank" qui n'est pas accepter par w3c
J'ai trouver l'astuce (ça peu toujours servir a quelqu'un)
ça donne :
<a href="https://www.commentcamarche.net/ " onclick="window.open(this.href); return false;">
comment ca marche
</a>
Encore un grand merci a vous !!!!!!
@+ yann
Bon et bien j'ai rien touché encore et le right a décider de plus s'afficher et le left est toujours nickel :(
je capte rien !! je voie aucun problème dans ce code ( mais peut etre que quelque chose m'échappe )
voici le code :
Pour moi les 2 <marquee> son identique mis a part la direction .
Help!!!!!!!!!!!!!
je capte rien !! je voie aucun problème dans ce code ( mais peut etre que quelque chose m'échappe )
voici le code :
<table width=100% > <tr> <td width=40%><marquee scrollamount="5" behavior=slide direction="left" bgcolor="#000000" ><font face="font-family:comic sans ms" size=+1 color="#ffffff"><em><span title ="Aix les bains et alentour,chambery. Autre ville selon demande"> Savoie</span></em></font></marquee></td> <td align="center" width=20%><font color="#ffffff" style="font-family:comic sans ms">Professionnelle v.d.i</font></td> <td width=40%><marquee scrollamount="5" behavior=slide direction="right" bgcolor="#000000" ><font face="font-family:comic sans ms" size=+1 color="#ffffff"><em><span title ="Annecy et alentour, Rumilly. Autre ville selon demande"> Haute-Savoie</span></em></font></marquee> </td></tr> </table>
Pour moi les 2 <marquee> son identique mis a part la direction .
Help!!!!!!!!!!!!!
salut,
je voie aucun problème dans ce code
pourtant il y a pas mal d'erreurs.
le problème c'est que tu utilises des techniques qu'il ne faut pas utiliser, <table> pour la mise en page, <marquee> qui est une balise de Microsoft uniquement et ton code qui est loin d'être clean.
au final, l'affichage de ta page se fait un peu au "p'tit bonheur la chance".
je voie aucun problème dans ce code
pourtant il y a pas mal d'erreurs.
le problème c'est que tu utilises des techniques qu'il ne faut pas utiliser, <table> pour la mise en page, <marquee> qui est une balise de Microsoft uniquement et ton code qui est loin d'être clean.
au final, l'affichage de ta page se fait un peu au "p'tit bonheur la chance".
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
ok merci d'avoir jeter un coup d'œil !!
Comme je l'ai dit je suis novice et j'aimerais comprendre ! tout les code que j'utilise vienne d'un site de html mais ne précise pas le fait que certain code marche ou ne marche pas sur tel ou tel chose !!!
Pourrais tu me donner un code plus "clean" ? Je sais que je complique un peu les codes car je ne sais pas comment les simplifier (on ma deja fait la remarque mais de solution).
Comme je l'ai dit je suis novice et j'aimerais comprendre ! tout les code que j'utilise vienne d'un site de html mais ne précise pas le fait que certain code marche ou ne marche pas sur tel ou tel chose !!!
Pourrais tu me donner un code plus "clean" ? Je sais que je complique un peu les codes car je ne sais pas comment les simplifier (on ma deja fait la remarque mais de solution).
Tes images sont très longue à s'afficher. Plutôt de réduire leurs taille à l'affichage en foràant une taille met des miniatures. qui seront directement au format souhaité. ça réduira le temps d'affichage.
bon j'ai trouver la solution pour les images avec XnView :
https://www.01net.com/telecharger/windows/Multimedia/albmums_et_visionneuses/fiches/5420.html
Maintenant ca charge plus vite.
https://www.01net.com/telecharger/windows/Multimedia/albmums_et_visionneuses/fiches/5420.html
Maintenant ca charge plus vite.
Salut arthezius, Merci pour l'idée c'est bien une chose qui me tracassait "ce temps de chargement d'image" Mais qu'est ce que tu entend par mètre des miniatures ?!
le faite charger 2 images sur le serveur ! une de chaque taille que je souhaite ???
le faite charger 2 images sur le serveur ! une de chaque taille que je souhaite ???
Dalida !! dit moi je n'avais pas vue ce lien que tu ma donner !!!
Errors found while checking this document as HTML 4.01 Transitional!
Result: 69 Errors
69 erreurs :s ça fous les boules !!! Peu tu m'expliquer globalement ce que c'est J'suis désolé mais je panne rien a l'anglais (je sais il faut que je mis mette:)
part contre alsacreations.com j'adhère c'est un bon tuto !!!!!
Pour mon problème je croie que je vais tout simplement supprimé les <marquee> pour le moment et trouver un bon bouquin pour apprendre le tout de A à Z et refaire le site au complet avec de bonne base !!!
Un bouquin a me conseiller ?
Errors found while checking this document as HTML 4.01 Transitional!
Result: 69 Errors
69 erreurs :s ça fous les boules !!! Peu tu m'expliquer globalement ce que c'est J'suis désolé mais je panne rien a l'anglais (je sais il faut que je mis mette:)
part contre alsacreations.com j'adhère c'est un bon tuto !!!!!
Pour mon problème je croie que je vais tout simplement supprimé les <marquee> pour le moment et trouver un bon bouquin pour apprendre le tout de A à Z et refaire le site au complet avec de bonne base !!!
Un bouquin a me conseiller ?
salut,
69 erreurs :s ça fous les boules !!!
69, on a vu pire !
et encore tu es en HTML et en version Transitional qui sont les plus tolérants !
il faut préciser que la plupart des erreurs entraine une ou plusieurs autres erreurs en cascade donc quand tu en corriges une, plusieurs disparaissent.
pour t'aider, le plus simple est que tu repartes sur une base propre et que tu la valides au fur et à mesure, en nous montrant si besoin.
Pour mon problème je croie que je vais tout simplement supprimé les <marquee>
on aurait pas pu te dire mieux !
trouver un bon bouquin pour apprendre le tout de A à Z
pas besoin de bouquin, il y a des milliers de ressources gratuites et de qualité sur le net.
commence par là et dis nous si tu as besoin d'explications ou de davantage de documents.
la règle de base est de bien différencier le contenu (HTML) de la présentation (CSS et JS).
pour (X)HTML, l'ensemble des balises sont présentées chez SelfHTML, qu'on peut considérer comme la bible du HTML.
il y a aussi cet article pour les différences entre HTML et XHTML.
moi, je te conseille le XHTML Strict, c'est le plus exigeant mais c'est la meilleure école !
donc tu peux commencer par construire ta page HTML avec le minimum de contenu (du texte) et à mettre en place les trois colonnes.
tu valides le code et/ou tu nous le montres et ensuite tu ajoutes le reste du contenu au fur et à mesure (photos, liens…).
69 erreurs :s ça fous les boules !!!
69, on a vu pire !
et encore tu es en HTML et en version Transitional qui sont les plus tolérants !
il faut préciser que la plupart des erreurs entraine une ou plusieurs autres erreurs en cascade donc quand tu en corriges une, plusieurs disparaissent.
pour t'aider, le plus simple est que tu repartes sur une base propre et que tu la valides au fur et à mesure, en nous montrant si besoin.
Pour mon problème je croie que je vais tout simplement supprimé les <marquee>
on aurait pas pu te dire mieux !
trouver un bon bouquin pour apprendre le tout de A à Z
pas besoin de bouquin, il y a des milliers de ressources gratuites et de qualité sur le net.
commence par là et dis nous si tu as besoin d'explications ou de davantage de documents.
la règle de base est de bien différencier le contenu (HTML) de la présentation (CSS et JS).
pour (X)HTML, l'ensemble des balises sont présentées chez SelfHTML, qu'on peut considérer comme la bible du HTML.
il y a aussi cet article pour les différences entre HTML et XHTML.
moi, je te conseille le XHTML Strict, c'est le plus exigeant mais c'est la meilleure école !
donc tu peux commencer par construire ta page HTML avec le minimum de contenu (du texte) et à mettre en place les trois colonnes.
tu valides le code et/ou tu nous le montres et ensuite tu ajoutes le reste du contenu au fur et à mesure (photos, liens…).
salut Dalida j'te remercie beaucoup pour ton aide, tes liens sont super !!! j'ai beaucoup a apprendre, mais je n'arrive pas trop a capter la différence en html et xhtml pour moi en lisent toutes les explications ça reste très flou. La différence est "a mon avis" minime entre les deux, je sais que l'on deviens pas un crack du web en rien de temps ! et j'ai encore du chemin a faire avant de pouvoir dire être webmaster (si un jours seulement)!! Avant de tout réapprendre et de faire des choses magique sur le web pourrais-tu m'expliquer pourquoi !
Pourquoi ne pas mètre en page avec un tableau (si celui-si est en % il devrai s'adapter)
Et mon fameux <marquee> si tu retourne sur le site tu verras en haut 2 <marquee> qui marche parfaitement . En-dessous le savoie et haute-savoie (don j'ai enlever les <marquee>) il ni avais que celui qui partais vers la droite qui ne marchais pas !(Pourquoi ?)
Je cherche pas a faire quelque chose d'extraordinaire comme tu peu le voir sur http://www.sandylingerie.free.fr mon site et sur http://musiqueidylle.free.fr le premier site que j'ai fait. Sur beaucoup de site j'ai pu voire une mise en page avec tableau !!! La n'est pas la question mais j'aimerai comprendre . Sur le w3c les erreurs je ne les comprend absolument pas ! il mes marque comme erreur > "supérieur a" est obligatoire pour fermer une balise :s .
Je ne suis pas désespérer mais pas loin :-s Sinon j'aimerai connaitre un bon livre pour des bases propre et partir sur une bonne évolution (j'aime le support physique du livre "comme une bible vois-tu").
Surement un peu chiant avec mes question mais en tout cas merci beaucoup pour ton aide !!!
Pourquoi ne pas mètre en page avec un tableau (si celui-si est en % il devrai s'adapter)
Et mon fameux <marquee> si tu retourne sur le site tu verras en haut 2 <marquee> qui marche parfaitement . En-dessous le savoie et haute-savoie (don j'ai enlever les <marquee>) il ni avais que celui qui partais vers la droite qui ne marchais pas !(Pourquoi ?)
Je cherche pas a faire quelque chose d'extraordinaire comme tu peu le voir sur http://www.sandylingerie.free.fr mon site et sur http://musiqueidylle.free.fr le premier site que j'ai fait. Sur beaucoup de site j'ai pu voire une mise en page avec tableau !!! La n'est pas la question mais j'aimerai comprendre . Sur le w3c les erreurs je ne les comprend absolument pas ! il mes marque comme erreur > "supérieur a" est obligatoire pour fermer une balise :s .
Je ne suis pas désespérer mais pas loin :-s Sinon j'aimerai connaitre un bon livre pour des bases propre et partir sur une bonne évolution (j'aime le support physique du livre "comme une bible vois-tu").
Surement un peu chiant avec mes question mais en tout cas merci beaucoup pour ton aide !!!
salut,
je n'arrive pas trop a capter la différence en html et xhtml pour moi en lisent toutes les explications ça reste très flou. La différence est "a mon avis" minime entre les deux
t'as tout compris !
très peu de différences en effet.
pour reprendre : XHTML c'est du HTML (donc tu retrouve les mêmes balises, sauf une ou deux) mais c'est du HTML qui est écrit comme du XML.
ne t'inquiète pas, tu n'as pas besoin de comprendre le XML, il faut juste te rappeler de :
• écrire les balises et les attributs (comme "id" ou "href") toujours en minuscules. en HTML tu pouvais les écrire soit en majuscules, soit en minuscules et même mélanger les deux (le bordel quoi !).
exemple :
HTML = <A HREF="http://www.domaine.tld">un lien en HTML</A>
XHTML = <a href="http://www.domaine.tld">un lien en HTML</a>
• les balises "vides" se ferment avec "/>" et pas seulement avec ">".
une balise vide c'est une balise qui n'a pas de texte ou d'autre balise à l'intérieur d'elle-même.
exemple :
<a href="#">du texte</a> ou <a href="#"><img src="image.png"/></a>
<a> n'est pas une balise "vide", elle contient quelque chose mais par contre <img/> est une balise "vide", elle ne contient rien (hormis ses propre attributs).
donc en HTML, on écrivait <img src="image.png">, en XHTML tu dois simplement la fermer différemment : <img src="image.png"/>
en fait XHTML est plus propre car il permet de distinguer au premier coup d'œil une balise "vide".
autre exemple, pour revenir à la ligne dans un texte on utilise la balise <BR> :
en HTML quant tu tombes sur cette balise et que tu ne l'as connais pas tu pourrais penser que c'est une balise ouvrante et qu'il y a plus loin la balise fermante </BR> (qui n'existe pas en fait).
alors qu'en XHTML, tu tombes sur <br/>, elle se termine par "/>" donc c'est une balise vide.
• toutes les balises ouvrantes doivent être fermées, là encore c'est juste plus "propre".
en HTML tu pouvais oublier une balise fermante <P><A href="#">un lien</P>, ici je n'ai pas fermé le lien.
alors qu'en XHTML tu dois bien tout fermer proprement : <p><a href="#">un lien</a></p>.
• il faut bien imbriquer les éléments, c'est le principe du dernier ouvert, premier fermé.
en XHTML, une liste qui contient des items, chaque item contient un lien, chaque lien contient une image :
en HTML, tu peux te permettre d'ouvrir le deuxième lien dans le premier item (pas terrible) :
Pourquoi ne pas mètre en page avec un tableau
c'est une question de sémantique.
la sémantique c'est quoi ?
c'est le fait qu'une balise, par son type donne une indication sur son contenu, le type de balise et le contenu de la balise doivent concorder.
dans une balise de type paragraphe, tu mets du texte.
dans une balise de type titre, tu mets un titre (et pas simplement du texte écrit en gros).
dans un tableau, tu mets des données qui doivent être mises dans un tableau comme des statistiques ou le détail d'une facture.
et si on déconseille d'utiliser les tableaux pour de la mise en page, c'est qu'on ne navigue pas sur le web qu'avec des navigateurs graphiques(Firefox, Internet Explorer…) et que les autres types de navigateurs ne sont pas forcément capables de représenter correctement les tableaux donc ta page ne sera pas visible pour tout le monde.
bien évidement beaucoup de sites sont mal construits et même de grands web studios codent très mal.
mais nous sommes de plus en plus nombreux à suivre l'exemple d'Alsacréations (entre autres) et à rendre nos sites accessibles au plus grand nombre et pas seulement au péquin lambda qui as Windows XP et Internet Explorer. tout le monde doit pouvoir afficher la page, quelque soit sa configuration et ses logiciels.
c'est en général (pour des petits sites en particulier) plus simple et plus stable.
c'est surtout une question d'habitude. si tu prends les bonnes habitudes tu appliqueras toutes ces règles sans même t'en rendre compte.
Sur le w3c les erreurs je ne les comprend absolument pas ! il mes marque comme erreur > "supérieur a" est obligatoire pour fermer une balise
c'est ce que je t'explique plus haut, selon que tu codes en HTML ou en XHTML il faut fermer les balises "vides" avec ">" ou "/>".
Je ne suis pas désespérer mais pas loin
code !
c'est par la pratique que tu apprendras le mieux.
fais une page, montre-nous et on t'expliquera au cas par cas si besoin.
j'aimerai connaitre un bon livre pour des bases propre et partir sur une bonne évolution (j'aime le support physique du livre "comme une bible vois-tu").
là je ne vais pas pouvoir t'aider, je n'ai jamais acheté de livre sur HTML…
mais regarde chez developpez.com, ils ont en général de bonnes critiques, prends quelque chose de complet mais accessible aux débutants et fais gaffe à en prendre un en français !
-:oD
pour <marquee> c'est une balise qui n'est reconnu que par IE, donc pour moi ça n'existe même pas !
et faire défiler du texte, c'est (toujours pour moi) du détail, du superflu, c'est un gadget.
mais tu pourras toujours faire défiler le texte avec du JS, une fois que tu auras une page clean !
lâche rien et bon courage !
-;o)
je n'arrive pas trop a capter la différence en html et xhtml pour moi en lisent toutes les explications ça reste très flou. La différence est "a mon avis" minime entre les deux
t'as tout compris !
très peu de différences en effet.
pour reprendre : XHTML c'est du HTML (donc tu retrouve les mêmes balises, sauf une ou deux) mais c'est du HTML qui est écrit comme du XML.
ne t'inquiète pas, tu n'as pas besoin de comprendre le XML, il faut juste te rappeler de :
• écrire les balises et les attributs (comme "id" ou "href") toujours en minuscules. en HTML tu pouvais les écrire soit en majuscules, soit en minuscules et même mélanger les deux (le bordel quoi !).
exemple :
HTML = <A HREF="http://www.domaine.tld">un lien en HTML</A>
XHTML = <a href="http://www.domaine.tld">un lien en HTML</a>
• les balises "vides" se ferment avec "/>" et pas seulement avec ">".
une balise vide c'est une balise qui n'a pas de texte ou d'autre balise à l'intérieur d'elle-même.
exemple :
<a href="#">du texte</a> ou <a href="#"><img src="image.png"/></a>
<a> n'est pas une balise "vide", elle contient quelque chose mais par contre <img/> est une balise "vide", elle ne contient rien (hormis ses propre attributs).
donc en HTML, on écrivait <img src="image.png">, en XHTML tu dois simplement la fermer différemment : <img src="image.png"/>
en fait XHTML est plus propre car il permet de distinguer au premier coup d'œil une balise "vide".
autre exemple, pour revenir à la ligne dans un texte on utilise la balise <BR> :
en HTML quant tu tombes sur cette balise et que tu ne l'as connais pas tu pourrais penser que c'est une balise ouvrante et qu'il y a plus loin la balise fermante </BR> (qui n'existe pas en fait).
alors qu'en XHTML, tu tombes sur <br/>, elle se termine par "/>" donc c'est une balise vide.
• toutes les balises ouvrantes doivent être fermées, là encore c'est juste plus "propre".
en HTML tu pouvais oublier une balise fermante <P><A href="#">un lien</P>, ici je n'ai pas fermé le lien.
alors qu'en XHTML tu dois bien tout fermer proprement : <p><a href="#">un lien</a></p>.
• il faut bien imbriquer les éléments, c'est le principe du dernier ouvert, premier fermé.
en XHTML, une liste qui contient des items, chaque item contient un lien, chaque lien contient une image :
<ul> <li> <a href="#"> <img src="image.png"/> </a> </li> <li> <a href="#"> <img src="image.png"/> </a> </li> </ul>
en HTML, tu peux te permettre d'ouvrir le deuxième lien dans le premier item (pas terrible) :
<ul>
<li>
<a href="#">
<img src="image.png"/>
</a>
<a href="#">
</li>
<li>
<img src="image.png"/>
</a>
</li>
</ul>
Pourquoi ne pas mètre en page avec un tableau
c'est une question de sémantique.
la sémantique c'est quoi ?
c'est le fait qu'une balise, par son type donne une indication sur son contenu, le type de balise et le contenu de la balise doivent concorder.
dans une balise de type paragraphe, tu mets du texte.
dans une balise de type titre, tu mets un titre (et pas simplement du texte écrit en gros).
dans un tableau, tu mets des données qui doivent être mises dans un tableau comme des statistiques ou le détail d'une facture.
et si on déconseille d'utiliser les tableaux pour de la mise en page, c'est qu'on ne navigue pas sur le web qu'avec des navigateurs graphiques(Firefox, Internet Explorer…) et que les autres types de navigateurs ne sont pas forcément capables de représenter correctement les tableaux donc ta page ne sera pas visible pour tout le monde.
bien évidement beaucoup de sites sont mal construits et même de grands web studios codent très mal.
mais nous sommes de plus en plus nombreux à suivre l'exemple d'Alsacréations (entre autres) et à rendre nos sites accessibles au plus grand nombre et pas seulement au péquin lambda qui as Windows XP et Internet Explorer. tout le monde doit pouvoir afficher la page, quelque soit sa configuration et ses logiciels.
c'est en général (pour des petits sites en particulier) plus simple et plus stable.
c'est surtout une question d'habitude. si tu prends les bonnes habitudes tu appliqueras toutes ces règles sans même t'en rendre compte.
Sur le w3c les erreurs je ne les comprend absolument pas ! il mes marque comme erreur > "supérieur a" est obligatoire pour fermer une balise
c'est ce que je t'explique plus haut, selon que tu codes en HTML ou en XHTML il faut fermer les balises "vides" avec ">" ou "/>".
Je ne suis pas désespérer mais pas loin
code !
c'est par la pratique que tu apprendras le mieux.
fais une page, montre-nous et on t'expliquera au cas par cas si besoin.
j'aimerai connaitre un bon livre pour des bases propre et partir sur une bonne évolution (j'aime le support physique du livre "comme une bible vois-tu").
là je ne vais pas pouvoir t'aider, je n'ai jamais acheté de livre sur HTML…
mais regarde chez developpez.com, ils ont en général de bonnes critiques, prends quelque chose de complet mais accessible aux débutants et fais gaffe à en prendre un en français !
-:oD
pour <marquee> c'est une balise qui n'est reconnu que par IE, donc pour moi ça n'existe même pas !
et faire défiler du texte, c'est (toujours pour moi) du détail, du superflu, c'est un gadget.
mais tu pourras toujours faire défiler le texte avec du JS, une fois que tu auras une page clean !
lâche rien et bon courage !
-;o)
Très bon commentaire de Dalida (comme toujours ;)). Je n'ai rien à redire a tout ceci.
J'ajouterai juste deux liens.
Le premier un lien vers une page du site d'Alsacreation où tu trouvera des gabarits de mise en page pour site web en xhtml qui pourront peut-être te servir de base pour étudier tout ça.
Le lien: http://www.alsacreations.com/static/gabarits/
Le deuxième est de celui de mon site sur lequel j'ai commencé à faire une documentation. Loin d'être très complète pour le moment elle a juste pour ambition de pouvoir rendre les même services que j'ai reçu ailleurs mais expliqué un peu différemment et qui je l'espère pourrons en aidé plus d'un.
Le lien: http://doc.arthezius.fr/
En tout cas hésite pas en cas de problème comme l'a dit Dalida.
J'ajouterai juste deux liens.
Le premier un lien vers une page du site d'Alsacreation où tu trouvera des gabarits de mise en page pour site web en xhtml qui pourront peut-être te servir de base pour étudier tout ça.
Le lien: http://www.alsacreations.com/static/gabarits/
Le deuxième est de celui de mon site sur lequel j'ai commencé à faire une documentation. Loin d'être très complète pour le moment elle a juste pour ambition de pouvoir rendre les même services que j'ai reçu ailleurs mais expliqué un peu différemment et qui je l'espère pourrons en aidé plus d'un.
Le lien: http://doc.arthezius.fr/
En tout cas hésite pas en cas de problème comme l'a dit Dalida.
Ok ok je croie avoir un poile piger la chose ! Merci a vous 2 pour votre soutien !
J'ai fait une page test pour voir si j'avais bien compris ça rend assez bien mais w3c n'ai pas d'accord ! 50 erreurs
pourtant j'ai essayer de suivre a la lettre le tuto que tu ma filer !
voici ma page test (dans le code source je pose quelque questions) :
http://musiqueidylle.free.fr/testX.htm
Et la w3c qui m'en veut :
http://validator.w3.org/...
J'ai fait une page test pour voir si j'avais bien compris ça rend assez bien mais w3c n'ai pas d'accord ! 50 erreurs
pourtant j'ai essayer de suivre a la lettre le tuto que tu ma filer !
voici ma page test (dans le code source je pose quelque questions) :
http://musiqueidylle.free.fr/testX.htm
Et la w3c qui m'en veut :
http://validator.w3.org/...
salut
pour la validation !
deja n oublis jamais de donne un alt="ce que tu veux" a tes images
2 respecte les normes du XHTML dans ton code html
voila ce que donne ta page
XHTML Strict Valide
et
CSS 2 valide
compare avec le tient yu vas vite voir les differences !
pour la validation !
deja n oublis jamais de donne un alt="ce que tu veux" a tes images
2 respecte les normes du XHTML dans ton code html
voila ce que donne ta page
XHTML Strict Valide
et
CSS 2 valide
compare avec le tient yu vas vite voir les differences !
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
conprendre la mise en page de Xhtml
</title>
<meta name="author" content="< !-- Gavroch -->" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Language" content="fr" />
<meta name="keywords" lang="fr" content="" xml:lang="fr" />
<style type="text/css" >
/*<![CDATA[*/
html {
font-size: 100%;
}
body {
padding: 1em;
font-size: .85em;
font-family: comic sans ms;
background: #000000;
}
h1 {
margin-top: 0;
text-align: center;
background: #000000;
}
ol, ul, li {
padding: 0;
margin: 1em;
}
div#colonne1 {
float: left;
width: 160px;
margin-right: 5px;
padding: 1px 0;
background: #696969;
}
div#colonne2 {
float: right;
width: 160px;
margin-left: 5px;
padding: 1px 0;
background: #696969;
text-align: right
}
div#centre {
overflow: hidden;
padding: 1px 20px;
background: #cdcdcd;
text-align: center;
}
select{
background-color: #000000;
color: #c6c6c6;}
div#lissamenu2{
background: #000000;
font-size: 12px;
font-family: comic sans ms;
color:#ffffff;
}
/*]]>*/
</style><!--Ca servirai a corriger les defauts de I.E 6 et inferieur-->
<!--[if lte IE 6]>
<style type="text/css">
div#colonne1 {
margin-right: 7px;
}
div#colonne2 {
margin-left: 7px;
}
div#centre {
text-align: center
overflow: visible;
height: 1%;
}
</style>
<![endif]-->
</head>
<body>
<h1>
Titre centrale de la page "haut de page"
</h1>
<div id="colonne1">
<!--colonne gauche-->
<h2>
titre colonne gauche
</h2><!--contenu colonne aligner a gauche (par defaut)-->
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
</div><!-- fin de div#colonne1 -->
<div id="colonne2">
<!--colonne droite-->
<h2>
titre colonne droite
</h2><!--contenu colonne aligner a droite-->
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
<img src="SignY.jpg" alt="img" /><br />
</div><!-- fin de div#colonne2 -->
<div id="centre">
<!--colonne central-->
<h2>
titre colonne central
</h2><!--contenu colonne aligner au centre-->
Bonjour, je suis V.D.I (Vendeuse à domicile indépendante) de lingerie féminine et
sextoy's.<br />
<br />
Mon métier consiste à vous montrez et argumentez mes articles chez vous gratuitement,<br />
en acceptant de me recevoir vous devenez <em>"hôtesse"</em> .<br />
<br />
L'hôtesse se charge d'organiser une soirée lingerie chez elle avec ses amies.<br />
<br />
Suite à cette soirée, l'hôtesse reçois un cadeau<br />
en fonction des commandes passées.<br />
<br />
<br />
Questions, réponses:<br />
<br />
<!--ici je voudrai rajouter un truck plus presentable que ça!-->
<!-- juste pour avoir une question visible et une reponce qui apparait -->
<script type="text/javascript">
//<![CDATA[
function jump(form) {
var myindex=form.menu.selectedIndexif (form.menu.options[myindex].value != "0"); {
window.open(form.menu.options[myindex].value, target="NomDeCadre");
}
}
//-->//]]>
</script>
<form id="lissamenu2" action="choix"><p>
<select name="menu" onchange="jump(this.form)">
<option value="0">
Question
</option>
<option value="0">
Ma reponce
</option>
</select></p>
</form><!--Ce n'est pas vraiment l'utilisation de base:) -->
<!-- Voila pour mon premier test en Xhtml !! -->
</div><!-- fin de div#centre -->
</body>
</html>
Correction que je n avais pas vue sur le conditionel IE !
dans cette corection http://www.commentcamarche.net/forum/affich 11713470 affichage ok sur firfox et pas sur i e?#16
a la place de <!--[if lte IE 6]> c est plutot
qu il faut ou tu ne passeras pas sur IE6 !!!
dans cette corection http://www.commentcamarche.net/forum/affich 11713470 affichage ok sur firfox et pas sur i e?#16
a la place de <!--[if lte IE 6]> c est plutot
<!--[if lte IE 7]>
qu il faut ou tu ne passeras pas sur IE6 !!!
Salut Rad zone !!! t'est un magicien w3c indique plus que 4 erreurs !!!!! :)
Donc si je comprend bien la mise en forme du texte est importante ! Les retours a la ligne et tout ça...
Quand j'écris :
<option value="0">Question</option>
et que tu écris :
<option value="0">
Question
</option>
Je fait une erreur ? Ou tu fait ça pour que ce soit plus claire ?
Tu as rajouter ça aussi : /*<![CDATA[*/ Qu'est ce que c'est ?
Quelle sont les principales règles a connaitre???
Voici ce que tu ma fait:
http://musiqueidylle.free.fr/testxhtmltadzone.htm
et W3c qui rend un peu de sourire :)
http://validator.w3.org/...
Donc si je comprend bien la mise en forme du texte est importante ! Les retours a la ligne et tout ça...
Quand j'écris :
<option value="0">Question</option>
et que tu écris :
<option value="0">
Question
</option>
Je fait une erreur ? Ou tu fait ça pour que ce soit plus claire ?
Tu as rajouter ça aussi : /*<![CDATA[*/ Qu'est ce que c'est ?
Quelle sont les principales règles a connaitre???
Voici ce que tu ma fait:
http://musiqueidylle.free.fr/testxhtmltadzone.htm
et W3c qui rend un peu de sourire :)
http://validator.w3.org/...
Allor là !!! je suis sur le Q ! 2 tours de passe de rad zone et c'est régler !!!
Une bonne leçon de Xhtml
Vraiment un grand merci a vous tous pour toute les leçons que vous m'avez appris !!!
Ca me donne vraiment la motive pour continuer J'ai encore beaucoup de choses a apprendre et du chemin a parcourir !! Merci a toi dalida et j'oublierais pas ton : lâche rien et bon courage ! je lâche pas je tien bon !
Tout n'est pas gagnez !!! il faut que je re-face le site de mon amie mais j'y croie fort !!!
Je vous tien au courant pour la phase finale de "sandy-lingerie" je devrai bien m'en sortir maintenant !!!
Merci a vous !!! a bientôt
Ps : Dalida !!! et faire défiler du texte, c'est (toujours pour moi) du détail, du superflu, c'est un gadget.
mais tu pourras toujours faire défiler le texte avec du JS, une fois que tu auras une page clean !
Je suis d'accord avec toi ça reste superflu !! mais sur cette page il me permet de mètre un certain volume de texte sur une petite surface visible, qui m'évite de surcharger (d'étaler le texte sur la page) !
Pourrais-tu me donner un p'tit code ? ou une solution alternative !!!
@+
Une bonne leçon de Xhtml
Vraiment un grand merci a vous tous pour toute les leçons que vous m'avez appris !!!
Ca me donne vraiment la motive pour continuer J'ai encore beaucoup de choses a apprendre et du chemin a parcourir !! Merci a toi dalida et j'oublierais pas ton : lâche rien et bon courage ! je lâche pas je tien bon !
Tout n'est pas gagnez !!! il faut que je re-face le site de mon amie mais j'y croie fort !!!
Je vous tien au courant pour la phase finale de "sandy-lingerie" je devrai bien m'en sortir maintenant !!!
Merci a vous !!! a bientôt
Ps : Dalida !!! et faire défiler du texte, c'est (toujours pour moi) du détail, du superflu, c'est un gadget.
mais tu pourras toujours faire défiler le texte avec du JS, une fois que tu auras une page clean !
Je suis d'accord avec toi ça reste superflu !! mais sur cette page il me permet de mètre un certain volume de texte sur une petite surface visible, qui m'évite de surcharger (d'étaler le texte sur la page) !
Pourrais-tu me donner un p'tit code ? ou une solution alternative !!!
@+
salut,
Pourrais-tu me donner un p'tit code ? ou une solution alternative !!!
en Javascript et XHTML Strict valide mais ne le mets pas avant d'avoir totalement fini, sinon tu vas patauger…
Pourrais-tu me donner un p'tit code ? ou une solution alternative !!!
en Javascript et XHTML Strict valide mais ne le mets pas avant d'avoir totalement fini, sinon tu vas patauger…
Voila l'index du site en Xhtml est terminer et valider par w3c (j'ai gagnez un p'tit logo sur la page:)
Au départ 170 fautes donc j'ai réparer mes conneries !
Et j'ai du aussi enlever certaine balise dont je trouvais pas les erreurs comme
<font size=2 color="#------">
Ou encore
<hr width=600 /> ou <hr width=80% />
Ainsi que
<img src="img.jpg" alt="img" border=0 />
Le border=0 cause problème
Donc impossible (a ma connaissance) de change la taille ou la couleur du texte a un endroit voulu !
de meme que d'insérer une ligne de taille souhaiter!
Et de virer le cadre des images (Mes images sont des lien donc avec un vieux cadre bleu bien moche)
Merci Dalida pour le code de défilement mais je doute sur l'emplacement des code !!
( Mais avant de demander je vais chercher a me creuser la tète pour trouver sinon j'y arriverai jamais)
Si vous voulez voir ce que ca donne :
http://www.sandylingerie.free.fr/index.htm
Ci trouve le lien de W3c "valid" :)
Je doit encore re-faire les deux pages qui affiche les photos en grand :)
@+
Au départ 170 fautes donc j'ai réparer mes conneries !
Et j'ai du aussi enlever certaine balise dont je trouvais pas les erreurs comme
<font size=2 color="#------">
Ou encore
<hr width=600 /> ou <hr width=80% />
Ainsi que
<img src="img.jpg" alt="img" border=0 />
Le border=0 cause problème
Donc impossible (a ma connaissance) de change la taille ou la couleur du texte a un endroit voulu !
de meme que d'insérer une ligne de taille souhaiter!
Et de virer le cadre des images (Mes images sont des lien donc avec un vieux cadre bleu bien moche)
Merci Dalida pour le code de défilement mais je doute sur l'emplacement des code !!
( Mais avant de demander je vais chercher a me creuser la tète pour trouver sinon j'y arriverai jamais)
Si vous voulez voir ce que ca donne :
http://www.sandylingerie.free.fr/index.htm
Ci trouve le lien de W3c "valid" :)
Je doit encore re-faire les deux pages qui affiche les photos en grand :)
@+
salut,
change la taille ou la couleur du texte a un endroit voulu
en CSS :
si l'élément est unique dans la page tu prends "id", sinon "class".
insérer une ligne de taille souhaiter
en CSS :
virer le cadre des images
faut te mettre à CSS maintenant !
change la taille ou la couleur du texte a un endroit voulu
<p id="vert">du texte <span class="rouge grand">blablabla</span> en rouge encore du texte</p>
en CSS :
p#vert{
color:green;
}
span.rouge{
color:red;
}
span.grand{
font-size:2em;
font-weight:bold;
}
si l'élément est unique dans la page tu prends "id", sinon "class".
insérer une ligne de taille souhaiter
<hr id="grosse-ligne"/>
en CSS :
hr#grosse-ligne{
width:600px;
height:120px;
}
virer le cadre des images
a img{
border-style:none;
}
faut te mettre à CSS maintenant !
J'ai oublier une balise qui ma fait souci !!! :
<a href="lien" target=blank>mon lien</a>
target=blank n'est pas accepter par w3c ou peu-être que je l'emploie mal !!!
<a href="lien" target=blank>mon lien</a>
target=blank n'est pas accepter par w3c ou peu-être que je l'emploie mal !!!