Html et Css pour un système intégrable sur n'importe quel site

Bonjour,

J'ai beaucoup entendu qu'on ne gère pas l'aspect graphique d'un site en html mais en css et je trouve ça très intéressant dans la création de librairies (en php dans mon cas) que l'on voudrait être le plus réutilisables possibles.

Pour essayer d'apprendre à faire ceci j'ai pris l'exemple d'un system de petites annonces intégrable à n'importe quel site et je bloque sur une partie en particulier: L'affichage des résultat.

Le fonctionnement est assez classique l'utilisateur fait une recherche et une liste d'annonces correspondante s'affiche. Chaque annonce dans la liste comporte les éléments suivants:

-une miniature de l'image (si le vendeur a mis une image)
-un titre
-un prix
-un extrait de la description
-le pseudo du vendeur
-la catégorie de l'annonce
-département
-la date d'ajout

Quel Html faut il pour que cela soit le plus personalisable possible en Css:

Par exemple pouvoir positionner le éléments comme ça sur un site:
http://cinterssant.free.fr/docs/nosuppr/p1.png

Et comme ça sur un autre:
http://cinterssant.free.fr/docs/nosuppr/p2.png

Est-ce possible?

Merci D'avance

JD

Salut,

Il est possible de positionner les éléments à peu près n'importe comment en utilisant notamment le positionnement absolu. Mais c'est une mauvaise idée

Si l'ordre d'affichage ne correspond plus à celui du code HTML, comment va-t-on s'y retrouver en naviguant au clavier, par exemple ?

Pour que ton script soit réutilisable facilement, l'idéal serait de permettre de moduler la sortie, en utilisant un template ...

Salut,

Il suffit de mettre une classe sur le conteneur et de décliner tous tes styles en fonction du nom de la classe, le code (x)html restant le même.

Néanmoins, comme te l'a fait remarqué Thomas, ta mise en page devrait être cohérente avec ta structure, ce qui veut dire faire dépendre cette dernière d'une variable côté serveur.