Ouvrir session
Nouveau venu ? Créez votre compte
pompeurs · [Pompeurs-CSS] pompage & mammouthland
? Déjà membre ? Ouvrir session

Astuces Yahoo! Groupes

Le saviez-vous...
Un hobby, une passion ? Partagez, c'est si bon d'en parler avec les autres ! Je crée mon groupe.

Messages

  Messages Aide
Avancée
Conception d'une page "skinable" au maximum   Liste de messages  
Répondre | Transférer Message #8836 sur 24514 |
Bonjour,

J'aimerais pour mon site web offrir le plus de choix possible
visuellement, où chaque styles css serait une "skin".

Théoriquement, il suffit de faire une page HTML sémantiquement correcte
puis on fait le CSS qui va bien.

Mais en pratique c'est très différent, j'ai bien l'impression que l'on
doit fréquemment modifier le source HTML pour pouvoir faire des effets
visuels ou juste pour regrouper des éléments..

Par exemple, le coup des titres :
<h1>Titre</h1>

Avec ce bout de code, on ne pourra pas en CSS remplacer le texte "Titre"
par une belle image (car le texte "Titre" reste afficher).

Pour cela il faut utiliser la technique d'Eric Meyer avec par exemple :
<h1><span>Titre</span></h1>
Puis on met un background image sur le h1 et un display:none sur le
span.

Cette exemple n'est pas isolé, il y en a d'autres, et j'aimerais trouver
un site qui en parle (l'idéal serait un article sur le sujet dans
OpenWeb pour expliquer les bonnes règles pour développer un site
vraiment skinable)

Merci




Lundi 26. Avril 2004  12:44

neokod
Messenger Messenger
Envoyer un message Envoyer un message

Transférer Message #8836 sur 24514 |
Montrer le contenu des messages Auteur Date

Bonjour, J'aimerais pour mon site web offrir le plus de choix possible visuellement, où chaque styles css serait une "skin". Théoriquement, il suffit de...
neokod
Messenger Envoyer un message
26. Avril 2004
12:51

... Le problème c'est que ça fait rajouter des balises "inutiles". Si on finit avec 150 <div> et <span> surnuméraires dans la page on va avoir du mal à...
Eric Daspet
Ganfset
Messenger Envoyer un message
26. Avril 2004
12:59

salut ! je réponds rapidement pour cette histoire de ... il y a en effet une technique plus propre qui permet de remplacer directement le titre par une image ...
siruphi
Messenger Envoyer un message
26. Avril 2004
13:12

... Je suis bien d'accord, l'idéal serait d'avoir un code HTML sémantiquement correct, mais c'est rarement possible. Rien que les attributs "id" ou "class"...
neokod
Messenger Envoyer un message
26. Avril 2004
13:14

... Il y a une technique sioux(tm) de je-sais-plus-qui-en-a-parlé-en-premier-désolé-pour-lui, qui ne nécessite pas de span. La technique est simple et...
Mike Hommey
mh@...
Envoyer un message
26. Avril 2004
13:42

... Parfait ! C'est en effet la technique dont parle Eric Daspet. ... L'idéal est de forcer IE a passer en modèle de boite standard comme ça pas de hack. ...
neokod
Messenger Envoyer un message
26. Avril 2004
14:41

Bonjour, ... Ton contenant serait-il plus intéressant que ton contenu ? ;) ... Si : http://www.gasteroprod.com/ -Nicolas -- Nicolas "Brush" HOIZEY Free PHP...
Nicolas Hoizey
nhoizey
Messenger Envoyer un message
26. Avril 2004
14:45
Avancée

Copyright © 2009 Yahoo! France SAS – Tous droits réservés.
Mise à jour : données personnelles - Conditions d'utilisation - Charte - Signaler un abus - Aide