Sujets similaires

Voilà le codage que j'ai présentement

Thème du Rp

titre du rp

BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA

Code:: <div style="width: 90%; heigt: 160%; border: 4px dotted salmon;">
<p style="font-weight:normal;color:#000000;background-color:#FFFFFF;letter-spacing:4pt;word-spacing:2pt;font-size:13px;text-align:right;font-family:comic sans, comic sans ms, cursive, verdana, arial, sans-serif;line-height:0;">Thème du Rp</p>
[list][table][tr][td]<div style="border: 1px solid salmon; padding: 0px; width: 100px; height:100px; -moz-border-radius: 30px; -webkit-border-radius: 30px;background-image: url(Lien du vava);"></div>[/td][td]<div style="border: 1px solid salmon; padding: 0px; width: 100px; height:100px; -moz-border-radius: 30px; -webkit-border-radius: 30px;background-image: url(Lien du vava);"></div>[/td][td][/list][/td][/tr][/table]<p style="font-weight:normal;text-transform:uppercase;letter-spacing:0pt;word-spacing:2pt;font-size:25px;text-align:center;font-family:comic sans, comic sans ms, cursive, verdana, arial, sans-serif;">titre du rp</p><p style="font-weight:normal;letter-spacing:4pt;word-spacing:2pt;font-size:10px;text-align:justify;font-family:comic sans, comic sans ms, cursive, verdana, arial, sans-serif; margin-right:20px;">BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA </p>
</div>

Voici maintenant mon problème. Premièrement, j'aimerais que les carré pour mettre les icones soit à la même hauteur que le thème du Rp. Ensuite, j'aimerais que les carrés soit complètement à gauche et que le thème reste complètement à droite comme il est en ce moment.

Deuxièmement, je n'arrive pas à faire «floater» une image.
Voici l'image: https://nsa29.casimages.com/img/2012/06/08//120608042058481500.gif
J'aimerais qu'elle float à la fin des Bla bla bla, en bas complètement à droite. Je veux que l'image reste dans la bordure, mais que, peux importe comment les blablabla seront grand, cette image sera toujours en bas à droite complètement et que l'écriture «frole» l'image à gauche.

Ça serait vraiment gentil de m'aidier s'il vous plaît.

Merci beaucoup à l'avance.

Hellow.

Concernant le premier point, pour arriver à ce que tu veux, il faut faire flotter justement les dits carrés à gauche de "Thème du RP". Le mix table/list que tu as fait, en plus d'être un peu bizarre, est totalement inutile. Smile

D'ailleurs, il y a une erreur dans l'ordre de fermeture des balises :

Code:: [list][table][tr][td]DIV1[/td][td]DIV2[/td][td][/list][/td][/tr][/table]

=> Tu commences par LIST, puis le ferme dans un TD vide.
L'erreur est à l'origine de l'espacement à gauche sur tout le code. En tout cas, sur Firefox, le navigateur a "corrigé" pour fermer la balise à la fin du code. Du coup, en enlevant tout le BBcode, il faudra que tu fasses des ajustements dans tes paddings et margins. Smile

Bref. Pour aller mettre tes "ava" à gauche, il suffit donc de :
- enlever toutes les balises BBcode
- déplacer les deux divs avant le "Thème du RP"
- ajouter un "float:left;" dans le style des deux divs.

Pour le deuxième problème, la seule solution que je peux te proposer ne permet pas au texte d'entourer l'image (continuer sur la gauche quoi). Ca arrange juste le "je veux qu'elle reste dans la bordure". Ca consiste simplement à ajouter une div après l'image qui va "déclarer" la fin du float.

Code:: <img src="http://nsa29.casimages.com/img/2012/06/08//120608042058481500.gif" style="float:right;" /><div class="clear"></div>

Pour info, la class "clear" existe par défaut dans le CSS de FA, et contient la propriété "clear:both". Smile

A part ça, ça fait beaucoup de CSS dans le HTML ! Il ne serait pas plus simple de spécifier des class et de mettre tout le CSS dans le panneau d'administration ? En plus, si ce code est destiné à être réutilisé par plein de gens, ça éviterait sans doute des erreurs. Smile

Par exemple, tes deux cadres "vava" ont exactement le même style. Les flanquer d'une class commune et tout mettre dans le CSS, ça ferait plus propre. Wink

Tu passerais de ça :

Code:: <div style="float:left;border: 1px solid salmon; padding: 0px; width: 100px; height:100px; -moz-border-radius: 30px; -webkit-border-radius: 30px;background-image: url(Lien du vava);"></div><div style="float:left;border: 1px solid salmon; padding: 0px; width: 100px; height:100px; -moz-border-radius: 30px; -webkit-border-radius: 30px;background-image: url(Lien du vava);"></div>

A ça dans ton post :

Code:: <div class="ava"></div><div class="ava"></div>

Et ça dans le CSS :

Code:: .ava {
float:left;
border: 1px solid salmon;
padding: 0;
width: 100px;
height:100px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
background-image: url(Lien du vava);
}

Au pire, si le "background-image" est voulu pour être modifié par tout le monde, tu peux le laisser dans le HTML :

Code:: <div class="ava" style="background-image: url(Lien du vava);"></div><div class="ava" style="background-image: url(Lien du vava);"></div>

A noter que dans ce cas, les balises IMG seraient plus appropriées que des DIV. Smile

Edit: J'espère que je ne t'ai pas totalement perdue. @_@ Enfin, tu me dis. x)

Oui je suis complètement perdue pour la fin XD Et encore pour l'image, elle est à gauche °°

Et il y a vraiment pas un moyen de l'écriture continue sur le côté ?? Parce que là ça vraiment l'air étrange °°

Thème du Rp

titre du rp

BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA

Hello Kira D. Ayusawa !
Je viens aux nouvelles : ton problème est-il toujours d'actualité ?
Je vois qu'il n'y a pas eu de réponse depuis ta dernière question ; je le remonte donc au cas où ^^
Merci d'avance de ta réponse Problème de disposition. 926145

Non c'est bon tout est ok Merci Very Happy

Hello (:
Si tout est ok, je peux déplace (:
Merci de ta réponse Problème de disposition. 926145

Problème de disposition.

Problème de disposition.

Sujets similaires

Sujets similaires

Partenaires Or