BZHcool Posté 10 Juin 2004 Posté 10 Juin 2004 Bonjour, Depuis quelques temps je souhaitais me lancer dans la création d'une page présentant mon Pseudo... mais une page qui devait être accessible à tous. Suite à un post d'un membre sur ce forum je me suis permis de lui emprunter (avec son accord... merci MissMonde) un modèle de page et un CSS. Grace a cet emprunt j'ai pu étudier un code qui me semblait simple et ainsi comprendre un peu mieux le principe d'un CSS pour une page. Avec ensuite l'aide trouvé sur OPENWEB j'ai modifié à ma sauce le CSS et ma page et j'obtiens une page valide HTML et un CSS valide... Ce que je souhaite maintenant savoir c'est si cette page passe bien sur tous les navigateurs et si vous pouviez me donner quelques astuces pour la passer valide XHTML... si c'est possible? Sinon biensur je suis preneur des remarques concernant cette page... c'est comme celà qu'on avance!!! Merci d'avance...
Anonymus Posté 10 Juin 2004 Posté 10 Juin 2004 Première remarque : le Forum "Webmaster-Hub.com.com". Seconde remarque : Ton adresse mail va être aspirée par ....... Troisième remarque : Tu ne devrais pas aligner au centre, mais justifier à gauche, avec une petite marge pour les textes. Sinon, félicitations pour ton nom de domaine
Ganf Posté 10 Juin 2004 Posté 10 Juin 2004 pour ceux qui comme moi ne sont pas doués, l'adresse de la page est dans le titre du fil de discussion. Aligner à gauche ... la page ? je ne suis pas d'accord, centrer me parait beaucoup mieux. Enfin c'est une affaire de gout je pense.
ultrajoe Posté 10 Juin 2004 Posté 10 Juin 2004 Bonjour, Depuis quelques temps je souhaitais me lancer dans la création d'une page présentant mon Pseudo... mais une page qui devait être accessible à tous. Suite à un post d'un membre sur ce forum je me suis permis de lui emprunter (avec son accord... merci MissMonde) un modèle de page et un CSS. Grace a cet emprunt j'ai pu étudier un code qui me semblait simple et ainsi comprendre un peu mieux le principe d'un CSS pour une page. Avec ensuite l'aide trouvé sur OPENWEB j'ai modifié à ma sauce le CSS et ma page et j'obtiens une page valide HTML et un CSS valide... Ce que je souhaite maintenant savoir c'est si cette page passe bien sur tous les navigateurs et si vous pouviez me donner quelques astuces pour la passer valide XHTML... si c'est possible? Sinon biensur je suis preneur des remarques concernant cette page... c'est comme celà qu'on avance!!! Merci d'avance... Salut, J'aime bien ce style sobre et lisible, le texte en violet j'accroche pas trop mais c'est une histoire de goût, par contre le a:hover j'aime vraiment pas du tout, c'est trop trop gras. Une petite coquille m'a sauté aux yeux lors du survol de ta page "Une autre de mes passions se sont les « Porches »" A plus, PS : testé sous xp avec mozilla firefox 0.8
Cleden Posté 10 Juin 2004 Posté 10 Juin 2004 Salut à toi Breton, Ce que je souhaite maintenant savoir c'est si cette page passe bien sur tous les navigateurs et si vous pouviez me donner quelques astuces pour la passer valide XHTML... si c'est possible? Il ne te manque pas grand chose pour passer au xhtml 1.1. Changer le doctype Fermet les balise <meta /> N'utiliser que des balises, attributs et éléments en minuscule Fermer les balise <img /> Fermer les balises <li></li> Ajouter l'attribut alt aux <img> J'ai surement oublié des trucs mais, si tu fais ça, il ne te manquera plus grand chose. Loïc.
BZHcool Posté 10 Juin 2004 Auteur Posté 10 Juin 2004 Merci pour ces premières remarques... je vais étudier celà dès ce soir... Au fait oui dans la précipitation tout à l'heure j'ai oublié de vous donner mon adresse : www.BZHcool.com
Arlette Posté 10 Juin 2004 Posté 10 Juin 2004 Au fait oui dans la précipitation tout à l'heure j'ai oublié de vous donner mon adresse : www.BZHcool.com Elle est bien la page, mais il manque l'essentiel : La photo de Méléna
Dinostrate Posté 10 Juin 2004 Posté 10 Juin 2004 Salut BZHcool le fou de "la torche" (je crois qu'on se comprend , avis aux autres, c'est un vrai compliment) Comme te le dit cleden, c'est presque fait..... de passer au xhtml, essaie et tu n'auras aucun mal.... ... mais le alt, c'est pour tout, pas que pour xhtml.... là, je pige pas trop.... Dino
Dinostrate Posté 10 Juin 2004 Posté 10 Juin 2004 Encore un truc et après, c'est promis, j'arrete les parenthèses.... La photo que tu nous montre fait plutot vieux briscard du désert.... on s'attend à trouver des dunes infinies derrière ton portrait, et peut être même une oasis. T'as même pas besoin de rajouter un chapeau saharien... Bref, c'est classe, mais ça ne fait pas très Breton... enfin, c'est mon avis... Ceci dit, j'aime beaucoup !!! voili voilou.....
BZHcool Posté 10 Juin 2004 Auteur Posté 10 Juin 2004 Désolé Dino... mais je ne vais pas dévoilé mes photos de bon vieux breton avec une coiffe sur la tête comme nos grand-mères... ici au Pays!
BZHcool Posté 10 Juin 2004 Auteur Posté 10 Juin 2004 par contre le a:hover j'aime vraiment pas du tout, c'est trop trop gras. J'essaye depuis 10 minutes et je n'arrive pas à modifier le trait voir a le supprimé... çà doit pas être sorcier... arrgh!!! Cleden tu me conseilles de fermer mes balises <META> mais comment... Moi j'ai dans ce style : <META name="robots" content="follow,index">
Denis Posté 10 Juin 2004 Posté 10 Juin 2004 Alors là, quelle déception ! Je m'empresse d'aller voir c'te merveille de page valide et qu'est-ce que je trouve ? Rien... www.bhzcool.com could not be found. Please check the name and try again. Bah, je reviendrai demain. En espérant que ce sera en ligne.
BZHcool Posté 10 Juin 2004 Auteur Posté 10 Juin 2004 Oups!!! Comprends pas Denis car elle est bien là... Pourtant le courant passe bien entre la Bretagne et le Canada normallement
ultrajoe Posté 10 Juin 2004 Posté 10 Juin 2004 J'essaye depuis 10 minutes et je n'arrive pas à modifier le trait voir a le supprimé... çà doit pas être sorcier... arrgh!!! euh "text-decoration:none" non ? Pour Denis inverse le Z et le H dans le domaine ;-)
BZHcool Posté 10 Juin 2004 Auteur Posté 10 Juin 2004 Bien vu pour le BZH.... Sinon voici mon bout de code... #navigation A:hover { COLOR: #990033; BORDER-BOTTOM: #990033 3px solid; TEXT-DECORATION: none}#active A:link { COLOR: #990033; BORDER-BOTTOM: medium none; TEXT-DECORATION: none}#active A:visited { COLOR: #990033; BORDER-BOTTOM: medium none; TEXT-DECORATION: none}#active A:hover { COLOR: #990033; BORDER-BOTTOM: medium none; TEXT-DECORATION: none}
Denis Posté 10 Juin 2004 Posté 10 Juin 2004 Pour Denis inverse le Z et le H dans le domaine ;-) Ah, je suis trop con ! Tiens, j'en ai envie, je t'en propose une version XHTML 1.1. Je reviens dès que c'est fait.
Denis Posté 10 Juin 2004 Posté 10 Juin 2004 Voilà, vendu ! http://www.cybercodeur.net/webmasterhub/bz...ZHcool.com.html http://validator.w3.org/check?verbose=1&ur...ZHcool.com.html Je mettrais quand même le CSS à part, pas dans les éléments eux-mêmes.
BZHcool Posté 10 Juin 2004 Auteur Posté 10 Juin 2004 Alors là... chapeau bas! et merci pour ce coup de pouce... C'est promis si un jour je dois passer par chez toi (là bas...) je te paye un bon verre... Encore merci... Je mettrais quand même le CSS à part, pas dans les éléments eux-mêmes. C'est à dire dans un dossier a la racine du site!
ultrajoe Posté 10 Juin 2004 Posté 10 Juin 2004 Bien vu pour le BZH.... Sinon voici mon bout de code... #navigation A:hover { COLOR: #990033; BORDER-BOTTOM: #990033 3px solid; TEXT-DECORATION: none}#active A:link { COLOR: #990033; BORDER-BOTTOM: medium none; TEXT-DECORATION: none}#active A:visited { COLOR: #990033; BORDER-BOTTOM: medium none; TEXT-DECORATION: none}#active A:hover { COLOR: #990033; BORDER-BOTTOM: medium none; TEXT-DECORATION: none} Pour le soulignement retire la bordure ;-) BORDER-BOTTOM: #990033 3px solid; Denis si tu t'ennuis tu peux toujours rendre compatible le site de mon profile XHTML1.1 ca me plait bien, j'avais commencé un jour (h**p://w*w.apparticulier.com/V2/), mais j'ai pas réussi le positionnement des calques sur le coup et du coup j'ai plus le temps de le faire...
Dinostrate Posté 10 Juin 2004 Posté 10 Juin 2004 Denis, Ne les écoutes pas tous, sinon, tu ne vas plus bosser que pour eux.... ... faut bien qu'ils se décarcassent un peu les aminches.... ... et moi alors..... non mais.... Au fait, comme je risque de déborder, je sens que je vais t'envoyer un mp. Mais comme j'en ai trop dit ou pas assez, la question qui me turlupine est la suivante : connais tu rivierre à pierre ? Suite via mp.... Dino
pierredureau Posté 10 Juin 2004 Posté 10 Juin 2004 Quelques trucs tirés par les cheveux : 1. <div id="milieu">, je mettrai un identifiant avec plus de sens. 2. <p>J'ai créé cette page pour 3 raisons: <br /> ... et la suite... Il y a beaucoup trop de <br />, une liste non ordonnée ne conviendrai pas mieux ? 3. J'ai pas testé avec IE (Linux oblige) mais enlever l'en-tête XML rendra le DTD switch actif. 4. Caprice : BTS pourrait faire l'objet d'un <acronym> 5. Dans ta partie validation, met des titles aux <a>. 6. L'attribut style, c'est bof bof. 7. Détail qui tue : en CSS, 0pt s'écrit tout simplement 0. 8. <h1><span>BZHcool.com</span></h1>, je ne comprend pas la redondance. 9. <h2></h2>, mystère... à moins que ça soit pour ne pas sauter un niveau. Je n'ai plus de cheveux, j''ai du y aller un peu fort là ;-)
LaurentDenis Posté 11 Juin 2004 Posté 11 Juin 2004 (modifié) Ah... Me voilà encore à jouer les rabat-joie : Très joli, le passage au XHTML1.1. Mais maintenant, il n'y a plus qu'à... remettre ça avec le bon vieux DocType XHTML1.0 (Autrement dit, juste changer le doctype en gardant l'excellent code de Denis) En effet, à la différence du XHTML1.0, le XHTML1.1: - ne doit pas être servi comme étant du HTML (avec le type Mime text/html) - doit être servi comme étant du XML ( avec le type mime application/xml + xhtml). Voir http://www.w3.org/TR/xhtml-media-types/ (attention à la différence entre "may" et "should" qui ont chacun un sens bien précis dans les spécifications du W3C) Pour ceux qui se posent la question, disons que le type mime est une information envoyée par le serveur qui indique au navigateur ce qu'il va recevoir : - du HTML, - du XML, - une image GIF, PNG... - de la soupe, - des brocolis - ou une claque. Actuellement, la page est servie incorrectement en text/html, autrement dit, c'est de la soupe. Coup de bol, les navigateurs s'en accommodent et font comme si c'était du HTML. Passer en application/xml + xhtml ne serait pas une bonne solution, car : - ce type mime n'est pas supporté (entre autres) par Internet Explorer (Win et Mac). Le document se transforme alors en brocolis à télécharger. - le document étant interprété par les navigateurs Gecko et par Opera comme étant du xml, il ne doit comporter aucune erreur de syntaxe sinon... c'est la claque ! Le moteur de rendu du navigateur s'arrête sur l'erreur, affiche un message d'alerte et la suite du code XHTML. On peut être un peu masochiste et apprécier ce mode de validation radical (c'est mon cas et celui de Denis aussi, il me semble), mais il faut être sûr de bien maîtriser sa syntaxe ! ce serait encore jouable ici, mais ce serait très dangereux par exemple dans un weblog où les commentaires et trackbacks risquent d'amener du code invalide : Denis témoignera (avec accablement) que j'ai souvent (et involontairement) dézingué son CyberCodeur juste avec la petite esperluette du Blog & Blues de ma signature dans un trackback... Déclarer correctement du XHTML1.1 est donc plutôt contraignant: - Il faut faire de la négociation de contenu au niveau serveur pour n'envoyer du XHTML1.1 en application/xml+xhtml qu'aux navigateurs qui déclarent le supporter, et du XHTML1.0 en text/html aux autres. - pas de droit à l'erreur Et ces contraintes n'apportent... aucun avantage concret ici. En effet, XHTML1.1 sert principalement à intégrer un élément supplémentaire (le module ruby) qui n'est pas utilisé dans cette page (où il ne servirait à rien d'ailleurs). voilà, voilà... Bon, j'avoue : on l'a tous fait, de s'offrir brièvement le frisson d'une page en XHTML1.1 Sinon, pour l'accessibilité : il y a deux liens adjacents dans la page à cause des stikers de validation qui ne sont séparés par aucun caractère affichable. [edit]: du danger des forums pour les blogueurs : on finit par faire des posts en guise de message au lieu de bloguer ça chez soi Modifié 11 Juin 2004 par LaurentDenis
LaurentDenis Posté 11 Juin 2004 Posté 11 Juin 2004 3. J'ai pas testé avec IE (Linux oblige) mais enlever l'en-tête XML rendra le DTD switch actif. Autre contrainte du XHTML1.1 justement : la page n'étant pas en UTF-8 ou en UTF-16, mais en iso-8859-1, le prologue xml est nécessaire pour spécifier l'encodage.
Denis Posté 11 Juin 2004 Posté 11 Juin 2004 Laurent : Rabat-joie... Moi je persiste à demeurer en XHTML 1.1, juste pour vous embêter tous autant que vous êtes.
LaurentDenis Posté 11 Juin 2004 Posté 11 Juin 2004 On déborde un peu là, mais rapidement : j'ai toujours supposé que tu servais du XHTML1.0 à IE. je vois que ce n'est pas le cas. Argh !!! Shame on you ! Tu seras damné pour l'éternité... (Sauf si Bleizig modifie ta négociation de contenu pour servir du XHTML1.0 à Internet Explorer. Il te règlera bien ça en deux coups de cuillères à pot, non ? )
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant