Aller au contenu

BZHcool.com Valide!

BZHcool

Par BZHcool
dans (X)HTML et CSS

 Partager

Sujets conseillés

BZHcool

BZHcool

Posté
Posté

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

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

Lien vers le commentaire
Partager sur d’autres sites
  • Réponses 54
  • Créé
  • Dernière réponse

Contributeurs actifs dans ce sujet

Jours d'activité

Contributeurs actifs dans ce sujet

Jours d'activité

Images postées

Anonymus

Anonymus

Posté
Posté

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

Lien vers le commentaire
Partager sur d’autres sites
Ganf

Ganf

Posté
Posté

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.

Lien vers le commentaire
Partager sur d’autres sites
ultrajoe

ultrajoe

Posté
Posté
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... :rolleyes:

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

Lien vers le commentaire
Partager sur d’autres sites
Cleden

Cleden

Posté
Posté

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 :P
  • 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.

Lien vers le commentaire
Partager sur d’autres sites
Dinostrate

Dinostrate

Posté
Posté

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

Lien vers le commentaire
Partager sur d’autres sites
Dinostrate

Dinostrate

Posté
Posté

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

Lien vers le commentaire
Partager sur d’autres sites
BZHcool

BZHcool

Posté
  • Auteur
Posté

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!

Lien vers le commentaire
Partager sur d’autres sites
BZHcool

BZHcool

Posté
  • Auteur
Posté
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">

Lien vers le commentaire
Partager sur d’autres sites
Denis

Denis

Posté
Posté

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.

Lien vers le commentaire
Partager sur d’autres sites
ultrajoe

ultrajoe

Posté
Posté
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 ;-)

Lien vers le commentaire
Partager sur d’autres sites
BZHcool

BZHcool

Posté
  • Auteur
Posté

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
}

Lien vers le commentaire
Partager sur d’autres sites
Denis

Denis

Posté
Posté
Pour Denis inverse le Z et le H dans le domaine ;-)

Ah, je suis trop con ! :shutup:

Tiens, j'en ai envie, je t'en propose une version XHTML 1.1. Je reviens dès que c'est fait. :)

Lien vers le commentaire
Partager sur d’autres sites
BZHcool

BZHcool

Posté
  • Auteur
Posté

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

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!

Lien vers le commentaire
Partager sur d’autres sites
ultrajoe

ultrajoe

Posté
Posté
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 :P 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...

Lien vers le commentaire
Partager sur d’autres sites
Dinostrate

Dinostrate

Posté
Posté

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

Lien vers le commentaire
Partager sur d’autres sites
pierredureau

pierredureau

Posté
Posté

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à ;-)

Lien vers le commentaire
Partager sur d’autres sites
LaurentDenis

LaurentDenis

Posté
Posté (modifié)

Ah... Me voilà encore à jouer les rabat-joie :

Très joli, le passage au XHTML1.1. :up:

Mais maintenant, il n'y a plus qu'à... remettre ça avec le bon vieux DocType XHTML1.0 :lol:

(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... :whistling:

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 :whistling:

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é par LaurentDenis
Lien vers le commentaire
Partager sur d’autres sites
LaurentDenis

LaurentDenis

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

Lien vers le commentaire
Partager sur d’autres sites
Denis

Denis

Posté
Posté

Laurent : Rabat-joie... ;)

Moi je persiste à demeurer en XHTML 1.1, juste pour vous embêter tous autant que vous êtes. grimacant.gif

Lien vers le commentaire
Partager sur d’autres sites
LaurentDenis

LaurentDenis

Posté
Posté

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 !!! :evil:

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 ? B) )

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
 Partager
Aller sur la liste des sujets
×
×
  • Créer...