Sujet Précédent Sujet Suivant

Problème de mise en page en html

Résolu/Fermé
vins94 Messages postés 57 Date d'inscription jeudi 18 juin 2009 Statut Membre Dernière intervention 6 mai 2011 - 20 juin 2009 à 22:02
vins94 Messages postés 57 Date d'inscription jeudi 18 juin 2009 Statut Membre Dernière intervention 6 mai 2011 - 22 juin 2009 à 20:52
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 dimanche 20 mai 2007 Statut Membre Dernière intervention 3 novembre 2009 37
20 juin 2009 à 23:38
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 jeudi 18 juin 2009 Statut Membre Dernière intervention 6 mai 2011 20
21 juin 2009 à 11:13
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 dimanche 20 mai 2007 Statut Membre Dernière intervention 3 novembre 2009 37
21 juin 2009 à 12:46
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 jeudi 18 juin 2009 Statut Membre Dernière intervention 6 mai 2011 20
21 juin 2009 à 17:24
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 dimanche 20 mai 2007 Statut Membre Dernière intervention 3 novembre 2009 37
22 juin 2009 à 08:31
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 jeudi 18 juin 2009 Statut Membre Dernière intervention 6 mai 2011 20
21 juin 2009 à 17:27
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 jeudi 18 juin 2009 Statut Membre Dernière intervention 6 mai 2011 20
22 juin 2009 à 09:03
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 dimanche 20 mai 2007 Statut Membre Dernière intervention 3 novembre 2009 37
22 juin 2009 à 10:19
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 jeudi 18 juin 2009 Statut Membre Dernière intervention 6 mai 2011 20
22 juin 2009 à 19:55
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 jeudi 18 juin 2009 Statut Membre Dernière intervention 6 mai 2011 20
22 juin 2009 à 20:52
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