Sujets similaires

Sujet: Impossible de placer mon texte a droite de l'image Sam 22 Jan 2011, 10:28

Bonjour

voila mon souci.

Je viens de créer des catégories avec les balises "FIELDSET" et "LEGEND" et d'autres choses,j'y ai inséré une image et un texte et le problème c'est que je n'arrive pas a placer celui ci a droite de l'image j'ai bien essayé de mettre un margin left et autre balise mais rien a faire le texte ne bouge pas.

J'aimerais avoir l'avis d'un codeur et lui envoyer mon code par MP ci cela ne dérange pas bien sur.

Sur ce,je vous souhaite une bonne fin de journée.

Est-ce que ça serait possible d'avoir un petit aperçu de ce que tu as et de ce que tu veux ? (:

Le présent sujet a été verrouillé pour la raison suivante: Cette demande d'aide ne comporte pas de base(s) ou de code, ceci est considéré comme une commande ou une demande de tutoriel. Bravo !

Bonjour,

Cette demande n'est plus considérée comme une demande de code et retrouve sa place dans l'Aide CSS/xHTML.

Toutefois, il nous manque certains détails essentiels: idéalement une capture d'écran du problème ainsi que le code de tes catégories (en balise [ hide] et [ /hide] pour plus de discrétion).

Merci

Bonsoir

Avant tout je tiens a vous remercier d'avoir considéré mon sujet en tant que demande d'aide et non pas en tant que commande.

Mon problème est que je n'arrive pas a décaler mon texte pour qu'il soit a droite de l'image j'ai bien essayé de placer un text align left mais cela ne fonctionne pas.
Je vous joins donc ci dessous une capture d'écran et mon code entre les balises hide que je ne connaissais pas.

Spoiler:

et le petit css qui va avec

En vous remerciant par avance

Bonjour (:
Votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci de cocher l'icône Impossible de placer mon texte a droite de l'image Resolu

Impossible de placer mon texte a droite de l'image Resolu

en éditant votre premier message (:

Mon problème est toujours d'actualité.

Bonjour, j'ai remarqué dans ton code que l'une de tes balises div n'est pas fermée, il y a 3ouvertures pour 2 fermetures, je me demande justement si ton soucis ne pourrais pas venir de la car une balise non fermée peut faire des ravages sur un code. Tu pourrais essayer comme cela déjà s'il te plait =)

J'ai fait plein de corrections. Il y avait par exemple 6 balises HTML que l'on pouvait réduire en une seule avec du CSS.

Enfin, bref, essaye comme ceci :

Code:: <div class="gradualfader">
<fieldset style="border:#40411E 3px solid; width: 650px; background: #220000; -moz-border-radius: 10px;">
<legend><font style="font-family:'Comic Sans MS', cursive; font-size: 13px; color :#ADCF4F; font-weight:bold; font-style:italic;">bla bla bla</font></legend>
<div class="mom">
<div style="width: 600px; height: 50px; background: #220000 url('http://img707.imageshack.us/img707/5258/polkiu.jpg') no-repeat; -moz-border-radius: 10px; webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 20px #fff; -webkit-box-shadow: 0px 0px 20px ; #fff; border: 1px solid #000">
<a href="http://testouille.forumotion.com/f4-po?tt=1"><font style="font-family: 'Comic Sans MS', cursive; font-size:12px; color: #CCCCCC;">bla bla</font></a>
</div></div>
</fieldset>
</div>

Bonsoir

Merci a vous deux et effectivement mon code est beaucoup plus propre comme cela.

Mais je cherche toujours a placer mon texte a droite de mon image avec une marge.

Le seul moyen de dégager le texte de sur l'image c'est de placer un "center" mais bon se n'est pas ce que je recherche.

Alors essaye ceci :

Code:: <div class="gradualfader">
<fieldset style="border:#40411E 3px solid; width: 650px; background: #220000; -moz-border-radius: 10px; text-align:right !important;">
<legend><font style="font-family:'Comic Sans MS', cursive; font-size: 13px; color :#ADCF4F; font-weight:bold; font-style:italic;">bla bla bla</font></legend>
<div class="mom">
<div style="width: 600px; height: 50px; background: #220000 url('http://img707.imageshack.us/img707/5258/polkiu.jpg') no-repeat; -moz-border-radius: 10px; webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 20px #fff; -webkit-box-shadow: 0px 0px 20px ; #fff; border: 1px solid #000000; padding:10px !important;">
<a href="http://testouille.forumotion.com/f4-po?tt=1"><font style="font-family: 'Comic Sans MS', cursive; font-size:12px; color: #CCCCCC;">bla bla</font></a>
</div></div>
</fieldset>
</div>

Et non le text-align:right me colle le texte complètement a droite et le padding que vous avez rajouté n'a rien a voir avec le texte il est fait pour élargir la cellule.

Enfin celui qui trouvera la solution je lui paye une caisse de champagne :idea:

Code:: <div class="gradualfader">
<fieldset style="border:#40411E 3px solid; width: 650px; background: #220000; -moz-border-radius: 10px;">
<legend><font style="font-family:'Comic Sans MS', cursive; font-size: 13px; color :#ADCF4F; font-weight:bold; font-style:italic;">bla bla bla</font></legend>
<div class="mom">
<div style="width: 600px; height: 50px; background: #220000 url('http://img707.imageshack.us/img707/5258/polkiu.jpg') no-repeat; -moz-border-radius: 10px; webkit-border-radius: 10px; -moz-box-shadow: 0px 0px 20px #fff; -webkit-box-shadow: 0px 0px 20px ; #fff; border: 1px solid #000000; margin:10px !important;">
<a href="http://testouille.forumotion.com/f4-po?tt=1"><font style="font-family: 'Comic Sans MS', cursive; font-size:12px; color: #CCCCCC; margin-left:150px;">bla bla</font></a>
</div></div>
</fieldset>
</div>

Essaye avec ça, joue sur le "margin-left" du "style" de ton "font", la il est placé à droite de l'image

Edit : le "margin:10px !important;" dans le div ou il y a l'image sert juste à élargir un peu la marge entre l'image et la cellule, libre à toi de le laisser ou non

Bon et bien merci c'est génial le margin-left pour le texte fonctionne très bien par contre il a fallu que je modifie le margin que vous aviez placé plus haut dans le code il me fesait une marge sur les 4 côtés donc j'ai rajouté left pour pouvoir centrer la cellule maintenant c'est nikel.

A oui j'oubliais pour la caisse de champagne,en venant sur le chemin j'ai trébuché et la caisse est tombée je suis désolé Bravo !

Un petit aperçu

Spoiler:

Encore merci a vous deux et bonne soirée

Hello Tupac =D
Si le problème est résolu, merci de cocher l'icône Impossible de placer mon texte a droite de l'image Resolu

en éditant ton premier post.
Merci d'avance =D

Impossible de placer mon texte a droite de l'image

Impossible de placer mon texte a droite de l'image

Sujets similaires

Sujets similaires

Partenaires Or