28173 sujets

CSS et mise en forme, CSS3

Salut,

Dans le cadre du développement d'une boutique en ligne, je dois lister des photos par lignes de 4 sous lesquelles j'aimerais ajouter le nom et le prix de l'objet.

Utilisant smarty ça rend les templates très complexes si on veut faire ça avec des tableaux, il faut compter à chaque fois que notre rangée est terminée et ajouter des <tr></tr>.
J'ai donc remarqué qu'en donnant une taille fixe à un div, on pouvait ajouter autant d'éléments "inline" que désirés et la mise en page se fait automatiquement sans qu'on ait besoin de tableau. Par contre c'est facile quand il s'agit de traiter un seul élément, mais dans mon cas je voudrais conserver l'affichage "inline" des images tout en y insérant un texte en dessous.

J'ai pensé à la balise span pour construire un élément "inline" conteneur mais je n'ai rien réussi à obtenir.

Voilà si quelqu'un a une idée ça serait cool de m'avancer, merci.
J'ai trouvé une solution qui consiste à créer un div comme conteneur à la place du span et à la positionner en flottant (left), il suffit ensuite de faire un <br> pour ajouter le texte en dessous, si vous avez mieux je suis preneur.
Bonjour Adm et bienvenue sur Alsacréations, Smiley smile

Il y a une solution que j'aime bien utiliser pour ce type de présentation, ce sont les listes de définition.

Voici une ressource de la chose, assez complète dont un exemple de ce que tu cherches à faire.

Bonne continuation !
Modifié par Vero (04 Oct 2006 - 23:33)
Vero a écrit :
Bonjour Adm et bienvenue sur Alsacréations, Smiley smile


Merci Smiley cligne

Vero a écrit :

Il y a une solution que j'aime bien utiliser pour ce type de présentation, ce sont les listes de définition.

Voici une ressource de la chose, assez complète dont un exemple de ce que tu cherches à faire.


Super ! Je ne connaissais absolument pas ça, est-ce que c'est reconnu du plus grand nombre de navigateurs ?
Point de vue indexation, quelle est la meilleure solution entre la mienne et celle des listes de définitions ?
Administrateur
Adm a écrit :
est-ce que c'est reconnu du plus grand nombre de navigateurs ?

Hello,

On parle de balises HTML qui existent sans-doute depuis HTML 3.2, voire avant, donc il n'y a vraiment aucun risque.
Ce n'est pas parce qu'une balise n'est pas souvent utilisée qu'elle n'est pas comprise par les navigateurs Smiley smile