28234 sujets

CSS et mise en forme, CSS3

Corrections de mon CSS

Pages :
Bonjour

J'ai terminé , enfin, presque, ma V5 : www.mikimya.com/V5

J'ai su, dans un autre forum, qu'il aurais moyen de simplifier mon code, qu'il a des tableau d'inutile. Pouvez=vous m'éclairez à ce sujet ?

Merci
http://www.mikimya.com/v5/index.php

<hr> est invalide en XHTML. Faut remplacer par <hr />

En XHTML Strict on utilise pas d'éléments de présentation. 

[#red]<font color="#FFFFFF" size="4" face="Arial, Helvetica, sans-serif">[/#]

Tu peux peut-être choisir un DOCTYPE plus approprié :
http://pompage.net/pompe/doctype/

Utiliser une boîte vide pour afficher une image en background n'est pas une bonne pratique.

<div id="header"></div>

Ce post peux te mettre sur une piste :
http://forum.alsacreations.com/topic.php?fid=4&tid=699&p=1
Modifié le 06 Dec 2004 - 20:44
Stephan a écrit :

Utiliser une boîte vide pour afficher une image en background n'est pas une bonne pratique.

<div id="header"></div>



Salut, justement, je me demandais ce qu'il faut faire a la place, parc que cette question me trotte dans la tête depuis longtemps, et je n'ai toujours pas trouvé la réponse Smiley cligne
Dans un autre post Stephan a écrit :

En utilisant margin-top: value; tu peux arriver à "pousser" ton menu vers le bas. Mais si tu as une image en background, alors tu utilises padding-top (la hauteur de l'image) à la place...

Modifié le 06 Dec 2004 - 20:46
<h1 id="header"><span>Titre du site en toute lettre</span></h1>


Et en CSS

h1#header
{
  width: XXpx ;
  height: YYpx ;
  background: url(...) no-repeat ;
}

h1#header span
{
  position: absolute ;
  clip: rect(1px 1px 1px 1px) ;
  clip: rect(1px, 1px, 1px, 1px) ;
}
DarkNeo a écrit :

...cette question me trotte dans la tête depuis longtemps... Smiley cligne


Et si tu la faisais trotter sur le forum avec un exemple concret ?

<edit>
Bel exemple d'ElMoustiko Smiley lol
</edit>
Modifié le 06 Dec 2004 - 20:51
Non je veux pas créer un post pour ça, mais vu que l'on en parle ici !
Ce que je voulais savoir, c'est si l'on a juste un fond a mette, pour un header notament, que faut il utiliser (je veux pas de texte a mettre)

Perso, bon j'opterai pour

<div id="header">
<img src="header.jpg" width="760px" height="100px" alt="header.jpg" />
</div>


Est ce plus correct que de mettre


#header{
background-image: url("header.jpg");
width: 760px;
height: 100px;
}

/* HTML */

<div id="header"></div>


EDIT:

De même, je présume que d'utiliser 


<h1 id="header"></h1>


est incorect
Modifié le 06 Dec 2004 - 21:03
J'ai toujours utilisé
h1#header span {display:none}

en quoi ta solution, plus longue, est-elle meilleure?

edit: j'ai été devançé, mais je ne voit pas l'interet, vu qu'un site bien pensé aura une feuille de style pour navigateur non graphiques, ou ceux çi naviguerons en désactivant les styles...
Modifié le 06 Dec 2004 - 21:10
Merci de rendre à César ce qui lui appartient Stephan, j'ai oublié de citer mes sources Smiley cligne !

C'est mieux que display: none; parceque pour les navigateurs non graphique, display: none; est quand même pris en compte tout comme visibility: hidden, si tu lis l'article de blog and blues que référence Stephan tu aura plus de détail.
Dans le cas de div vides pour des besoins de présentation, peut-être faut-il chercher s'il n'existe pas déjà un conteneur existant ou possible en le faisant passer en block au besoin pour le "décorer" en background comme me le faisais justement remarquer ElMoustiko à propos de h1 ici
J'admet que je dévie un peu du sujet, mais je crois que la parenthèse vaut la peine. J'ai lu l'article de ALA, où ils semblent déplorer l'absence de media de feuille de style spécifique au navigateur texte. Or ce media existe, le media tty. Peut-être s'agit-il d'un ajout récent, du moins plus que l'article de ALA (ou peut-être aussi n'ai-je rien compris Smiley langue ). Il me parait donc logique d'utiliser un display:none pour un media graphique, comme screen, projection et tv, et d'utiliser un rendu texte pour les autres types de media.
Si un navigateur texte reconnait le css il reconnaitra donc qu'il doit utiliser un media spécifique, si pas il affichera le texte sans style (dans le cas où il interpretterai le css screen sans se préoccuper de tty il peux tomber - à mes yeux - dans la catégories des browsers pètes couilles minoritaires Netscape4-like dont on espère que les utilisateurs auront la présence d'esprit de changer)
http://fr.selfhtml.org/css/formats/incorporer.htm#lien_media
Voila voila
brice a écrit :

Si un navigateur texte reconnait le css il reconnaitra donc qu'il doit utiliser un media spécifique...

En théorie oui mais en pratique non. Jusqu'à ce que ces navigateurs soient mis à jour et qu'ils interprètent le CSS comme il se doit, display: none; est une méthode inaccessible pour masquer du texte.

brice a écrit :

...si pas il affichera le texte sans style...

Accessibilité: ne jamais présumer du comportement de l'utilisateur
Modifié le 07 Dec 2004 - 00:07
Mikimya a écrit :
Oulalala !!

Je vais prendre le temps de tout lire afin de savoir quel message est à moi ladedans Smiley smile
Merci beaucoup

C'est sûr qu'il faut pas s'absenter longtemps Smiley lol
Pages :
Sujet clos
Aller à