Tom's Guide > Forum > Programmation > Insertion d'images en CSS

Insertion d'images en CSS

Forum Programmation : Insertion d'images en CSS

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

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

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

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 [...] e-web.html

Répondre à Shimik_Root

Je te remercie beaucoup je vais voir tout ca. En espèrant que je vais m'en sortir !

Répondre à Paul0

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.

Répondre à Shimik_Root

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.


Message édité par Paul0 le 15-11-2009 à 17:49:32
Répondre à Paul0

Tu peux très bien mettre tout ça dans une CSS:

Code :
  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>

------------------------------ Réseau IRC Francophone | g33k-zone
Répondre à crazycat@idn
Tom's Guide > Forum > Programmation > Insertion d'images en CSS
Aller à :

Il y a 1896 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Liens