5568 sujets

Sémantique web et HTML

[ Débutant ] - Pb mozilla + ie6

Bonjour à tous
Je débute tout doucement sur la vague W3C
http://forum.alsacreations.com/smilies/ohwell.gif
ohwell

Mon environnement est XP - et je suis hebergé chez un fai qui n'autorise pas (à ma connaissance) grand chose en termes applicatifs
Pas de php mysql etc...http://forum.alsacreations.com/smilies/pleure.gif
pleure

Voici donc une bonne occasion de faire mon premier site à la main
En utilisant avec parcimonie xml xslt css swf et png dans un premier temps
http://forum.alsacreations.com/smilies/good.gif
good

Mais voila mon document réagit mal avec mozilla 1.7.8
http://betaa.perso.cegetel.net/
Le problème vient du centrage de mon div
il est pas vraiment centré me semble t-il ? Trop décalé de 2/3 cm vers la droite ?

Quant à ie6 -> bankroute for me !
http://forum.alsacreations.com/smilies/question.gif
question

Cordialement,
Stefane

////////////////////////////
Et que vive l'espèrento !
////////////////////////////
Ok.

Bon comment t'aider au mieux Smiley biggol

Passons la première partie de ton message.

Pour la deuxième:

ce que tu nous montres là n'est en aucun cas une page web codée en html ... Or un navigateur a besoin d'une page web valide pour qu'on puisse espérer qu'il intreprète correctement les choses.

Je te conseillerais donc de lire :

-les tutoriaux
- les articles du site http://www.openweb.eu.org

Ce sera déjà un bon début Smiley smile
ok c'etait pas compliqué
L'entete doit etre correct :

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

Je le donne ca peut servir pour les autres

Mais pourquoi ce décalage de 2/3 cm (?)
Smiley confus
stefane a écrit :
Bonjour à tous
Je débute tout doucement sur la vague W3C
http://forum.alsacreations.com/smilies/ohwell.gif
ohwell


Bonjour et bienvenue sur Alsacréations Stefane,
a écrit :

Mon environnement est XP - et je suis hebergé chez un fai qui n'autorise pas (à ma connaissance) grand chose en termes applicatifs
Pas de php mysql etc...http://forum.alsacreations.com/smilies/pleure.gif
pleure

Voici donc une bonne occasion de faire mon premier site à la main
En utilisant avec parcimonie xml xslt css swf et png dans un premier temps
http://forum.alsacreations.com/smilies/good.gif
good[/url]


Déjà plus modestement le couple html et css serait un bon début Smiley cligne sans malice aucune de ma part, la page que tu présentes n'est à proprement pas parlé une page html, elle est constitué d'un prologue xml, d'un style css et d'un unique élément html, beaucoup de choses manquent à l'appel. Ce tutoriel de l'ENS ( http://www.tuteurs.ens.fr/internet/web/html/ ) devrait te donner de bonnes bases dans ce domaine.
a écrit :

Mais voila mon document réagit mal avec mozilla 1.7.8
http://betaa.perso.cegetel.net/
Le problème vient du centrage de mon div
il est pas vraiment centré me semble t-il ? Trop décalé de 2/3 cm vers la droite ?


Il me parait bien heureux déjà qu'un navigateur réussisse à afficher quoi que ce soit de ta page Smiley cligne
Shématiquement une page html doit contenir:
-un doctype,
-un élement html,
-un head,
-un body.

L'élément html englobant head puis body qui contient lui même la partie affichée d'une ressource html.


Difficile de t'aider d'emblée sans que n'ai assimiler les bases du html. N'hésites pas à suivre le tutoriel dont j'ai mis le lien et poster les soucis que rencontre avec html dans un premier temps.
J'ai modifié mon code source après avoir corrigé quelques grossières erreurs.
J'espère que je repars sur une bonne base

Avant de chercher a modifier mon div (et le completer)
je voudrai comprendre le pourqouoi du décalage du div

que je voudrais mettre au centre quelque soit la résolution de l'utilisateur

Cordialement
Stefane
Bonsoir stefane

600 / 2 = 300 et 300 / 2 = 150 Smiley langue

tu as fait cette petite erreur dans ton css.

voilà comment "bien" centrer:

    .milieu 
      {
      position:absolute;
      left: 50%; 
      top: 50%;
      height: 300px;
      width: 600px;
      margin-top: -150px;
      margin-left: -300px;
      border: 2px solid #FF66FF;
      }


P.S. N'oublie pas la balise <html>

@+ Smiley cligne
Modifié par oli (17 Jun 2005 - 02:26)
Merci
Grace a vous j'ai pu par la pratique disposer les div
que j'avais besoin
je mettrai les images demain

Enfin si j'y arrive
je sais pas comment faire pour le moment

http://betaa.perso.cegetel.net/

Si qqn a un bout de code a me preter pour coller une image dans chacun des div
Smiley smile

Ca suffit je vai me coucher maintenant demain taf

a+
stefane
Content que tu ait pu un peu avancer Smiley smile

Seulement ce que tu veux faire du premier coup : xml / xslt / ...

me semble un peu "hard" pour un premier essai. Tu n'as apparement aucune expérience dans le domaine (c'est pas une critique Smiley langue ) , je te suggère de lire les tutoriaux (ou de t'acheter l'excellent bouquin : http://www.alsacreations.com/livre/xmedia/bannbook2.gif) et de tout reprendre dès le début.

Tu arrives chez ton garagiste : "ma voiture ne démarre pas", "ok je vais voir ça" ... et tu lui montre une paire d'essuie glasse...

C'est la même chose qui se passe ici. Tu veux mettre des blocks de mise en page centrées ... alors que tu n'as pas encore une page html minimale...

Reprend les choses depuis le début , et tu progressera nettement plus rapidement.

:)
Sujet clos
Aller à