Bonjour,
Je suis actuellement en train de travailler à la création du site internet de mon employeur.
Le site n'est pas encore en ligne, mais il peut être visionné ici : (lien retiré, cette page de test n'est plus en ligne)
La feuille de style (CSS) est située ici : (lien retiré, cette page de test n'est plus en ligne)
Je rencontre quelques petits problèmes que je n'arrive pas à résoudre.
Le premier, c'est l'apparition d'un disgracieux ascenseur horizontal, malgré le fait que le contenu s'adapte selon la taille de la fenêtre du navigateur (aucune largeur n'est définie). Sur IE ou Firefox, on a cet ascenseur sur toutes les pages, quelque soit la taille de la fenêtre. Avec Opera, c'est aléatoire, certaines ont un ascenseur court, d'autres un ascenseur large (alors que rien ne dépasse), d'autres aucun ascenseur. C'est vraiment bizarre.
Au début, j'ai pensé que c'était dû au "margin-right" que j'avais mis dans le div qui encadre le contenu des pages. Mais l'enlever n'a rien changé, ça a même empiré avec Opera.
Je n'ai aucune idée de la raison pour laquelle cet ascenseur horizontal apparaît, je sollicite donc vos lumières.
Deuxième petit problème : j'ai une page qui contient un formulaire de contact, située ici :
(lien retiré, cette page de test n'est plus en ligne)
Concernant le bouton "Envoyer", j'ai rajouté un attribut "Onclick" qui permet de griser le bouton une fois qu'il est cliqué (pour éviter des clics intempestifs) :
Cependant, depuis que j'ai fait cela, le validateur du site w3.org me rejette la page (le message est clair : "there is no attribute "onClick".").
Existe-t-il une autre méthode pour griser le bouton qui soit davantage conforme aux standards ?
Dernier souci, le titre général des pages, tout en haut, est centré de la façon suivante :
Or, j'ai constaté que le texte se centre par rapport à la fenêtre entière, alors que j'aurais souhaité un centrage entre le logo et le bord droit de la fenêtre. Il en résulte, avec des tailles de fenêtre réduite, un chevauchement non nécessaire du texte par dessus le logo dû à ce "mauvais" centrage. Comment puis-je y remédier ?
Je vous remercie par avance pour vos réponses,
Cordialement,
Totoffe.
PS : Étant donné que je suis encore un débutant en (x)HTML et surtout en CSS, que mes questions semblent concerner des domaines variés, et que je ne savais pas trop où placer ce message, je l'ai donc posté ici, dans le forum débutant. J'espère ne pas avoir mal choisi, mais si c'est le cas, veuillez m'en excuser.
Edit : J'ai retiré les liens vers les pages de test de l'époque, celles-ci ne sont plus en ligne.
Modifié par Totoffe (21 Nov 2008 - 08:56)
Je suis actuellement en train de travailler à la création du site internet de mon employeur.
Le site n'est pas encore en ligne, mais il peut être visionné ici : (lien retiré, cette page de test n'est plus en ligne)
La feuille de style (CSS) est située ici : (lien retiré, cette page de test n'est plus en ligne)
Je rencontre quelques petits problèmes que je n'arrive pas à résoudre.
Le premier, c'est l'apparition d'un disgracieux ascenseur horizontal, malgré le fait que le contenu s'adapte selon la taille de la fenêtre du navigateur (aucune largeur n'est définie). Sur IE ou Firefox, on a cet ascenseur sur toutes les pages, quelque soit la taille de la fenêtre. Avec Opera, c'est aléatoire, certaines ont un ascenseur court, d'autres un ascenseur large (alors que rien ne dépasse), d'autres aucun ascenseur. C'est vraiment bizarre.
Au début, j'ai pensé que c'était dû au "margin-right" que j'avais mis dans le div qui encadre le contenu des pages. Mais l'enlever n'a rien changé, ça a même empiré avec Opera.
Je n'ai aucune idée de la raison pour laquelle cet ascenseur horizontal apparaît, je sollicite donc vos lumières.
Deuxième petit problème : j'ai une page qui contient un formulaire de contact, située ici :
(lien retiré, cette page de test n'est plus en ligne)
Concernant le bouton "Envoyer", j'ai rajouté un attribut "Onclick" qui permet de griser le bouton une fois qu'il est cliqué (pour éviter des clics intempestifs) :
<input type="submit" name="bouton" value="Envoyer" onClick="this.form.submit();this.disabled=true;this.value='En cours'" />Cependant, depuis que j'ai fait cela, le validateur du site w3.org me rejette la page (le message est clair : "there is no attribute "onClick".").
Existe-t-il une autre méthode pour griser le bouton qui soit davantage conforme aux standards ?
Dernier souci, le titre général des pages, tout en haut, est centré de la façon suivante :
<div style="position:relative; top:20px; left:20px;" align="center">
<h1>Centre d'Amélioration du Logement<br />de Meurthe-et-Moselle<br />
Habitat, Territoires et Développement</h1>
</div>Or, j'ai constaté que le texte se centre par rapport à la fenêtre entière, alors que j'aurais souhaité un centrage entre le logo et le bord droit de la fenêtre. Il en résulte, avec des tailles de fenêtre réduite, un chevauchement non nécessaire du texte par dessus le logo dû à ce "mauvais" centrage. Comment puis-je y remédier ?
Je vous remercie par avance pour vos réponses,
Cordialement,
Totoffe.
PS : Étant donné que je suis encore un débutant en (x)HTML et surtout en CSS, que mes questions semblent concerner des domaines variés, et que je ne savais pas trop où placer ce message, je l'ai donc posté ici, dans le forum débutant. J'espère ne pas avoir mal choisi, mais si c'est le cas, veuillez m'en excuser.
Edit : J'ai retiré les liens vers les pages de test de l'époque, celles-ci ne sont plus en ligne.
Modifié par Totoffe (21 Nov 2008 - 08:56)
