Petit soucis avec un codes

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

Résolu Petit soucis avec un codes

Message par EileenSama le Ven 17 Aoû 2012 - 14:12

Bonjour,

Etant encore débutante dans le domaine du Codage, j'ai encore quelques difficulté à régler certain soucis certainement anodin, mais qui tourne véritablement au cauchemar pour moi. Je m'explique : J'ai été nommé Graphiste sur le forum de ma guilde ( à mon grand regret xD ) et j'essais de donner le meilleur de moi même à fin de leur fournir le forum le plus jolie possible sans passer de commande graphique où quoi que ce soit. J'ai donc voulut rendre tout cela plus jolie avec un petit Codage sur l'index du forum. Cependant les deux codes se place l'un en dessous de l'autre plutot que l'un à coté de l'autre... J'ai fais un petit schéma sur Paint rapidement pour mieux expliquer.

Spoiler:

Voici le code que j'ai fait ce matin : Comme vous pouvez le voir, c'est assez... bordélique...
Code:
<div align="left"><br><div style="background-color:#c4efff; "><td valign="top" nowrap="nowrap" class="post-options">      </td></tr><tr><td colspan="2" class="hr"><hr /></td></tr><tr><td colspan="2"><div class="postbody"><div><blockquote><table width="100%"><tr><td><div style="width:320px;border:2px solid #b1d8e7; box-shadow: 1px 1px 1px gray; background-color:#e9f0f5; border-radius:30px;padding:10px;"><div style="background-image: url('http://img15.hostingpics.net/pics/340648index.png'); height:20px;padding-top:5px;text-align:center;color:white;font-weight: bold;text-shadow: 0px 1px 1px gray;" class="thHead">Membres Du Staff</div><br /><center><img src="http://img15.hostingpics.net/pics/808468khgf.png"> <img src="http://img15.hostingpics.net/pics/204320lghv.png"> <img src="http://img15.hostingpics.net/pics/153773hjf.png"><br /><div style="font-weight:bold;color:#1D9B9B;padding-top:5px;"><class="mainmenu"><span style="font-size: 14px; line-height: normal"> µ-Ichigo-µ | *Misaki* | Nazareth* </span></class></div></font>.</span></blockquote><br/><br /></table></div></blockquote><br /><br /></div><div align="right"><br><div style="background-color:#c4efff; "><td valign="top" nowrap="nowrap" class="post-options">      </td></tr><tr><td colspan="2" class="hr"><hr /></td></tr><tr><td colspan="2"><div class="postbody"><div><blockquote><table width="100%"><tr><td><div style="width:320px;border:2px solid #b1d8e7; box-shadow: 1px 1px 1px gray; background-color:#e9f0f5; border-radius:30px;padding:10px;"><div style="background-image: url('http://img15.hostingpics.net/pics/340648index.png'); height:20px;padding-top:5px;text-align:center;color:white;font-weight: bold;text-shadow: 0px 1px 1px gray;" class="thHead">Etat du recrutement</div><br /><center><img src="http://img15.hostingpics.net/pics/603668recru.png"><br /><div style="font-weight:bold;color:#1D9B9B;padding-top:5px;"><class="mainmenu"><span style="font-size: 14px; line-height: normal"> Toutes Classes demandé ! je vous invite à visiter ce lien avant de poster votre candidature <a href="http://nos-vocaloid.forumactif.com/t1-modele-de-cantidature" class="postlink" target="_blank" rel="nofollow"> ICI</a> </span></class></div></font>.</span></blockquote><br/><br /></table></div></blockquote><br /><br /></div>

Merci d'avance à toute les personnes qui viendront m'aider !


Dernière édition par EileenSama le Sam 18 Aoû 2012 - 22:49, édité 1 fois

EileenSama
Nouveau membre

Messages : 4
Inscrit(e) le : 17/08/2012

http://forumtestevocaloid.forumgratuit.fr/
EileenSama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit soucis avec un codes

Message par kinesooyoung le Ven 17 Aoû 2012 - 14:34

Bonjour ^^

A mon avis c'est une simple histoire de saut de ligne. Il faut certainement supprimer un <br/> qui se trouve entre les deux cases Smile


kinesooyoung
Nouveau membre

Féminin
Messages : 23
Inscrit(e) le : 14/08/2012

http://roseburg.lebonforum.com/
kinesooyoung a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit soucis avec un codes

Message par EileenSama le Ven 17 Aoû 2012 - 21:11

Bonsoir, et merci de m'avoir répondu :3 !

Cependant, j'ai supprimer toute les balise <br> du code, et je me retrouve toujours avec mes deux " Bloc " l'un au dessus de l'autre... je ne comprend vraiment pas xD

Merci d'avance :3

EileenSama
Nouveau membre

Messages : 4
Inscrit(e) le : 17/08/2012

http://forumtestevocaloid.forumgratuit.fr/
EileenSama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit soucis avec un codes

Message par Freyja des Terres de Wyrd le Sam 18 Aoû 2012 - 1:26

bonjour o/

Essayez ceci Smile J'ai modifié la taille des tables à 50 % ^^
Code:
<div align="left"><br><div style="background-color:#c4efff; "><td valign="top" nowrap="nowrap" class="post-options">      </td></tr><tr><td colspan="2" class="hr"><hr /></td></tr><tr><td colspan="2"><div class="postbody"><div><blockquote><table width="50%"><tr><td><div style="width:320px;border:2px solid #b1d8e7; box-shadow: 1px 1px 1px gray; background-color:#e9f0f5; border-radius:30px;padding:10px;"><div style="background-image: url('http://img15.hostingpics.net/pics/340648index.png'); height:20px;padding-top:5px;text-align:center;color:white;font-weight: bold;text-shadow: 0px 1px 1px gray;" class="thHead">Membres Du Staff</div><br /><center><img src="http://img15.hostingpics.net/pics/808468khgf.png"> <img src="http://img15.hostingpics.net/pics/204320lghv.png"> <img src="http://img15.hostingpics.net/pics/153773hjf.png"><br /><div style="font-weight:bold;color:#1D9B9B;padding-top:5px;"><class="mainmenu"><span style="font-size: 14px; line-height: normal"> µ-Ichigo-µ | *Misaki* | Nazareth* </span></class></div></font>.</span></blockquote><br/><br /></table></div></blockquote><br /><br /></div><div align="right"><br><div style="background-color:#c4efff; "><td valign="top" nowrap="nowrap" class="post-options">      </td></tr><tr><td colspan="2" class="hr"><hr /></td></tr><tr><td colspan="2"><div class="postbody"><div><blockquote><table width="50%"><tr><td><div style="width:320px;border:2px solid #b1d8e7; box-shadow: 1px 1px 1px gray; background-color:#e9f0f5; border-radius:30px;padding:10px;"><div style="background-image: url('http://img15.hostingpics.net/pics/340648index.png'); height:20px;padding-top:5px;text-align:center;color:white;font-weight: bold;text-shadow: 0px 1px 1px gray;" class="thHead">Etat du recrutement</div><br /><center><img src="http://img15.hostingpics.net/pics/603668recru.png"><br /><div style="font-weight:bold;color:#1D9B9B;padding-top:5px;"><class="mainmenu"><span style="font-size: 14px; line-height: normal"> Toutes Classes demandé ! je vous invite à visiter ce lien avant de poster votre candidature <a href="http://nos-vocaloid.forumactif.com/t1-modele-de-cantidature" class="postlink" target="_blank" rel="nofollow"> ICI</a> </span></class></div></font>.</span></blockquote><br/><br /></table></div></blockquote><br /><br /></div>

Freyja des Terres de Wyrd
****

Féminin
Messages : 217
Inscrit(e) le : 23/04/2012

http://terres-de-wyrd.forumsgratuits.com
Freyja des Terres de Wyrd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit soucis avec un codes

Message par EileenSama le Sam 18 Aoû 2012 - 11:24

Bonjour ! Et merci à vous de m'avoir aidé :3

Mais ça ne marche toujours pas T-T, je crois que je vais laisser tombé le code, c'est vraiment pas pour moi on dirais ;__; J'ai même tenté de mettre le forum au plus large possible pour voir et rien à faire...J'obtiens toujours ceci ( et en plus j'ai une drôle de barre blanche mais ce n'est pas le problème x] )

Spoiler:

EileenSama
Nouveau membre

Messages : 4
Inscrit(e) le : 17/08/2012

http://forumtestevocaloid.forumgratuit.fr/
EileenSama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit soucis avec un codes

Message par Freyja des Terres de Wyrd le Sam 18 Aoû 2012 - 14:19

Bonjour,

C'est dommage quand même =) Vous voulez pas me laissez une seconde chance ? Very Happy
J'ai relu intégralement votre code et ai trouvé quelques erreurs ; je ne suis pas une pro du HTML mais ça m'a l'air bon ! (enfin espérons XD)
Code:
<table width="100%" style="background-color:#c4efff;">
<tbody>
<tr>
<td width="50%">
<div class="postbody">
<blockquote>
<div style="width:320px;border:2px solid #b1d8e7; box-shadow: 1px 1px 1px gray; background-color:#e9f0f5; border-radius:30px;padding:10px;">
<div style="background-image: url('http://img15.hostingpics.net/pics/340648index.png'); height:20px;padding-top:5px;text-align:center;color:white;font-weight: bold;text-shadow: 0px 1px 1px gray;" class="thHead">Membres Du Staff</div>
<br />
<center>
<img src="http://img15.hostingpics.net/pics/808468khgf.png">
<img src="http://img15.hostingpics.net/pics/204320lghv.png">
<img src="http://img15.hostingpics.net/pics/153773hjf.png">
<br />
<div style="font-weight:bold;color:#1D9B9B;padding-top:5px;">
<class="mainmenu">
<span style="font-size: 14px; line-height: normal"> µ-Ichigo-µ | *Misaki* | Nazareth*
</class></div>.</span></blockquote>
<br/><br />
</div></blockquote>
<br /><br />
</div>
</td>

<td width="50%">
<div class="postbody">
<blockquote>
<div style="width:320px;border:2px solid #b1d8e7; box-shadow: 1px 1px 1px gray; background-color:#e9f0f5; border-radius:30px;padding:10px;">
<div style="background-image: url('http://img15.hostingpics.net/pics/340648index.png'); height:20px;padding-top:5px;text-align:center;color:white;font-weight: bold;text-shadow: 0px 1px 1px gray;" class="thHead">Etat du recrutement</div>
<br />
<center>
<img src="http://img15.hostingpics.net/pics/603668recru.png">
<br />
<div style="font-weight:bold;color:#1D9B9B;padding-top:5px;"><class="mainmenu">
<span style="font-size: 14px; line-height: normal"> Toutes Classes demandé ! je vous invite à visiter ce lien avant de poster votre candidature <a href="http://nos-vocaloid.forumactif.com/t1-modele-de-cantidature" class="postlink" target="_blank" rel="nofollow"> ICI</a>
</class></div>.</span></blockquote>
<br/><br />
</td>
</tr>
</tbody>
</table>

Freyja des Terres de Wyrd
****

Féminin
Messages : 217
Inscrit(e) le : 23/04/2012

http://terres-de-wyrd.forumsgratuits.com
Freyja des Terres de Wyrd a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit soucis avec un codes

Message par EileenSama le Sam 18 Aoû 2012 - 22:49

Aaaaaah ça marche ! xD
Merci beaucoup à vous de m'avoir corrigé ! J'ai relut et comparé les deux codes, j'ai put voir où étaient mes erreurs xD !ça marche impecable, merci vraiment :3 !

EileenSama
Nouveau membre

Messages : 4
Inscrit(e) le : 17/08/2012

http://forumtestevocaloid.forumgratuit.fr/
EileenSama 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