Texte à Côté d'une Image sans Tableau

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Texte à Côté d'une Image sans Tableau

Message par N0izette13 le Dim 2 Mai 2010 - 3:49

Bonjour :')

Je voulais Savoir Comment Écrire à Côté d'une Image mais Sans Tableau (J'avais Trouvé un Topic là Dessus mais c'était avec un Tableau ~) Car je trouve que la Bordure du Tableau n'est Pas Jolie et Donc pas très Esthétique D':

Spoiler:

Sur le ScreenShot, cela se voit que ce n'est pas un Tableau puisque la Bordure de Celui-ci n'est pas Visible ._.

En Tout cas Désolé si il y avait Déja un Topic sur Ça, car j'ai quand Même Cherché mais en Vain D':

Merci à l'Avance ~

N0izette13


Dernière édition par N0izette13 le Ven 7 Mai 2010 - 21:10, édité 1 fois

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à Côté d'une Image sans Tableau

Message par *Henry* le Dim 2 Mai 2010 - 8:04

Bonjour.

Syntaxe HTML :
Code:
<img src="http://adresse_d_image.com" align="left" alt="" />

*Henry*
+ Hyperactif +

Masculin
Messages : 2418
Inscrit(e) le : 11/04/2008

http://ww0.topp-henry.com
*Henry* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à Côté d'une Image sans Tableau

Message par N0izette13 le Dim 2 Mai 2010 - 18:34

Merci :')

Alors l'Image est Bien à Gauche mais le Texte ce Retrouve en Dessous et Non Côte à Côte D':

Spoiler:

Merci Quand Même & Merci à l'Avance :'D

N0izette13~

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à Côté d'une Image sans Tableau

Message par Anzu le Dim 2 Mai 2010 - 18:42

Bonsoir ^^

Vous pouvez toujours tester ce code, il n'y aura pas de bordure Wink

Code:
<table border="0"><tr><td><img src="lien de ton image"></td><td valign="top">texte</td></tr></table>

Cordialement.

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à Côté d'une Image sans Tableau

Message par Invité le Dim 2 Mai 2010 - 18:55

Salut Henry et Anzumi et Noizette^^

Je pense que Noizette veut parler du floating non ?
Pour reprende l'exemple d'Henry :
Code:
<img src="http://adresse_d_image.com" style="float: left; padding: 3px;" alt="" />


EDIT à Anzumi : Absolument, absolument ! Disons que c'est la deuxième possibilité (et la plus simple à mon avis) Mr. Green


Dernière édition par Final-Blond le Dim 2 Mai 2010 - 19:06, édité 2 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à Côté d'une Image sans Tableau

Message par Anzu le Dim 2 Mai 2010 - 19:00

Hey Final Blond ,

Pourquoi pas, je pense que Noizette choisira ce qu'il lui convient Razz

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à Côté d'une Image sans Tableau

Message par *Henry* le Dim 2 Mai 2010 - 23:01

Bonsoir.
Je utilise ce Syntaxe en permanence, sans problème.
À mon avis la Fille fait un Erreur qq part.

*Henry*
+ Hyperactif +

Masculin
Messages : 2418
Inscrit(e) le : 11/04/2008

http://ww0.topp-henry.com
*Henry* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à Côté d'une Image sans Tableau

Message par vpeybernes le Dim 2 Mai 2010 - 23:44

Elle ne fait pas d'erreur. Cette syntaxe configure l'alignement de l'image et non pas don mode d'inclusion au document. Si ça marche pour toi, c'est que le float doit par ailleurs être configuré chez toi.

La solution Azumani créera 2 colonnes.
Celle de Final Blond va positionner le texte à droite de l'image, si celui si arrive en bas de l'image, la suite continua au dessous, et non en colonne.

A toi de choisir ce qui convient à ta mise en page.

float : left marche aussi et place le texte à gauche. L'image devant toujours être inséré avant ton texte. Dans ce cas je conseil de justifier le texte, pour avoir un bon alignement.

vpeybernes
*****

Masculin
Messages : 646
Inscrit(e) le : 24/03/2010

http://zonescript.forumactif.fr
vpeybernes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à Côté d'une Image sans Tableau

Message par Anzu le Dim 2 Mai 2010 - 23:46

Henry => Votre code est juste en effet, c'est ce que je fais d'habitude aussi >-<. Noizette a surement fait une erreur en le recopiant ou en rajoutant des éléments à l'intérieur.

Final => C'est ironique ? XD

vpeybernes => Fallait que tu viennes mettre ton grin de sel dans ce post aussi Wink

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à Côté d'une Image sans Tableau

Message par vpeybernes le Dim 2 Mai 2010 - 23:54

Les 2 méthodes ont des effet assez différant que l'on ne perçois pas quand on teste avec peut de texte.
La précision sur ces effet ne me paressait par inutile. Very Happy

vpeybernes
*****

Masculin
Messages : 646
Inscrit(e) le : 24/03/2010

http://zonescript.forumactif.fr
vpeybernes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à Côté d'une Image sans Tableau

Message par *Henry* le Lun 3 Mai 2010 - 7:29

Ré-bonjour.

Si vous voulez me ré-apprendre mon Métier on peut bien faire d'essais. Wink
Quand même avant de crier haut et fort je vous invite de vérifier vos propos à l'aide des règles HTML.
html 3.2 | xhtml 1.0 a écrit:Exemple:


<h1><img src="texte.gif" width="311" height="194" align="left" vspace="10" hspace="20" alt="Texte?">Un texte</h1>

Certains textes ne se révèlent qu'à la distance nécessaire.
<!-- etc. -->
Mais ceci est le vrai texte. et il passe même il est vrai à côté du graphique.<br clear="all"></p>

Explication:

Avec align="left" vous alignez un graphique à gauche. Le texte noté à la suite passe à sa droite.
Avec align="right" vous pouvez aligner le graphique à droite. Le texte noté à la suite passe à sa gauche.
On parle ici seulement pour simplifier de "texte noté à la suite". Il peut s'agir d'éléments de votre choix, donc par exemple également d'autres graphiques de tableaux de références multimédia etc.

Pour créer un espace entre le graphique et le flux de texte, les attributs hspace= et vspace= sont disponibles.
Avec hspace= [pixels] vous déterminez l'espace entre un graphique et d'autres éléments à sa gauche ou à sa droite (hspace = horizontal space = espace horizontal).
Avec vspace= [Pixel] vous déterminez l'espace entre un graphique et d'autres éléments au dessus ou en dessous (vspace = vertical space = espace vertical).
L'attribut hspace= concerne toujours l'espace à gauche et à droite du graphique, vspace= toujours l'espace en haut et en bas du graphique. Quand par exemple vous définissez pour un graphique aligné à gauche l'attribut hspace=, il n'y a pas qu'à droite du graphique que l'espace sera créé mais également à gauche par rapport au bord de la fenêtre d'affichage. Pour éviter cela, vous pouvez travailler avec plus de précision en utilisant les vers le bas feuilles de style CSS.
Vous pouvez noter les deux attributs mais aussi seulement l'un d'entre eux.

Pour interrompre le flux de texte automatique et forcer sa poursuite sous le graphique, vous pouvez noter un Autre page d'information passage à la ligne avec l'attribut clear=.
Avec <br clear="all"> vous obtenez que le flux de texte soit poursuivi dans tous les cas dès la ligne suivante, sous le graphique.
Avec <br clear="left"> vous obtenez que le flux de texte soit poursuivi dès la ligne suivante, sous un graphique aligné à gauche.
Mit <br clear="right"> vous obtenez que le flux de texte soit poursuivi dès la ligne suivante, sous un graphique aligné à droite.
Source:
http://fr.selfhtml.org/html/graphiques/aligner.htm

Cordialement
Henry

*Henry*
+ Hyperactif +

Masculin
Messages : 2418
Inscrit(e) le : 11/04/2008

http://ww0.topp-henry.com
*Henry* a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Texte à Côté d'une Image sans Tableau

Message par N0izette13 le Ven 7 Mai 2010 - 21:10

Bonjour :')

Cela m'Étonnerait que J'ai fais une Erreur pour le Code puisque je l'ai Copié/Collé xD Bon m'Enfin tout cela pour Dire que le Code d'Anzumi Fonctionne à la Perfection :'D

Merci à vous Tous :'P

N0izette13~

N0izette13
****

Féminin
Messages : 335
Inscrit(e) le : 08/03/2008

http://ryuuku-gakuen.forumactif.com/
N0izette13 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum