Se connecter / S'enregistrer
Votre question

Insertion d'images en CSS

Tags :
  • Arrière plan
  • Programmation
Dernière réponse : dans Programmation
14 Novembre 2009 14:26:28

Bonjour à tous,

J'aimerais insérer plusieurs images en CSS.
Problème, je ne trouve pas quel code entrer pour cela.

J'ai donc : - image logo.gif qui doit être tout à gauche
- texte au milieu
- image lp.gif qui doitêtre tout à droite

Je n'ai vraiment aucune idée de comment faire là alors si quelqu'un à une idée... Merci d'avance

Autres pages sur : insertion images css

14 Novembre 2009 15:28:48

Bonjour Paul0,

Oui tu peux faire cela, il faut que tu utilises des div.

<div style="text-align: center;"><div style="background-image: url(image.jpg); width: 100px; height: 100px;"></div></div>

Pour droite tu mets « right », pour gauche c'est « left ».

Les tailles tu modifies comme tu le souhaites et le nom de l'image aussi.

Je te donne quelques liens où tu pourras apprendre le CSS.

http://www.cssdebutant.com

http://batraciens.net/css-astuces/apprendre-css.htm

http://www.css-style.fr

http://www.siteduzero.com/tutoriel-3-13666-apprenez-a-c...
m
0
l
14 Novembre 2009 19:38:40

Je te remercie beaucoup je vais voir tout ca. En espèrant que je vais m'en sortir !
m
0
l
Contenus similaires
15 Novembre 2009 00:34:08

Re,

Pas de souci, si tu as d'autres questions n'hésites pas, sinon tu peux mettre le post en résolu.

Bonne soirée.
m
0
l
15 Novembre 2009 16:52:37

Euh juste un truc que je ne comprends pas trop là. Ton code, c'est du html non ?
Parce que toutes les infos doivent être sur une feuille de style, rien du tout que la page XHTML.
m
0
l
a c 145 L Programmation
16 Novembre 2009 12:41:32

Tu peux très bien mettre tout ça dans une CSS:
  1. #centre {
  2. background-image: url(logo.gif) center no-repeat;
  3. margin-right: -120px;
  4. text-align: center;
  5. }
  6. #droite {
  7. float: right;
  8. width: 100px;
  9. height: 100px;
  10. background-image: url(lp.gif) right no-repeat;
  11. }

Et dans ton html:
<div class="centre">Du texte avec le logo au centre</div>
<div class="droite"></div>
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS