Aide pour page HTML

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

Résolu Aide pour page HTML

Message par Jiben le Dim 15 Aoû 2010 - 18:31

Bonjour je rencontre une probléme d'apprence avec un code.

Bon voici les Images :
Spoiler:

Haut page :


Milieu de page :


Bas de page :

Bon comme vous le Voyais il a un Gros Écart avec le Haut Surprised
Âpres dans les colonnes il a aussi un Gros Ecart entre le Haut et le texte.
Puis mais Colonnes ne sont pas positionner Entre les Quatres =/

Bon voici le Code :
Code:
<table class="grande">

<td class="petite"><div class="cadre_record"><table>
<tr><td class="mot">[color=orange]Mine de titane 48[/color]</td></tr>
<tr><td class="mot">[color=orange]<a class="mot">Mine de carbone 47</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot -->
<tr><td class="mot">[color=orange]<a class="mot">Extracteur de tritium 42</a>[/color]</td></tr>
<tr><td class="mot">[color=green]<a class="mot">Centrale géothermique 40</a>[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Centrale à tritium 1</a>[/color]</td></tr>
<tr><td class="mot">[color=brown]<a class="mot">Usine de droïdes 21</a>[/color]</td></tr>
<tr><td class="mot">[color=orange]<a class="mot">Usine d'androïdes 14</a>[/color]</td></tr>
<tr><td class="mot">[color=orange]<a class="mot">Usine d'armement 21</a>[/color]</td></tr>
<tr><td class="mot">[color=orange]<a class="mot">Silo de titane 23</a>[/color]</td></tr>
<tr><td class="mot">[color=orange]<a class="mot">Silo de carbone 22</a>[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Silo de tritium 20</a>[/color]</td></tr>
<tr><td class="mot">[color=violet]<a class="mot">Centre technique 21</a>[/color]</td></tr>
<tr><td class="mot">[color=green]<a class="mot">Terraformeur 14</a>[/color]</td></tr>
<tr><td class="mot">[color=brown]<a class="mot">Hangar à missiles 15</a>[/color]</td></tr>
<tr><td class="dernier_mot">[color=orange]Convertisseur 13[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée -->
</table></div></td>


<td class="petite"><div class="cadre_record"><table>
<tr><td class="mot">[color=orange]Espionnage 20[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Quantique 21[/color]</a></td></tr><!-- Il faut rajouter cette ligne pour chaque mot -->
<tr><td class="mot">[color=cyan]<a class="mot">Alliage 25</a>[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Stratification 24</a>[/color]</td></tr>
<tr><td class="mot">[color=green]<a class="mot">Raffinerie 33</a>[/color]</td></tr>
<tr><td class="mot">[color=orange]<a class="mot">Armement 22</a>[/color]</td></tr>
<tr><td class="mot">[color=orange]<a class="mot">Bouclier 21</a>[/color]</td></tr>
<tr><td class="mot">[color=orange]<a class="mot">Blindage 21</a>[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Thermodynamique 20</a>[/color]</td></tr>
<tr><td class="mot">[color=violet]<a class="mot">Antimatière 18</a>[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Hyperdrive 20</a>[/color]</td></tr>
<tr><td class="mot">[color=green]<a class="mot">Impulsion 18</a>[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Warp 15</a>[/color]</td></tr>
<tr><td class="mot">[color=orange]<a class="mot">Smart 21</a>[/color]</td></tr>
<tr><td class="mot">[color=browm]<a class="mot">Ion 18</a>[/color]</td></tr>
<tr><td class="mot">[color=browm]<a class="mot">Aereon 16</a>[/color]</td></tr>
<tr><td class="mot">[color=orange]<a class="mot">SuperCalculateur 13</a>[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Graviton 4</a>[/color]</td></tr>
<tr><td class="dernier_mot">[color=orange]Administration 21[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée -->
</table></div></td>


<td class="petite"><div class="cadre_record">  <table>
<tr><td class="mot">[color=orange]Navette GT-50: 558 000</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Chasseur: 1 000 000</a>[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Chasseur Lance: 500 000</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot -->
<tr><td class="mot">[color=cyan]<a class="mot">Frégate d'assaut: 50 000</a>[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Destroyer: 5 000</a>[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Overlord: 0 </a>[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Forteresse Noire: 0</a>[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Hyperion: 210</a>[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Collecteur: 300 000</a>[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Sonde : 10 000</a>[/color]</td></tr>
<tr><td class="mot">[color=cyan]<a class="mot">Colonisateur: 365</a>[/color]</td></tr>
<tr><td class="dernier_mot">[color=cyan]Satellites solaire : 10 000[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée -->
</table></div></td>


<td class="petite"><div class="cadre_record"><table>
<tr><td class="mot">[color=orange]Bio Force Gun 800 000[/color]</td></tr>
<tr><td class="mot">[color=orange]<a class="mot">Smart BFG 500 000</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot -->
<tr><td class="mot">[color=orange]<a class="mot">Plate-Forme Canon 100 000</a>[/color]</td></tr>
<tr><td class="mot">[color=orange]<a class="mot">Déflecteur 70 000</a>[/color]</td></tr>
<tr><td class="mot">[color=orange]<a class="mot">Plate-Forme Ionique 110 000</a>[/color]</td></tr>
<tr><td class="mot">[color=green]<a class="mot">Aereon 148 915</a>[/color]</td></tr>
<tr><td class="mot">[color=orange]<a class="mot">Contre-mesure Electromagnétique 100</a>[/color]</td></tr>
<tr><td class="dernier_mot">[color=o]Missile EMP 25[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée -->
</table></div></td>
</table>


Hey le Css :
Code:
.grande{
  border-collapse:collapse;
}

.petite{
  vertical-align:top;
}

.cadre_record{
  border:1px solid black; /* bordures de tes colonnes */
  margin:5px /* permet de séparer tes colonnes */
}

.mot{
  border-bottom:1px dotted black; /* permet d'avoir la bordure en pointillé souhaitée */
  padding:5px; /* aère un peu la cellule */
  text-align:center; /* permet de centrer le texte */
}

.dernier_mot{
  padding:5px; /* aère un peu la cellule */
  text-align:center; /* permet de centrer le texte */
}


Merci d'avance de votre.
JIben

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour page HTML

Message par zz10 le Dim 15 Aoû 2010 - 23:34

Bonjour,

Le problème des "écarts" vient des retours chariots (retour à la ligne) dans votre code html...

Essayez ceci:

Code:
<table class="grande"><td class="petite"><div class="cadre_record"><table><tr><td class="mot">[color=orange]Mine de titane 48[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Mine de carbone 47</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=orange]<a class="mot">Extracteur de tritium 42</a>[/color]</td></tr><tr><td class="mot">[color=green]<a class="mot">Centrale géothermique 40</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Centrale à tritium 1</a>[/color]</td></tr><tr><td class="mot">[color=brown]<a class="mot">Usine de droïdes 21</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Usine d'androïdes 14</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Usine d'armement 21</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Silo de titane 23</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Silo de carbone 22</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Silo de tritium 20</a>[/color]</td></tr><tr><td class="mot">[color=violet]<a class="mot">Centre technique 21</a>[/color]</td></tr><tr><td class="mot">[color=green]<a class="mot">Terraformeur 14</a>[/color]</td></tr><tr><td class="mot">[color=brown]<a class="mot">Hangar à missiles 15</a>[/color]</td></tr><tr><td class="dernier_mot">[color=orange]Convertisseur 13[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td><td class="petite"><div class="cadre_record"><table><tr><td class="mot">[color=orange]Espionnage 20[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Quantique 21[/color]</a></td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=cyan]<a class="mot">Alliage 25</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Stratification 24</a>[/color]</td></tr><tr><td class="mot">[color=green]<a class="mot">Raffinerie 33</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Armement 22</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Bouclier 21</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Blindage 21</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Thermodynamique 20</a>[/color]</td></tr><tr><td class="mot">[color=violet]<a class="mot">Antimatière 18</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Hyperdrive 20</a>[/color]</td></tr><tr><td class="mot">[color=green]<a class="mot">Impulsion 18</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Warp 15</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Smart 21</a>[/color]</td></tr><tr><td class="mot">[color=browm]<a class="mot">Ion 18</a>[/color]</td></tr><tr><td class="mot">[color=browm]<a class="mot">Aereon 16</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">SuperCalculateur 13</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Graviton 4</a>[/color]</td></tr><tr><td class="dernier_mot">[color=orange]Administration 21[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td><td class="petite"><div class="cadre_record">  <table><tr><td class="mot">[color=orange]Navette GT-50: 558 000</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Chasseur: 1 000 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Chasseur Lance: 500 000</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=cyan]<a class="mot">Frégate d'assaut: 50 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Destroyer: 5 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Overlord: 0 </a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Forteresse Noire: 0</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Hyperion: 210</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Collecteur: 300 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Sonde : 10 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Colonisateur: 365</a>[/color]</td></tr><tr><td class="dernier_mot">[color=cyan]Satellites solaire : 10 000[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td><td class="petite"><div class="cadre_record"><table><tr><td class="mot">[color=orange]Bio Force Gun 800 000[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Smart BFG 500 000</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=orange]<a class="mot">Plate-Forme Canon 100 000</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Déflecteur 70 000</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Plate-Forme Ionique 110 000</a>[/color]</td></tr><tr><td class="mot">[color=green]<a class="mot">Aereon 148 915</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Contre-mesure Electromagnétique 100</a>[/color]</td></tr><tr><td class="dernier_mot">[color=o]Missile EMP 25[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td></table>

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour page HTML

Message par Jiben le Lun 16 Aoû 2010 - 20:41

Bonjour merci de votre aide.

Le code est bon =D

Par contre je voudrais rajouter 4 casses sur une ligne. ce sont les casses que j'ai mis en violet.
Voici la capture d'écran :
Spoiler:

Merci D'avance de votre aide.
Cordialement Jiben

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour page HTML

Message par zz10 le Mar 17 Aoû 2010 - 0:18

Essayes ceci :

Code:
<table class="grande"><td class="petite"><div class="cadre_record"><table><tr><td>CASE 1</td><td>CASE 2</td><td>CASE 3</td><td>CASE 4</td></tr><tr<td class="mot">[color=orange]Mine de titane 48[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Mine de carbone 47</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=orange]<a class="mot">Extracteur de tritium 42</a>[/color]</td></tr><tr><td class="mot">[color=green]<a class="mot">Centrale géothermique 40</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Centrale à tritium 1</a>[/color]</td></tr><tr><td class="mot">[color=brown]<a class="mot">Usine de droïdes 21</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Usine d'androïdes 14</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Usine d'armement 21</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Silo de titane 23</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Silo de carbone 22</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Silo de tritium 20</a>[/color]</td></tr><tr><td class="mot">[color=violet]<a class="mot">Centre technique 21</a>[/color]</td></tr><tr><td class="mot">[color=green]<a class="mot">Terraformeur 14</a>[/color]</td></tr><tr><td class="mot">[color=brown]<a class="mot">Hangar à missiles 15</a>[/color]</td></tr><tr><td class="dernier_mot">[color=orange]Convertisseur 13[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td><td class="petite"><div class="cadre_record"><table><tr><td class="mot">[color=orange]Espionnage 20[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Quantique 21[/color]</a></td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=cyan]<a class="mot">Alliage 25</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Stratification 24</a>[/color]</td></tr><tr><td class="mot">[color=green]<a class="mot">Raffinerie 33</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Armement 22</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Bouclier 21</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Blindage 21</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Thermodynamique 20</a>[/color]</td></tr><tr><td class="mot">[color=violet]<a class="mot">Antimatière 18</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Hyperdrive 20</a>[/color]</td></tr><tr><td class="mot">[color=green]<a class="mot">Impulsion 18</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Warp 15</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Smart 21</a>[/color]</td></tr><tr><td class="mot">[color=browm]<a class="mot">Ion 18</a>[/color]</td></tr><tr><td class="mot">[color=browm]<a class="mot">Aereon 16</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">SuperCalculateur 13</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Graviton 4</a>[/color]</td></tr><tr><td class="dernier_mot">[color=orange]Administration 21[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td><td class="petite"><div class="cadre_record">  <table><tr><td class="mot">[color=orange]Navette GT-50: 558 000</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Chasseur: 1 000 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Chasseur Lance: 500 000</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=cyan]<a class="mot">Frégate d'assaut: 50 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Destroyer: 5 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Overlord: 0 </a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Forteresse Noire: 0</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Hyperion: 210</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Collecteur: 300 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Sonde : 10 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Colonisateur: 365</a>[/color]</td></tr><tr><td class="dernier_mot">[color=cyan]Satellites solaire : 10 000[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td><td class="petite"><div class="cadre_record"><table><tr><td class="mot">[color=orange]Bio Force Gun 800 000[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Smart BFG 500 000</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=orange]<a class="mot">Plate-Forme Canon 100 000</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Déflecteur 70 000</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Plate-Forme Ionique 110 000</a>[/color]</td></tr><tr><td class="mot">[color=green]<a class="mot">Aereon 148 915</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Contre-mesure Electromagnétique 100</a>[/color]</td></tr><tr><td class="dernier_mot">[color=o]Missile EMP 25[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td></table>

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour page HTML

Message par Jiben le Mar 17 Aoû 2010 - 0:29

Un petit probléme avec l'emplacement =/

Voici une capture :




Merci d'avance de votre aide.
Jiben

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour page HTML

Message par zz10 le Mar 17 Aoû 2010 - 0:33

Code:
<table class="grande"><td class="petite"><div class="cadre_record"><table><tr><td>CASE 1</td></tr><tr<td class="mot">[color=orange]Mine de titane 48[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Mine de carbone 47</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=orange]<a class="mot">Extracteur de tritium 42</a>[/color]</td></tr><tr><td class="mot">[color=green]<a class="mot">Centrale géothermique 40</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Centrale à tritium 1</a>[/color]</td></tr><tr><td class="mot">[color=brown]<a class="mot">Usine de droïdes 21</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Usine d'androïdes 14</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Usine d'armement 21</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Silo de titane 23</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Silo de carbone 22</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Silo de tritium 20</a>[/color]</td></tr><tr><td class="mot">[color=violet]<a class="mot">Centre technique 21</a>[/color]</td></tr><tr><td class="mot">[color=green]<a class="mot">Terraformeur 14</a>[/color]</td></tr><tr><td class="mot">[color=brown]<a class="mot">Hangar à missiles 15</a>[/color]</td></tr><tr><td class="dernier_mot">[color=orange]Convertisseur 13[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td><td class="petite"><div class="cadre_record"><table><tr><td>CASE 2</td><td class="mot">[color=orange]Espionnage 20[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Quantique 21[/color]</a></td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=cyan]<a class="mot">Alliage 25</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Stratification 24</a>[/color]</td></tr><tr><td class="mot">[color=green]<a class="mot">Raffinerie 33</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Armement 22</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Bouclier 21</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Blindage 21</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Thermodynamique 20</a>[/color]</td></tr><tr><td class="mot">[color=violet]<a class="mot">Antimatière 18</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Hyperdrive 20</a>[/color]</td></tr><tr><td class="mot">[color=green]<a class="mot">Impulsion 18</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Warp 15</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Smart 21</a>[/color]</td></tr><tr><td class="mot">[color=browm]<a class="mot">Ion 18</a>[/color]</td></tr><tr><td class="mot">[color=browm]<a class="mot">Aereon 16</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">SuperCalculateur 13</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Graviton 4</a>[/color]</td></tr><tr><td class="dernier_mot">[color=orange]Administration 21[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td><td class="petite"><div class="cadre_record">  <table><tr><td>CASE 3</td><td class="mot">[color=orange]Navette GT-50: 558 000</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Chasseur: 1 000 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Chasseur Lance: 500 000</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=cyan]<a class="mot">Frégate d'assaut: 50 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Destroyer: 5 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Overlord: 0 </a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Forteresse Noire: 0</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Hyperion: 210</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Collecteur: 300 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Sonde : 10 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a class="mot">Colonisateur: 365</a>[/color]</td></tr><tr><td class="dernier_mot">[color=cyan]Satellites solaire : 10 000[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td><td class="petite"><div class="cadre_record"><table><tr><td>CASE 4</td><td class="mot">[color=orange]Bio Force Gun 800 000[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Smart BFG 500 000</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=orange]<a class="mot">Plate-Forme Canon 100 000</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Déflecteur 70 000</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Plate-Forme Ionique 110 000</a>[/color]</td></tr><tr><td class="mot">[color=green]<a class="mot">Aereon 148 915</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a class="mot">Contre-mesure Electromagnétique 100</a>[/color]</td></tr><tr><td class="dernier_mot">[color=o]Missile EMP 25[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td></table>

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour page HTML

Message par Jiben le Mar 17 Aoû 2010 - 1:06

Merci de votre aide.

par contre comment faire pour que les 4 tableaux soit centrée par rapport a la page au lieu d'être coller a droite ?

Voici le code modifier :
Code:
<table class="grande"><td class="petite"><div class="cadre_record"><table><tr><td class="mot">[center]Bâtiments[/center]</td></tr><tr><td class="mot">[color=orange]Mine de titane 48[/color]</td></tr><tr><td class="mot">[color=orange]<a>Mine de carbone 47</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=orange]<a>Extracteur de tritium 42</a>[/color]</td></tr><tr><td class="mot">[color=green]<a>Centrale géothermique 40</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Centrale à tritium 1</a>[/color]</td></tr><tr><td class="mot">[color=brown]<a>Usine de droïdes 21</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Usine d'androïdes 14</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Usine d'armement 21</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Silo de titane 23</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Silo de carbone 22</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Silo de tritium 20</a>[/color]</td></tr><tr><td class="mot">[color=violet]<a>Centre technique 21</a>[/color]</td></tr><tr><td class="mot">[color=green]<a>Terraformeur 14</a>[/color]</td></tr><tr><td class="mot">[color=brown]<a>Hangar à missiles 15</a>[/color]</td></tr><tr><td class="dernier_mot">[color=orange]Convertisseur 13[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td><td class="petite"><div class="cadre_record"><table><tr><td class="mot">[center]Recherches[/center]</td><tr><td class="mot">[color=orange]Espionnage 20[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Quantique 21[/color]</a></td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=cyan]<a>Alliage 25</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Stratification 24</a>[/color]</td></tr><tr><td class="mot">[color=green]<a>Raffinerie 33</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Armement 22</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Bouclier 21</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Blindage 21</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Thermodynamique 20</a>[/color]</td></tr><tr><td class="mot">[color=violet]<a>Antimatière 18</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Hyperdrive 20</a>[/color]</td></tr><tr><td class="mot">[color=green]<a>Impulsion 18</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a >Warp 15</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Smart 21</a>[/color]</td></tr><tr><td class="mot">[color=brown]<a>Ion 18</a>[/color]</td></tr><tr><td class="mot">[color=brown]<a>Aereon 16</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>SuperCalculateur 13</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Graviton 4</a>[/color]</td></tr><tr><td class="dernier_mot">[color=orange]Administration 21[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td><td class="petite"><div class="cadre_record">  <table><tr><td class="mot">[center]Flottes[/center]</td><tr><td class="mot">[color=orange]Navette GT-50: 558 000[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Chasseur: 1 000 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Chasseur Lance: 500 000</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=cyan]<a>Frégate d'assaut: 50 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Destroyer: 5 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Overlord: 0 </a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Forteresse Noire: 0</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Hyperion: 210</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Collecteur: 300 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Sonde : 10 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Colonisateur: 365</a>[/color]</td></tr><tr><td class="dernier_mot">[color=cyan]Satellites solaire : 10 000[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td><td class="petite"><div class="cadre_record"><table><tr><td class="mot">[center]Défenses[/center]</td><tr><td class="mot">[color=orange]Bio Force Gun 800 000[/color]</td></tr><tr><td class="mot">[color=orange]<a>Smart BFG 500 000</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=orange]<a>Plate-Forme Canon 100 000</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Déflecteur 70 000</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Plate-Forme Ionique 110 000</a>[/color]</td></tr><tr><td class="mot">[color=green]<a>Aereon 148 915</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Contre-mesure Electromagnétique 100</a>[/color]</td></tr><tr><td class="dernier_mot">[color=orange]Missile EMP 25[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td></table>

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

L'auteur de ce message est actuellement banni du forum - Voir le message

Résolu Re: Aide pour page HTML

Message par zz10 le Mar 17 Aoû 2010 - 8:21

Essayez-ceci :

Code:
<center><table><td class="petite"><div class="cadre_record"><table><tr><td class="mot">[center]Bâtiments[/center]</td></tr><tr><td class="mot">[color=orange]Mine de titane 48[/color]</td></tr><tr><td class="mot">[color=orange]<a>Mine de carbone 47</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=orange]<a>Extracteur de tritium 42</a>[/color]</td></tr><tr><td class="mot">[color=green]<a>Centrale géothermique 40</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Centrale à tritium 1</a>[/color]</td></tr><tr><td class="mot">[color=brown]<a>Usine de droïdes 21</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Usine d'androïdes 14</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Usine d'armement 21</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Silo de titane 23</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Silo de carbone 22</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Silo de tritium 20</a>[/color]</td></tr><tr><td class="mot">[color=violet]<a>Centre technique 21</a>[/color]</td></tr><tr><td class="mot">[color=green]<a>Terraformeur 14</a>[/color]</td></tr><tr><td class="mot">[color=brown]<a>Hangar à missiles 15</a>[/color]</td></tr><tr><td class="dernier_mot">[color=orange]Convertisseur 13[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td><td class="petite"><div class="cadre_record"><table><tr><td class="mot">[center]Recherches[/center]</td><tr><td class="mot">[color=orange]Espionnage 20[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Quantique 21[/color]</a></td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=cyan]<a>Alliage 25</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Stratification 24</a>[/color]</td></tr><tr><td class="mot">[color=green]<a>Raffinerie 33</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Armement 22</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Bouclier 21</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Blindage 21</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Thermodynamique 20</a>[/color]</td></tr><tr><td class="mot">[color=violet]<a>Antimatière 18</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Hyperdrive 20</a>[/color]</td></tr><tr><td class="mot">[color=green]<a>Impulsion 18</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a >Warp 15</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Smart 21</a>[/color]</td></tr><tr><td class="mot">[color=brown]<a>Ion 18</a>[/color]</td></tr><tr><td class="mot">[color=brown]<a>Aereon 16</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>SuperCalculateur 13</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Graviton 4</a>[/color]</td></tr><tr><td class="dernier_mot">[color=orange]Administration 21[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td><td class="petite"><div class="cadre_record">  <table><tr><td class="mot">[center]Flottes[/center]</td><tr><td class="mot">[color=orange]Navette GT-50: 558 000[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Chasseur: 1 000 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Chasseur Lance: 500 000</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=cyan]<a>Frégate d'assaut: 50 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Destroyer: 5 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Overlord: 0 </a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Forteresse Noire: 0</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Hyperion: 210</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Collecteur: 300 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Sonde : 10 000</a>[/color]</td></tr><tr><td class="mot">[color=cyan]<a>Colonisateur: 365</a>[/color]</td></tr><tr><td class="dernier_mot">[color=cyan]Satellites solaire : 10 000[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td><td class="petite"><div class="cadre_record"><table><tr><td class="mot">[center]Défenses[/center]</td><tr><td class="mot">[color=orange]Bio Force Gun 800 000[/color]</td></tr><tr><td class="mot">[color=orange]<a>Smart BFG 500 000</a>[/color]</td></tr><!-- Il faut rajouter cette ligne pour chaque mot --><tr><td class="mot">[color=orange]<a>Plate-Forme Canon 100 000</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Déflecteur 70 000</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Plate-Forme Ionique 110 000</a>[/color]</td></tr><tr><td class="mot">[color=green]<a>Aereon 148 915</a>[/color]</td></tr><tr><td class="mot">[color=orange]<a>Contre-mesure Electromagnétique 100</a>[/color]</td></tr><tr><td class="dernier_mot">[color=orange]Missile EMP 25[/color]</td></tr><!-- Pour la dernière ligne ! La seul qui n'a pas la bordure dottée --></table></div></td></table></center>

zz10
+ Hyperactif +

Masculin
Messages : 2202
Inscrit(e) le : 04/07/2009

http://www.forum-ice-epinal.com
zz10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour page HTML

Message par Jiben le Mar 17 Aoû 2010 - 18:41

Merci de votre aide.
Sa fonctionne Bine.

Vous pouvez Locker.

Encore merci.

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Aide pour page HTML

Message par Jiben le Ven 27 Aoû 2010 - 12:08

A Locker svp

Jiben
*****

Masculin
Messages : 968
Inscrit(e) le : 30/01/2010

http://lesmagesnoirs.forum2ouf.com/
Jiben 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