Discussion :

[muriel76]

Bonjour,

Je suis en train de faire un site internet pour un stage. Je dois créer un style CSS pour les fiches produits.(e-commerce!)

Et à partir de là j'ai besoin de vous !!

J'ai quelques petits conseils à vous demander :

* comment faire des petits points ou des petites flèches en CSS ? je ne sais pas si vous me comprenez mais en gros des flèches comme ... ben les flèches du clavier pour se déplacer sur une page. Il est possible de les faire sous CSS ??un ami m'a parlé de ly ou hy mais ... ??? je ne vois pas!

* ensuite je sais comment mettre une photo et mettre à l'endroit où je veux mais le souci!! c'est que je voudrais mettre du texte juste à côté pour faire comme une présentation du produit.
Et là ca coince car ca se décale pas comme je veux. soit trop loin soit trop pres, et qd c bien bais ce n'est plus à la bonne hauteur!!
J'ai essayé avec margin mais je ne sais pas si c'est la meilleure solution ....

et dernière petite chose!! je voudrais mettre une barre toute simple en haut avec "dedans " le nom du produit, jai essayé de regarder avec le logiciel que j'utilise (dreamweaver) dans l'aide mais ca fait juste un trait.

Ce CSS !! lol

Merci d'avance!!

[sanosuke85]

Bonjour,

* comment faire des petits points ou des petites flèches en CSS ? je ne sais pas si vous me comprenez mais en gros des flèches comme ... ben les flèches du clavier pour se déplacer sur une page. Il est possible de les faire sous CSS ??un ami m'a parlé de ly ou hy mais ... ??? je ne vois pas!

Li correspond aux puces à intégrer dans une liste. Cependant, aucun graphisme de puce ne correspond à des flèches. Donc tu dois les faire en image puis les intégrer au début de ton texte.

* ensuite je sais comment mettre une photo et mettre à l'endroit où je veux mais le souci!! c'est que je voudrais mettre du texte juste à côté pour faire comme une présentation du produit.
Et là ca coince car ca se décale pas comme je veux. soit trop loin soit trop pres, et qd c bien bais ce n'est plus à la bonne hauteur!!
J'ai essayé avec margin mais je ne sais pas si c'est la meilleure solution ....

Là c'est pas très clair... Soit tu veux que le texte l'entoure, et dans un <div> par exemple tu mets ta photo avec float:left; - Soit tu veux que ce soit sur la même colonne et tu créés deux colonnes avec à gauche ton image, et à droite ton texte (float:left; et float:right; pour les deux éléments qui contiendront l'image et le texte respectivement).

et dernière petite chose!! je voudrais mettre une barre toute simple en haut avec "dedans " le nom du produit, jai essayé de regarder avec le logiciel que j'utilise (dreamweaver) dans l'aide mais ca fait juste un trait.

Pour mettre une barre tout en haut de page (genre en dessous de ton bandeau par exemple de présentation du site), positionnes-la en position:absolute;. Donnes-lui un margin-top: X px; où X est la hauteur de ton bandeau. Enfin, fais suivre un contener qui contiendra le reste du site, avec pour margin-top le bandeau et la barre.

J'espère que ça t'aidera un peu.