Problème de mise en page en html

Résolu
vins94 Messages postés 57 Date d'inscription   Statut Membre Dernière intervention   -  
vins94 Messages postés 57 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
J'ai voulu créé un block en html sur mon site qui utilise nuked klan, et je me suis retrouvé confronté a un petit souci. Pour comprendre mieux quel est mon problème aller sur mon site et regarder le block recrutement juste a droite. http://hordeknights.teamfr.com . Comme vous le voyez, rien n'est à sa place. J'aimerais mettre les ouvert tout a droite et faire en sorte que les heals, tank et dps soit aligné.
Exemple :
Dead knight Tank : Ouvert
Dps : Ouvert

Guerrier Tank : Ouvert

Prêtre Heal : Ouvert
Dps : Ouvert

Paladin Tank : Ouvert
Heal : Ouvert
Dps : Ouvert

Chaman Heal : Ouvert
Dps : Ouvert

Druide Tank : Ouvert
Heal : Ouvert
Dps : Ouvert

Chasseur : Ouvert

Démoniste : Ouvert

Voleur : Ouvert

Mage : Ouvert

Voila comment j'aimerais que ça soit. Certains m'aurait peut être dit met des espace avec  
J'ai essayé, mais d'un pc à l'autre je voyais pas la même mise en page, chez moi c'etait bien, chez l'autre avec son écran 19 pouces c'était complètement décalé.
Vous me direz peut être <p align="right">texte</p> j'ai essayer ca fais des paragraphes je veux pas je prefere les <br>. Bref j'ai essayer pas mal de choses :/ si vous souhaitez essayer en faisant vous même un block avec ce que j'ai fais, ou regarder ce que j'ai fais voila les lignes :*

<img src="img_recruit/dk_small.gif" width="20" height="18"> Dead knight Tank : <font color="#009900">Ouvert</font><br>
Dps : <font color="#009900">Ouvert</font><br>
<img src="img_recruit/warrior_small.gif" width="20" height="18"> Guerrier Tank : <font color="#009900"> Ouvert</font><br>
<br>
<img src="img_recruit/priest_small.gif" width="20" height="18"> Prêtre Heal : <font color="#009900">Ouvert</font><br>
Dps : <font color="#009900">Ouvert</font><br>
<img src="img_recruit/paladin_small.gif" width="20" height="18"> Paladin Tank : <font color="#009900">Ouvert</font><br>
Heal : <font color="#009900">Ouvert</font><br>
Dps : <font color="#009900">Ouvert</font><br>
<img src="img_recruit/shaman_small.gif" width="20" height="18"> Chaman Heal : <font color="#009900">Ouvert</font><br>
Dps : <font color="#009900">Ouvert</font><br>
<img src="img_recruit/druid_small.gif" width="20" height="18"> Druide Tank : <font color="#009900">Ouvert</font><br>
Heal : <font color="#009900">Ouvert</font><br>
Dps : <font color="#009900">Ouvert</font><br>
<img src="img_recruit/hunte_small.gif" width="20" height="18"> Chasseur : <font color="#009900">Ouvert</font><br>
<br>
<img src="img_recruit/warlock_small.gif" width="20" height="18">
Démoniste : <font color="#009900">Ouvert</font><br>
<br>
<img src="img_recruit/rogue_small.gif" width="20" height="18"> Voleur : <font color="#09900">Ouvert</font><br>
<br>
<img src="img_recruit/mage_small.gif" width="20" height="18"> Mage : <font color="#009900">Ouvert</font>

Merci d'avoir lu mon problème, en espérant que vous pourrez m'aider =)
A voir également:

7 réponses

Réponse 1 / 7
Alkaaran Messages postés 285 Date d'inscription   Statut Membre Dernière intervention   37
 
Bon alors peut etre que ca va faire grincer des dents certains, mais tu as grand besoin d'un tableau pour ta mise en forme :)

Je suis généreux ce soir ! Je te le donne tout fait ^^ 


<table>
<tr>
	<td><img height="18" width="20" src="img_recruit/dk_small.gif"/>Dead knight</td>
	<td>Tank :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td></td>
	<td>Dps   :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td><img height="18" width="20" src="img_recruit/warrior_small.gif"/>Guerrier</td>
	<td>Tank :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td><img height="18" width="20" src="img_recruit/priest_small.gif"/>Prêtre</td>
	<td>Heal :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td></td>
	<td>Dps  :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td><img height="18" width="20" src="img_recruit/paladin_small.gif"/>Paladin</td>
	<td>Tank :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td></td>
	<td>Heal :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td></td>
	<td>Dps :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td><img height="18" width="20" src="img_recruit/shaman_small.gif"/>Chaman</td>
	<td>Heal :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td></td>
	<td>Dps :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td><img height="18" width="20" src="img_recruit/druid_small.gif"/>Druide</td>
	<td>Tank :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td></td>
	<td>Heal :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td></td>
	<td>Dps :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td><img height="18" width="20" src="img_recruit/hunte_small.gif"/>Chasseur</td>
	<td></td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td><img height="18" width="20" src="img_recruit/warlock_small.gif"/>Démoniste</td>
	<td></td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td><img height="18" width="20" src="img_recruit/rogue_small.gif"/>Voleur</td>
	<td></td>
	<td><font color="#099000">Ouvert</font></td>
</tr>
<tr>
	<td><img height="18" width="20" src="img_recruit/mage_small.gif"/>Mage</td>
	<td></td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
</table>
3
Réponse 2 / 7
vins94 Messages postés 57 Date d'inscription   Statut Membre Dernière intervention   20
 
Merci beaucoup alkaaran ^^, ç'est tout a fait ce que je voulais ! En plus j'avais pas vu mais la présentation que j'avais voulu faire n'a pas ete prise en compte, les espaces ont été manger un peu comme en html.
J'ai juste un petit souci, va voir sur mon site http://hordeknights.teamfr.com
C'est possible d'enlever l'espace entre les tank,dps ou heal ?
La tu as fais :
tank

dps

heal

je prefererais
tank
heal
dps

et ensuite tout est décalé tu verras tank n'es pas en face de guerrier par exemple, est t'il possible de faire quelque chose.
Merci beaucoup =)
0
Alkaaran Messages postés 285 Date d'inscription   Statut Membre Dernière intervention   37
 
Dans ton code html met un id à ton table

<table id="recrutement">

et ensuite va dans ton fichier de style css et rajoute ce code (n'importe ou mais faut que tu arrive a le retrouver si on veut le modifier) 

table#recrutment td {
vertical-align : top;
}


Voila ca c'est pour que ca soit aligné verticalement

Ensuite pour tes problèmes d'epace entre heal, dps et tank, je les vois pas :s Tu peux me faire un screen et me dire ce que tu veux que je reduise ?
0
Réponse 3 / 7
vins94 Messages postés 57 Date d'inscription   Statut Membre Dernière intervention   20
 
re =) merci de m'avoir répondu, désolé de ma réponse tardive. Alors voila le screen de ce que je vois
https://imageshack.com/
Ensuite tu me dit de rajouter <table id="recrutement"> dans mon block html, je le met bien a la place de l'ancien <table> en haut ?
Tu m'as dit "va dans ton fichier de style css et rajoute ce code", je ne sais pas ou il se trouve :s sur mon ftp ?
0
Alkaaran Messages postés 285 Date d'inscription   Statut Membre Dernière intervention   37
 
Ensuite tu me dit de rajouter <table id="recrutement"> dans mon block html, je le met bien a la place de l'ancien <table> en haut ?
Oui tu le met a la place :)

Tu m'as dit "va dans ton fichier de style css et rajoute ce code", je ne sais pas ou il se trouve :s sur mon ftp ?
En effet, dans themes/Wow_horde/style

Pour les espaces ceci devrait fonctionner avec ce code :
<table id="recrutement">
<tr>
	<td rowspan="2"><img height="18" width="20" src="img_recruit/dk_small.gif"/>Dead knight</td>
	<td>Tank :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td>Dps   :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td><img height="18" width="20" src="img_recruit/warrior_small.gif"/>Guerrier</td>
	<td>Tank :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td rowspan="2"><img height="18" width="20" src="img_recruit/priest_small.gif"/>Prêtre</td>
	<td>Heal :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td>Dps  :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td rowspan="3"><img height="18" width="20" src="img_recruit/paladin_small.gif"/>Paladin</td>
	<td>Tank :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td>Heal :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td>Dps :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td rowspan="2"><img height="18" width="20" src="img_recruit/shaman_small.gif"/>Chaman</td>
	<td>Heal :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td>Dps :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td rowspan="3"><img height="18" width="20" src="img_recruit/druid_small.gif"/>Druide</td>
	<td>Tank :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td>Heal :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td>Dps :</td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td><img height="18" width="20" src="img_recruit/hunte_small.gif"/>Chasseur</td>
	<td></td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td><img height="18" width="20" src="img_recruit/warlock_small.gif"/>Démoniste</td>
	<td></td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
<tr>
	<td><img height="18" width="20" src="img_recruit/rogue_small.gif"/>Voleur</td>
	<td></td>
	<td><font color="#099000">Ouvert</font></td>
</tr>
<tr>
	<td><img height="18" width="20" src="img_recruit/mage_small.gif"/>Mage</td>
	<td></td>
	<td><font color="#009900">Ouvert</font></td>
</tr>
</table>
0
Réponse 4 / 7
vins94 Messages postés 57 Date d'inscription   Statut Membre Dernière intervention   20
 
j'ai aussi fait un post sur une barre de progression inanimé, tu m'as l'air doué tu n'aurais pas une petite idée ?
http://www.commentcamarche.net/forum/affich 12972482 probleme barre de progression inanime?#dernier
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 7
vins94 Messages postés 57 Date d'inscription   Statut Membre Dernière intervention   20
 
Bon pour les espaces, ca me les met toujours met c'est pas grave je vais pas chipoté ^^ C'est contre toute attente mieux que ce que j'éspérais.
0
Alkaaran Messages postés 285 Date d'inscription   Statut Membre Dernière intervention   37
 
Bah en fait je comprends pas trop ce que tu veux me dire, refais un screen avec des fleches et met moi ce que tu veux que je modifie :)
0
Réponse 6 / 7
vins94 Messages postés 57 Date d'inscription   Statut Membre Dernière intervention   20
 
oki je te fais ça =) En tout cas je commençais le html et ton tableau va bien m'aider.
0
Réponse 7 / 7
vins94 Messages postés 57 Date d'inscription   Statut Membre Dernière intervention   20
 
Re alkaran, Voila ce qui me posais un petit souci juste les colonnes tank et ouvert qui sont décallé par rapport au noms des classes.
https://imageshack.com/
0