Posez votre question Format imprimable Liste des forums Aidez-les Statistiques Rechercher Charte Forum Programmation

Problème de mise en page en html

Dernière réponse le 22 jun 2009 à 20:52:29 vins94, le 20 jun 2009 à 22:02:53

Signaler ce message aux modérateurs

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 texte j'ai essayer ca fais des paragraphes je veux pas je prefere les . 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 : Ouvert 
Dps : Ouvert 
<img src="img_recruit/warrior_small.gif" width="20" height="18"> Guerrier Tank : Ouvert 
 
<img src="img_recruit/priest_small.gif" width="20" height="18"> Prêtre Heal : Ouvert 
Dps : Ouvert 
<img src="img_recruit/paladin_small.gif" width="20" height="18"> Paladin Tank : Ouvert 
Heal : Ouvert 
Dps : Ouvert 
<img src="img_recruit/shaman_small.gif" width="20" height="18"> Chaman Heal : Ouvert 
Dps : Ouvert 
<img src="img_recruit/druid_small.gif" width="20" height="18"> Druide Tank : Ouvert 
Heal : Ouvert 
Dps : Ouvert 
<img src="img_recruit/hunte_small.gif" width="20" height="18"> Chasseur : Ouvert 
 
<img src="img_recruit/warlock_small.gif" width="20" height="18">
Démoniste : Ouvert 
 
<img src="img_recruit/rogue_small.gif" width="20" height="18"> Voleur : Ouvert 
 
<img src="img_recruit/mage_small.gif" width="20" height="18"> Mage : Ouvert

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

Configuration: Windows XP
Firefox 3.0.11

Meilleures réponses pour « Problème de mise en page en html » dans :

Ouvrir une page HTML en pop-up Voir

On peut cacher le code source d'une page HTML Voir Mythe: On peut cacher le code source d'une page HTML. Réalité: FAUX. Explications: Pour pouvoir afficher une page web (HTML), le navigateur doit - à un moment où un autre - avoir le code HTML en clair. Il y a donc toujours moyen de le...

Mettre mp3 page.html avec mediaplayer et lire (Résolu) Voir

Affichage date dans page html (Résolu) Voir

Image en arrière plan sur une page html (Résolu) Voir

Envoyer une page html par mail Voir

Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...

Structure d'un document HTML VoirNotion de document HTML Une page HTML est un simple fichier contenant du texte formatté avec des balises HTML. Par convention l'extension donnée au fichier est .htm ou .html, mais une page web peut potentiellement porter n'importe quelle...

Bon alors peut etre que ca va faire grincer des dents certains, mais tu Lire la suite

Posez votre question Répondre

Alkaaran, le 20 jun 2009 à 23:38:08

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>

Répondre à Alkaaran

vins94, le 21 jun 2009 à 11:13:18

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 =)

Répondre à vins94

Alkaaran, le 21 jun 2009 à 12:46:49

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 ?

Répondre à Alkaaran

vins94, le 21 jun 2009 à 17:24:21

Re =) merci de m'avoir répondu, désolé de ma réponse tardive. Alors voila le screen de ce que je vois
http://img4.imageshack.us/i/problemehtml.png/
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 ?

Répondre à vins94

Alkaaran, le 22 jun 2009 à 08:31:25

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>

Répondre à Alkaaran

vins94, le 21 jun 2009 à 17:27:05

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

Répondre à vins94

vins94, le 22 jun 2009 à 09:03:25

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. Toujours prêt à aider.

Répondre à vins94

Alkaaran, le 22 jun 2009 à 10:19:33

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 :)

Répondre à Alkaaran

vins94, le 22 jun 2009 à 19:55:32

Oki je te fais ça =) En tout cas je commençais le html et ton tableau va bien m'aider. Toujours prêt à aider.

Répondre à vins94

vins94, le 22 jun 2009 à 20:52:29

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.
http://img231.imageshack.us/i/blockrecrutementhtml.jpg/

Répondre à vins94

Posez votre question Répondre