CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Image et texte

Maxtill
Maxtill
Niveau 7
28 mai 2005 à 12:47:41

Comment fait ton le texte a droite d´une image en html ?
Le texte se met tt le tps en dessous ça menerve
Plz aidez moi

pifnuch
pifnuch
Niveau 7
28 mai 2005 à 13:21:41

il y a plusieurs solutions :

-les tableaux : mais cela alourdis ta page et de toute façon, mieux vaut prendre l´habitude de les utiliser le moins possible

- les calques ( balises < div>) auquel il faut attribuer des styles de positionnement tel que " float"

pour plus de précisions :
http://openweb.eu.org/articles/initiation_float/

Maxtill
Maxtill
Niveau 7
28 mai 2005 à 13:27:22

? ???
Jy comprend rien
C avec le CSS ou le html ?
et si C html
Donner un exemple plz
Je voudrai un texte a droite et l´image a gauche

pifnuch
pifnuch
Niveau 7
28 mai 2005 à 13:41:02

les css peuvent s´intégrer au html ; )

< div id="total">
< div id="image">
< img src="monimage.jpg">
< /div>
bla bla bla bla bla bla bla
< /div>

et au niveau des styles :

  1. image {

float: left;
}

le seul inconvénient c´est si le bloc de texte est moins long que la hauteur de l´image ( si tes calques ont des attributs qui font qu´on les voient sur la page, genre une bordure ou un fond)

Maxtill
Maxtill
Niveau 7
28 mai 2005 à 13:51:25

Il faut que je mette quoi a la place de total et de image ? ??
Ps : si je fait copier/coller il a tt le trux qui s´affiche et si j´enleve les espace
Le titre ce met a droite en haut
Et la 2eme image en bas se colle en dessous !

< div id="total">
< div id="image">
< img src="monimage.jpg">
< / div>
bla bla bla bla bla bla bla
< / div>

C bien du html ?
sinon jvois pas

pifnuch
pifnuch
Niveau 7
28 mai 2005 à 13:56:46

total et image sont les nom des id des calques

tu dois crée une balise
< style>
pour y insérer les styles de tes calques :

  1. image {

float: left;
}

  1. total{

les styles que tu veux, bordure, fond, police...)
}
< /style>

Maxtill
Maxtill
Niveau 7
28 mai 2005 à 14:06:05

Bon voila

< !DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.1//EN" " http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
< html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
< head>
< title>Bienvenue sur RammStar</title>
< meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" / >
< link rel="stylesheet" media="screen" type="text/css" title="Essai" href="Star Wars.css" / >

< /head>
< body>
< p><h1><center>Star Wars</center></h1></p>
< img src="Alliance Rebelle.jpg" alt="Photo de l´Alliance Rebelle" title="L´Alliance Rebelle" / ><p><a href="Alliance Rebelle.html">L´Alliance Rebelle</a></p><br/>
< img src="Empire Galactique.jpg" alt="Photo de l´Empire Galactique" title="L´Empire Galactique" / ><p><a href="Empire Galactique.html">L´Empire Galactique</a></p><br/>
< /body>
< /html>

G ça Et C tt je voudrai mettre
les images a gauches et le texte a droite du texte o milieu

Help plz

Maxtill
Maxtill
Niveau 7
28 mai 2005 à 14:18:00

. ..

pifnuch
pifnuch
Niveau 7
28 mai 2005 à 14:34:37

essaye ça :

< !DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.1//EN" " http://www.w3.org/TR/xhtmml11/DTD/xhtml11.dtd&quot;&gt;
< html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
< head>
< title>Bienvenue sur RammStar</title>
< meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" / >

< style type="text/css">
< !--

  1. image {

float: left;
}
-->
< /style>
< /head>
< body>
< p><h1><center>Star Wars</center></h1></p>
< div id="total"><div id="image">
< img src="AllianceRebelle.jpg" alt="Photo de l´Alliance Rebelle" title="L´Alliance Rebelle" / > </div><p><a href="Alliance Rebelle.html">L´Alliance Rebelle</a></p></div>
< div id="total"><div id="image"><img src="EmpireGalactique.jpg" alt="Photo de l´Empire Galactique" title="L´Empire Galactique" / > </div><p><a href="Empire Galactique.html">L´Empire Galactique</a></p></div>
< /body>
< /html>

Maxtill
Maxtill
Niveau 7
28 mai 2005 à 14:49:36

ya rien qui marche ya plus dimage
ya tt ce que tu a ecrit
lol

pifnuch
pifnuch
Niveau 7
28 mai 2005 à 14:58:59

j´ai enlevé les espace dans l´url des images, remet-les ( ou plutot renomme tes images, c´est pas bien les espaces dans les nom de fichiers)

saturncube
saturncube
Niveau 7
28 mai 2005 à 20:26:26

pas obligé d´utiliser les css

en html

< html>
< head>
< title>Titre de la page</title>
< /head>
< body>
< img src="images/html.jpg" width="100" height="100" hspace="10" vspace="15" align="left">
ton texte ici...
< /body>
< /html>

tu alignes ton image a gauche ou droite

le hspace et le vspace c´est l´espace entre l´image et le texte voila tout simplement

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de Jeux
  • Programmation
  • Création de sites web
  • Linux
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment