Sujets similaires

Bonjour !

Alors voila, j'ai quelques petits problèmes pour la réalisation de ma page d'accueil. Je suis pas une experte en code HTLM et CSS ><.
J'ai tout de même réussi à faire la structure que je veux. Toutefois, j'aurai besoin d'un coup de pouce et de quelques explications !

Au niveau de la colonne du milieu "Contexte", faut t'il ajouter des codes ou un truc du genre pour qu'elle ne soit pas si large, ou est-ce que quand j'aurai mis ce que j'ai à mettre dans la colonne "Postes Vacants" ça se rétablira ?

Dois-je ajouter une ligne pour ajouter les titres des colonnes "Contexte", "Staff", "Postes Vacants"....

Pour la dernière ligne "Top Site" et "Top Partenaires" vu que c'est en deux colonnes ça va se centrer tout seul ? Car si mon forum j'en ai une plus petite que l'autre.

J'ai également un problème avec les infobulles qui ne marche pas comme je veux quand j'ajoute du texte ><

Je remercie d'avance ceux qui pourront m'aider et m'expliquer ce qui va pas ^^

Le code :

Code:: <div style="text-align: center;"><font face="Georgia" size="7">
</font><blockquote><font face="Georgia" size="7"><font color="#4a525a"> <font size="6">Bienvenue </font></font>
<font color="#8898a6" size="6"><i>{USERNAME}</i></font></font></blockquote></div>
<table style="width: 100%; border-collapse: collapse;">
<tbody><tr>
   <td style="font-weight: bold; font-family: Verdana; background-color: Gray;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/reglement-du-forum-t6.htm" class="postlink">Règlement</a></font></td>
   <td style="font-weight: bold; font-family: Verdana; background-color: Gray;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/contexte-t5.htm" class="postlink">Contexte</a></font></td>
   <td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/les-groupes-t3.htm" class="postlink">Groupes</a></font></td>
   <td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/postes-vacants-f4/" class="postlink">Postes Vacants</a></font></td>
   <td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/questions-et-suggestions-f19/" class="postlink">Coin Invité</a></font></td>
   <td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/se-rappocher-de-l-enfer-f27/demande-de-partenariat-t27.htm#55" class="postlink">Partenariat</a></font></td>
   <td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/se-rappocher-de-l-enfer-f27/nos-partenaires-t28.htm#56" class="postlink">Nos Amis</a></font></td>
</tr>
</tbody></table>
<table style="width: 100%; border-collapse: collapse; border: 2px none rgb(77, 77, 77);">
<tbody><tr style="border: 2px solid rgb(148, 148, 148);">
   <td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin:auto;text-align:center;width:100%">Postes Vacants
</td>
   <td style="border: 1px dashed rgb(186, 186, 186); text-align: justify;"> <div style="margin:auto;text-align:center;width:100%">Le Contexte</div>

Il y a une vingtaine d’années, Bright Falls était la ville la plus calme et la plus paisible des Etats-Unis. Il ne se passait jamais rien de dramatique, un endroit sans histoire. Mais les Bushido et les Makarov sont arrivés, deux familles mafieuses, l’une venant du Japon, l’autre de Russie, tout a changé. Le calme a disparu pour laisser place à une guerre entre Mafia. La criminalité a soudainement augmentée. Toutes sortes de voyous ont trouvés refuge à Bright Falls. Ce fut encore pire après l’élection du nouveau Maire. Bright Falls devient Seven Sins City, la ville de tous les vices ou la loi n’existe plus, enfin si elle existe mais personne ne la suit. La police est corrompu partagé entre les Bushido et les Makarov qui leur donne des pots de vins, l’armée quant à elle, elle fait son possible pour rétablir la situation, chose difficile quand on sait qu’a n’importe qu’elle coin de rue on tomber sur un tueur en série, un dingue, un violeur… Vous ne rêvez pas, vous êtes en Enfer !
<a href="http://sevensinscity.superforum.fr/reglement-f1/contexte-t5.htm" class="postlink">Contexte complet</a></td>
   <td<div style="margin:auto;text-align:center;width:100%">Le Staff</div>

style="border: 1px dashed rgb(186, 186, 186);"><a href="#" class="infobulle"><img src="http://i65.servimg.com/u/f65/11/25/40/17/tehbut10.png">
<span><img src="http://i65.servimg.com/u/f65/11/25/40/17/jenege10.png" scott="" kenedy="" fondateur=""></span></a> <img src="http://i65.servimg.com/u/f65/11/25/40/17/joshd110.png" alt="" border="0">
</td>
</tr>
</tbody></table>
<table style="width: 100%; border-collapse: collapse; border: 2px none rgb(77, 77, 77);">
<tbody><tr style="border: 2px solid rgb(148, 148, 148);">
   <td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin:auto;text-align:center;width:100%">Top Site</div>
</td>
   <td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin:auto;text-align:center;width:100%">Top Partenaire</div>
</td>
</tr>
</tbody></table>

Coucou

Alors je pense pouvoir te venir en aide.

Citation :: Au niveau de la colonne du milieu "Contexte", faut t'il ajouter des codes ou un truc du genre pour qu'elle ne soit pas si large, ou est-ce que quand j'aurai mis ce que j'ai à mettre dans la colonne "Postes Vacants" ça se rétablira ?

Alors tu peux avoir deux choix. Sois tu rajoute dans ta balise Td de ton Contexte la balise weight, qui détermine la largeur de ta colonne. Dans ces cas là, voilà à quoi ressemblerais ta balise :

Code:: <td style="border: 1px dashed rgb(186, 186, 186); text-align: justify; weight: 25%;">

(a ne pas oublier de la fermer pour finir ta colonne).

J'ai mis une largeur au hasard, après, c'est à toi de déterminer la largeur que tu veux obtenir de ta colonne pour qu'elle soit plus petite.

Sinon, oui, en remplissant la colonne des postes vacants, ça se rétablira. Mais attention à ne pas la faire trop large cette colonne, car sinon il pourrais y avoir un retour à la ligne non désiré ou alors ton contexte sera moins large que ce que tu veux obtenir (il faut donc savoir équilibrés les trois colonnes de ton tableau).

Citation :: Dois-je ajouter une ligne pour ajouter les titres des colonnes "Contexte", "Staff", "Postes Vacants"....

Si tu veux bien démarquer tes titres, tu peux toujours mettre des bordures avec border-bottom (la bordure du bas), border-top (du haut), border-left et border-right (de gauche et de droite), y ajouter un fond, choisir la couleur etc. Personnellement, pour bien les démarquer j'utiliserais ce code :

Code:: <div style="font-family: impact, serif; font-size: 110%; text-transform: uppercase; border-bottom: 1px dashed #f89d94; color: #ffffff; background-color: #f89d94; text-align: center; border-left: 2px solid #f89d94; border-right: 2px solid #f89d94;"> Test de titre surligné </div>

Ce qui me donne :

Test de titre surligné

Que tu peux changer à ta guise en y changeant les propriétés. Ensuite, ces balises sont à placer au tout début de ta colonne, je pense.

Citation :: Pour la dernière ligne "Top Site" et "Top Partenaires" vu que c'est en deux colonnes ça va se centrer tout seul ? Car si mon forum j'en ai une plus petite que l'autre.

Ben, normalement, en les remplissant, peut être que ça va se recentrer tout seul. Enfin, comme tout n'est pas bien sur, pour construire le même genre de tableau à une amie, j'avais une fois de plus utilisé le code Weight, qui, je le rappel, correspond à la largeur de ta colonne.

Citation :: J'ai également un problème avec les infobulles qui ne marche pas comme je veux quand j'ajoute du texte ><

Tu peux m'en dire un peu plus ? Comme les problèmes que tu rencontre ? Le code de tes infobulles ? (html et css si il n'est pas dans ton code html)

Je suis sure que je n'es pas tout répondu correctement XD Mais j'espère au moins t'avoir aidé avec mes quelques connaissance Wink

Kanami-Kawaii a écrit:

Citation :: Au niveau de la colonne du milieu "Contexte", faut t'il ajouter des codes ou un truc du genre pour qu'elle ne soit pas si large, ou est-ce que quand j'aurai mis ce que j'ai à mettre dans la colonne "Postes Vacants" ça se rétablira ?

Alors tu peux avoir deux choix. Sois tu rajoute dans ta balise Td de ton Contexte la balise weight, qui détermine la largeur de ta colonne. Dans ces cas là, voilà à quoi ressemblerais ta balise :

Code:: <td style="border: 1px dashed rgb(186, 186, 186); text-align: justify; weight: 25%;">

(a ne pas oublier de la fermer pour finir ta colonne).

J'ai mis une largeur au hasard, après, c'est à toi de déterminer la largeur que tu veux obtenir de ta colonne pour qu'elle soit plus petite.

Ce n'est pas weight mais width Wink

avec weight, ça ne marchera pas, puisque ça n'existe pas (si je ne me trompe pas)

Sinon ehm tes propriété pour les titres peuvent être faites selon une class CSS pour désencombrer le code html, mais ce n'est pas obligatoire. En gros, au lieu de:

Code:: <div style="font-family: impact, serif; font-size: 110%; text-transform: uppercase; border-bottom: 1px dashed #f89d94; color: #ffffff; background-color: #f89d94; text-align: center; border-left: 2px solid #f89d94; border-right: 2px solid #f89d94;"> Test de titre surligné </div>

Tu peux utiliser:
CSS

Code:: .banane {
font-family: impact, serif;
font-size: 110%;
text-transform: uppercase;
text-align: center;
color: #ffffff;
background-color: #f89d94;
border-bottom: 1px dashed #f89d94;
border-left: 2px solid #f89d94;
border-right: 2px solid #f89d94;
}

HTML

Code:: <div class="banane">Test de titre</div>

Ce qui donnera la même chose =D en gros tu as deux options~

Sinon les réponses de Kaname sont quand même bonnes, et oui, il nous faut le code html et le css des infobulles =D
EDIT: HA et un aperçu du problème genre un lien d'un forum etc x)

Ah ouiii, je confonds avec font-weight, c'est bien width, merci de ta correction x)

Sinon oui ça peut être utilisé aussi en code CSS c'est vrai, mais les deux méthodes sont bonnes, faut juste choisir Smile

Merci à vous deux ^^

Heu voici le lien du forum pour le problèmes avec les infobulles, ce que j'ai mis dedans ce voit pas ><

http://sevensinscity.superforum.fr/

Alors j'ai remarqué qu'au niveau du Staff, il y a une balise qui n'est pas fermée. Sinon, lorsque je vois ton tableau, une partie du code html apparait, ce qui est gênant. Je vais me pencher là dessus et voir si il n'y a pas d'autres erreurs.

Sinon, tu as un code CSS qui concerne ces infobulles ? Si oui, peux-tu nous les donner ?

EDIT = J'ai corrigé quelques erreurs sur ton code html :

Code:: <div style="text-align: center;"><font face="Georgia" size="7">
</font><blockquote><font face="Georgia" size="7"><font color="#4a525a"> <font size="6">Bienvenue </font></font>
<font color="#8898a6" size="6"><i>{USERNAME}</i></font></font></blockquote></div>
<table style="width: 100%; border-collapse: collapse;">
<tbody><tr>
<td style="font-weight: bold; font-family: Verdana; background-color: Gray;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/reglement-du-forum-t6.htm" class="postlink">Règlement</a></font></td>
<td style="font-weight: bold; font-family: Verdana; background-color: Gray;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/contexte-t5.htm" class="postlink">Contexte</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/les-groupes-t3.htm" class="postlink">Groupes</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/postes-vacants-f4/" class="postlink">Postes Vacants</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/questions-et-suggestions-f19/" class="postlink">Coin Invité</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/se-rappocher-de-l-enfer-f27/demande-de-partenariat-t27.htm#55" class="postlink">Partenariat</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/se-rappocher-de-l-enfer-f27/nos-partenaires-t28.htm#56" class="postlink">Nos Amis</a></font></td>
</tr>
</tbody></table>
<table style="width: 100%; border-collapse: collapse; border: 2px none rgb(77, 77, 77);">
<tbody><tr style="border: 2px solid rgb(148, 148, 148);">
<td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin:auto; text-align:center; width:100%;">Postes Vacants
</td>
<td style="border: 1px dashed rgb(186, 186, 186); text-align: justify;"> <div style="margin:auto; text-align:center; width:100%;">Le Contexte</div>

Il y a une vingtaine d’années, Bright Falls était la ville la plus calme et la plus paisible des Etats-Unis. Il ne se passait jamais rien de dramatique, un endroit sans histoire. Mais les Bushido et les Makarov sont arrivés, deux familles mafieuses, l’une venant du Japon, l’autre de Russie, tout a changé. Le calme a disparu pour laisser place à une guerre entre Mafia. La criminalité a soudainement augmentée. Toutes sortes de voyous ont trouvés refuge à Bright Falls. Ce fut encore pire après l’élection du nouveau Maire. Bright Falls devient Seven Sins City, la ville de tous les vices ou la loi n’existe plus, enfin si elle existe mais personne ne la suit. La police est corrompu partagé entre les Bushido et les Makarov qui leur donne des pots de vins, l’armée quant à elle, elle fait son possible pour rétablir la situation, chose difficile quand on sait qu’a n’importe qu’elle coin de rue on tomber sur un tueur en série, un dingue, un violeur… Vous ne rêvez pas, vous êtes en Enfer !
<a href="http://sevensinscity.superforum.fr/reglement-f1/contexte-t5.htm" class="postlink">Contexte complet</a></td>
<td><div style="margin:auto;text-align:center;width:100%">Le Staff</div>

<span style="border: 1px dashed rgb(186, 186, 186);"><a href="#" class="infobulle"><img src="http://i65.servimg.com/u/f65/11/25/40/17/tehbut10.png">
<img src="http://i65.servimg.com/u/f65/11/25/40/17/jenege10.png" scott="" kenedy="" fondateur=""></span></a> <img src="http://i65.servimg.com/u/f65/11/25/40/17/joshd110.png" alt="" border="0">
</td>
</tr>
</tbody></table>
<table style="width: 100%; border-collapse: collapse; border: 2px none rgb(77, 77, 77);">
<tbody><tr style="border: 2px solid rgb(148, 148, 148);">
<td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin:auto;text-align:center;width:100%">Top Site</div>
</td>
<td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin:auto;text-align:center;width:100%">Top Partenaire</div>
</td>
</tr>
</tbody></table>

Il y avait des ; et des guillemets de manqués, une balise td où il manquait un > et enfin une ligne où tu commençais ton style=" " sans avoir mis la balise avant : tu l'avais simplement mise au mauvais endroits, j'ai remis la balise span où elle devait être Wink

ce qui fait que maintenant quand je test ton tableau sur mon forum test, le code html qui apparaissait vilainement au dessus de la première de staff est placé au bon endroit.

Par contre, dans le code :

Code:: <img src="http://i65.servimg.com/u/f65/11/25/40/17/jenege10.png" scott="" kenedy="" fondateur="">

Je ne sais pas ce que tu veux dire par scott= "" kenedy="" fondateur="".

Voila pour l'instant, quand j'aurais ton code CSS de tes infobulles, je me pencherais dessus Wink

En espérant t'avoir un minimum aidé
Kanami

Merci pour la correction ^^

En faite les infobulles je les veux sur les icons du Staff dans laquelle il se trouvera un autre icons ou un gif et en dessous le nom de la personne et son role. Mais j'ai pas vraiment bien pigé le tuto pour les Infobulles pour ça que ça marche pas XD

Voici le CSS pour les Infobulles

Code:: a.infobulle {
position: relative;
}

a.infobulle span {
display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
display: inline; /* ceci affiche l'infobulle */
position: absolute;

white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

top: 5px; /* on positionne notre infobulle */
left: 15px;

background: #ebebeb; /* arrière-plan de l'infobulle */

color: black; /* texte dans l'infobulle */
padding: 3px;

/* bordures de votre infobulle*/
border: 1px dotted black;
border-left: 1px dotted black;
}

Alors okay pour ton CSS, à mes yeux il est bon Smile

Sinon pour tes infobulles, il y avait quelques problèmes de balises, d'ordre, et il manquait aussi le contenu des infobulles ainsi que leur images. Le code-ci-dessous est le code de ton tableau, je t'ai mis en couleur la partie infobulle.

Tout ce fait dans l'ordre.

Par exemple, URL IMAGE1 est à remplacer par le lien direct de l'image que tu veux afficher dans ton tableau (l'icon donc). Ensuite, en suivant le code, tu trouve URL IMAGE INFOBULLE. Pas trop dur, tu remplace ça par le lien direct de l'image que tu veux insérée dans ton infobulle.
En suivant encore le code, tu trouve CONTENU INFOBULLE. Là, c'est encore tout bête, tu tape ce que tu veux voir dans ton infobulle après le texte. Si tu veux que le texte soit placé avant l'image de l'infobulle, tu inverses les balises (les div au dessus de la balise a).

Voici ton code :

<div style="text-align: center;"><font face="Georgia" size="7">
</font><blockquote><font face="Georgia" size="7"><font color="#4a525a"> <font size="6">Bienvenue </font></font>
<font color="#8898a6" size="6"><i>Invité</i></font></font></blockquote></div>
<table style="width: 100%; border-collapse: collapse;">
<tbody><tr>
<td style="font-weight: bold; font-family: Verdana; background-color: Gray;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/reglement-du-forum-t6.htm" class="postlink">Règlement</a></font></td>
<td style="font-weight: bold; font-family: Verdana; background-color: Gray;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/contexte-t5.htm" class="postlink">Contexte</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/les-groupes-t3.htm" class="postlink">Groupes</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/postes-vacants-f4/" class="postlink">Postes Vacants</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/questions-et-suggestions-f19/" class="postlink">Coin Invité</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/se-rappocher-de-l-enfer-f27/demande-de-partenariat-t27.htm#55" class="postlink">Partenariat</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/se-rappocher-de-l-enfer-f27/nos-partenaires-t28.htm#56" class="postlink">Nos Amis</a></font></td>
</tr>
</tbody></table>
<table style="width: 100%; border-collapse: collapse; border: 2px none rgb(77, 77, 77);">
<tbody><tr style="border: 2px solid rgb(148, 148, 148);">
<td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin:auto; text-align:center; width:100%;">Postes Vacants
</td>
<td style="border: 1px dashed rgb(186, 186, 186); text-align: justify;"> <div style="margin:auto; text-align:center; width:100%;">Le Contexte</div>

Il y a une vingtaine d’années, Bright Falls était la ville la plus calme et la plus paisible des Etats-Unis. Il ne se passait jamais rien de dramatique, un endroit sans histoire. Mais les Bushido et les Makarov sont arrivés, deux familles mafieuses, l’une venant du Japon, l’autre de Russie, tout a changé. Le calme a disparu pour laisser place à une guerre entre Mafia. La criminalité a soudainement augmentée. Toutes sortes de voyous ont trouvés refuge à Bright Falls. Ce fut encore pire après l’élection du nouveau Maire. Bright Falls devient Seven Sins City, la ville de tous les vices ou la loi n’existe plus, enfin si elle existe mais personne ne la suit. La police est corrompu partagé entre les Bushido et les Makarov qui leur donne des pots de vins, l’armée quant à elle, elle fait son possible pour rétablir la situation, chose difficile quand on sait qu’a n’importe qu’elle coin de rue on tomber sur un tueur en série, un dingue, un violeur… Vous ne rêvez pas, vous êtes en Enfer !
<a href="http://sevensinscity.superforum.fr/reglement-f1/contexte-t5.htm" class="postlink">Contexte complet</a></td>

<td><div style="margin:auto;text-align:center;width:100%">Le Staff</div>

<span style="border: 1px dashed rgb(186, 186, 186);"><a href="#" class="infobulle"><img src="URL IMAGE1">
<span><img src="URL IMAGE INFOBULLE"><br><br>
<div> CONTENU INFOBULLE </div>
</span></a>
<a href="#" class="infobulle"><img src="URL IMAGE2">
<span><img src="URL IMAGE INFOBULLE"><br><br>
<div> CONTENU INFOBULLE </div>
</span></a>
<a href="#" class="infobulle"><img src="URL IMAGE3">
<span><img src="URL IMAGE INFOBULLE"><br><br>
<div> CONTENU INFOBULLE </div>
</span></a>
</td>
</tr>
</tbody></table>

<table style="width: 100%; border-collapse: collapse; border: 2px none rgb(77, 77, 77);">
<tbody><tr style="border: 2px solid rgb(148, 148, 148);">
<td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin:auto;text-align:center;width:100%">Top Site</div>
</td>
<td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin:auto;text-align:center;width:100%">Top Partenaire</div>
</td>
</tr>
</tbody></table>

Si il y a un problème ou que tu as des questions, n'hésite pas Smile

(j'ai désactivé le html pour mon message, normalement il ne devrais pas y avoir un problème d'affichage...)

Merci, cette fois ça marche ^^

Autre question, pour centrer mes icons dans ma colonne, je dois ajouter le code "center", je sais pas comment on l'écrit ><, et je ne sais pas non plus ou je dois le placer, avant les balises "span" ou à l'intérieur ?

Code:: <div style="text-align: center;"><font face="Georgia" size="7">
</font><blockquote><font face="Georgia" size="7"><font color="#4a525a"> <font size="6">Bienvenue </font></font>
<font color="#8898a6" size="6"><i>{USERNAME}</i></font></font></blockquote></div>
<table style="width: 100%; border-collapse: collapse;">
<tbody><tr>
<td style="font-weight: bold; font-family: Verdana; background-color: Gray;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/reglement-du-forum-t6.htm" class="postlink">Règlement</a></font></td>
<td style="font-weight: bold; font-family: Verdana; background-color: Gray;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/contexte-t5.htm" class="postlink">Contexte</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/les-groupes-t3.htm" class="postlink">Groupes</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/postes-vacants-f4/" class="postlink">Postes Vacants</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/questions-et-suggestions-f19/" class="postlink">Coin Invité</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/se-rappocher-de-l-enfer-f27/demande-de-partenariat-t27.htm#55" class="postlink">Partenariat</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/se-rappocher-de-l-enfer-f27/nos-partenaires-t28.htm#56" class="postlink">Nos Amis</a></font></td>
</tr>
</tbody></table>
<table style="width: 100%; border-collapse: collapse; border: 2px none rgb(77, 77, 77);">
<tbody><tr style="border: 2px solid rgb(148, 148, 148);">
<td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin: auto; text-align: center; width: 100%;"><div class="banane">Postes Vacants</div>
</div></td>
<td style="border: 1px dashed rgb(186, 186, 186); text-align: justify; width: 65%;"> <div style="margin: auto; text-align: center; width: 100%;"></div><div class="banane">Résumé du Contexte</div>

Il y a une vingtaine d’années, Bright Falls était la ville la plus calme et la plus paisible des Etats-Unis. Il ne se passait jamais rien de dramatique, un endroit sans histoire. Mais les Bushido et les Makarov sont arrivés, deux familles mafieuses, l’une venant du Japon, l’autre de Russie, tout a changé. Le calme a disparu pour laisser place à une guerre entre Mafia. La criminalité a soudainement augmentée. Toutes sortes de voyous ont trouvés refuge à Bright Falls. Ce fut encore pire après l’élection du nouveau Maire. Bright Falls devient Seven Sins City, la ville de tous les vices ou la loi n’existe plus, enfin si elle existe mais personne ne la suit. La police est corrompu partagé entre les Bushido et les Makarov qui leur donne des pots de vins, l’armée quant à elle, elle fait son possible pour rétablir la situation, chose difficile quand on sait qu’a n’importe qu’elle coin de rue on tomber sur un tueur en série, un dingue, un violeur… Vous ne rêvez pas, vous êtes en Enfer !
<br><br><div style="text-align: center; color: DarkRed;"><a style="font-weight: bold;" href="http://sevensinscity.superforum.fr/reglement-f1/contexte-t5.htm" class="postlink">Contexte complet</a></div></td>
<td><div style="margin: auto; text-align: center; width: 100%;"></div><div class="banane">Le STAFF</div>

<span style="border: 1px dashed rgb(186, 186, 186);"><a href="#" class="infobulle"><img src="http://i65.servimg.com/u/f65/11/25/40/17/tehbut11.png">
<span><img src="http://i65.servimg.com/u/f65/11/25/40/17/0315ge10.jpg"><br><br><div> Scott Mitchell </div><div> Fondateur </div>
</span></a><div <a href="#" class="infobulle"><img src="http://i65.servimg.com/u/f65/11/25/40/17/josh2010.png">
<span><img src="http://img514.imageshack.us/img514/300/41479782.gif"><br><br><div> Shayne Grant </div><div> Co-Fondatrice </div>
</span></a> </div>
<a href="#" class="infobulle"><img src="URL IMAGE3">
<span><img src="URL IMAGE INFOBULLE"><br><br><div> CONTENU INFOBULLE </div>
</span></a>
</td>
</tr>
</tbody></table>

<table style="width: 100%; border-collapse: collapse; border: 2px none rgb(77, 77, 77);">
<tbody><tr style="border: 2px solid rgb(148, 148, 148);">
<td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin: auto; text-align: center; width: 100%;"><div class="banane">Top Sites</div>
</div></td>
<td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin: auto; text-align: center; width: 100%;"><div class="banane">Top Partenaires</div>
</div></td>
</tr>
</tbody></table>

Alors, pour centrer tes icons dans la colonne, il suffit d'ajouter les balises center : la première se place avant ta première infobulle commençant par a href= etc, et la deuxième à la fermeture de la dernière infobulle.

Le code :

Code:: <div style="text-align: center;"><font face="Georgia" size="7">
</font><blockquote><font face="Georgia" size="7"><font color="#4a525a"> <font size="6">Bienvenue </font></font>
<font color="#8898a6" size="6"><i>{USERNAME}</i></font></font></blockquote></div>
<table style="width: 100%; border-collapse: collapse;">
<tbody><tr>
<td style="font-weight: bold; font-family: Verdana; background-color: Gray;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/reglement-du-forum-t6.htm" class="postlink">Règlement</a></font></td>
<td style="font-weight: bold; font-family: Verdana; background-color: Gray;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/contexte-t5.htm" class="postlink">Contexte</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/les-groupes-t3.htm" class="postlink">Groupes</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/postes-vacants-f4/" class="postlink">Postes Vacants</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/questions-et-suggestions-f19/" class="postlink">Coin Invité</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/se-rappocher-de-l-enfer-f27/demande-de-partenariat-t27.htm#55" class="postlink">Partenariat</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/se-rappocher-de-l-enfer-f27/nos-partenaires-t28.htm#56" class="postlink">Nos Amis</a></font></td>
</tr>
</tbody></table>
<table style="width: 100%; border-collapse: collapse; border: 2px none rgb(77, 77, 77);">
<tbody><tr style="border: 2px solid rgb(148, 148, 148);">
<td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin: auto; text-align: center; width: 100%;"><div class="banane">Postes Vacants</div>
</div></td>
<td style="border: 1px dashed rgb(186, 186, 186); text-align: justify; width: 65%;"> <div style="margin: auto; text-align: center; width: 100%;"></div><div class="banane">Résumé du Contexte</div>

Il y a une vingtaine d’années, Bright Falls était la ville la plus calme et la plus paisible des Etats-Unis. Il ne se passait jamais rien de dramatique, un endroit sans histoire. Mais les Bushido et les Makarov sont arrivés, deux familles mafieuses, l’une venant du Japon, l’autre de Russie, tout a changé. Le calme a disparu pour laisser place à une guerre entre Mafia. La criminalité a soudainement augmentée. Toutes sortes de voyous ont trouvés refuge à Bright Falls. Ce fut encore pire après l’élection du nouveau Maire. Bright Falls devient Seven Sins City, la ville de tous les vices ou la loi n’existe plus, enfin si elle existe mais personne ne la suit. La police est corrompu partagé entre les Bushido et les Makarov qui leur donne des pots de vins, l’armée quant à elle, elle fait son possible pour rétablir la situation, chose difficile quand on sait qu’a n’importe qu’elle coin de rue on tomber sur un tueur en série, un dingue, un violeur… Vous ne rêvez pas, vous êtes en Enfer !
<br><br><div style="text-align: center; color: DarkRed;"><a style="font-weight: bold;" href="http://sevensinscity.superforum.fr/reglement-f1/contexte-t5.htm" class="postlink">Contexte complet</a></div></td>
<td><div style="margin: auto; text-align: center; width: 100%;"></div><div class="banane">Le STAFF</div>

<span style="border: 1px dashed rgb(186, 186, 186);"><center><a href="#" class="infobulle"><img src="http://i65.servimg.com/u/f65/11/25/40/17/tehbut11.png">
<span><img src="http://i65.servimg.com/u/f65/11/25/40/17/0315ge10.jpg"><br><br><div> Scott Mitchell </div><div> Fondateur </div>
</span></a><div <a href="#" class="infobulle"><img src="http://i65.servimg.com/u/f65/11/25/40/17/josh2010.png">
<span><img src="http://img514.imageshack.us/img514/300/41479782.gif"><br><br><div> Shayne Grant </div><div> Co-Fondatrice </div>
</span></a> </div>
<a href="#" class="infobulle"><img src="URL IMAGE3">
<span><img src="URL IMAGE INFOBULLE"><br><br><div> CONTENU INFOBULLE </div>
</span></a></center>
</td>
</tr>
</tbody></table>

<table style="width: 100%; border-collapse: collapse; border: 2px none rgb(77, 77, 77);">
<tbody><tr style="border: 2px solid rgb(148, 148, 148);">
<td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin: auto; text-align: center; width: 100%;"><div class="banane">Top Sites</div>
</div></td>
<td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin: auto; text-align: center; width: 100%;"><div class="banane">Top Partenaires</div>
</div></td>
</tr>
</tbody></table>

Voilou ^^

Bonjour,

Votre problème est-il résolu ?

Non pas encore, je ne l'ai pas totalement fini, au cas ou j'ai d'autre problème je préfère garder le sujet ouvert plutôt que d'en créer inutilement un autre. Je préviendrai si c'est OK !

Re bonjour !!!

Bon je suis encore perdu XD (oui je suis pas douée ><)

Je voulais mettre des icons avec infobules dans la partie "Postes Vacants", mais quand je mets les codes des infobules la ou je pense qu'il faut les mettres, elle apparaise tout en haut au dessus du menu des liens rapides.

De même dans la colonne Contexte, je voulais ajouter en dessous un titre avec "News" pour ajouter deux trois ptits trucs après mais ça bug de la même manière !

Je vous redonne le code (sans ce que j'ai dis au dessus) :

Code:: <script type="text/javascript" src="http://tinyurl.com/fa-function-tog"></script><div style="position: fixed; bottom: 0px; left: -5px;background-color: transparent;z-index:10000;">
<div style="float: left; display: none;width: 800px; height: 400px; padding: 0;" id="chatboxpop">
<iframe src="/chatbox/chatbox.forum?page=front&" scrolling="no" style="width: 800px; height: 400px;" marginwidth="0" marginheight="0" frameborder="1"></iframe>
</div>
<div style="float:left">
<img src="http://img198.imageshack.us/img198/5932/opent.png" onClick="tog('div#chatboxpop',1500); this.src=(this.src=='http://img198.imageshack.us/img198/5932/opent.png')?'http://img194.imageshack.us/img194/4670/closez.png':'http://img198.imageshack.us/img198/5932/opent.png';" />
</div>
</div><div style="text-align: center;"><font face="Georgia" size="7">
</font><blockquote><font face="Georgia" size="7"><font color="#4a525a"> <font size="6">Bienvenue </font></font>
<font color="#8898a6" size="6"><i>{USERNAME}</i></font></font></blockquote></div>
<table style="width: 100%; border-collapse: collapse;">
<tbody><tr>
<td style="font-weight: bold; font-family: Verdana; background-color: Gray;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/reglement-du-forum-t6.htm" class="postlink">Règlement</a></font></td>
<td style="font-weight: bold; font-family: Verdana; background-color: Gray;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/contexte-t5.htm" class="postlink">Contexte</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/reglement-f1/les-groupes-t3.htm" class="postlink">Groupes</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/postes-vacants-f4/" class="postlink">Postes Vacants</a></font>
</td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/questions-et-suggestions-f19/" class="postlink">Coin Invité</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/se-rappocher-de-l-enfer-f27/demande-de-partenariat-t27.htm#55" class="postlink">Partenariat</a></font></td>
<td style="background-color: Gray; font-weight: bold; font-family: Verdana;"><font size="4"><a href="http://sevensinscity.superforum.fr/se-rappocher-de-l-enfer-f27/nos-partenaires-t28.htm#56" class="postlink">Nos Amis</a></font></td>
</tr>
</tbody></table>
<table style="width: 100%; border-collapse: collapse; border: 2px none rgb(77, 77, 77);">
<tbody><tr style="border: 2px solid rgb(148, 148, 148);">
<td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin: auto; text-align: center; width: 100%;"><div class="banane">Postes Vacants</div>
</div></td>
<td style="border: 1px dashed rgb(186, 186, 186); text-align: justify; width: 65%;"> <div style="margin: auto; text-align: center; width: 100%;"></div><div class="banane">Résumé du Contexte</div>

Il y a une vingtaine d’années, Bright Falls était la ville la plus calme et la plus paisible des Etats-Unis. Il ne se passait jamais rien de dramatique, un endroit sans histoire. Mais les Bushido et les Makarov sont arrivés, deux familles mafieuses, l’une venant du Japon, l’autre de Russie, tout a changé. Le calme a disparu pour laisser place à une guerre entre Mafia. La criminalité a soudainement augmentée. Toutes sortes de voyous ont trouvés refuge à Bright Falls. Ce fut encore pire après l’élection du nouveau Maire. Bright Falls devient Seven Sins City, la ville de tous les vices ou la loi n’existe plus, enfin si elle existe mais personne ne la suit. La police est corrompu partagé entre les Bushido et les Makarov qui leur donne des pots de vins, l’armée quant à elle, elle fait son possible pour rétablir la situation, chose difficile quand on sait qu’a n’importe qu’elle coin de rue on tomber sur un tueur en série, un dingue, un violeur… Vous ne rêvez pas, vous êtes en Enfer !
<br><br> <div style="text-align: center; color: DarkRed;"><a style="font-weight: bold;" href="http://sevensinscity.superforum.fr/reglement-f1/contexte-t5.htm" class="postlink">Pour en savoir plus sur le Contexte </a></div></td>

<td><div style="margin: auto; text-align: center; width: 100%;"></div><div class="banane">Le STAFF</div>

<span style="border: 1px dashed rgb(186, 186, 186);"><center><a href="#" class="infobulle"><img src="http://i65.servimg.com/u/f65/11/25/40/17/tehbut11.png">
<span><img src="http://i65.servimg.com/u/f65/11/25/40/17/0315ge10.jpg"><br><br><div> Scott Mitchell </div><div> Fondateur </div>
</span></a><div <a href="#" class="infobulle"><img src="http://i65.servimg.com/u/f65/11/25/40/17/josh2010.png">
<span><img src="http://img514.imageshack.us/img514/300/41479782.gif"><br><br><div> Shayne Grant </div><div> Co-Fondatrice </div>
</span></a> </div>
<a href="#" class="infobulle"><img src="URL IMAGE3">
<span><img src="URL IMAGE INFOBULLE"><br><br><div> CONTENU INFOBULLE </div>
</span></a></center>
</td>
</tr>
</tbody></table>

<table style="width: 100%; border-collapse: collapse; border: 2px none rgb(77, 77, 77);">
<tbody><tr style="border: 2px solid rgb(148, 148, 148);">
<td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin: auto; text-align: center; width: 100%;"><div class="banane">Top Sites</div>
</div></td>
<td style="border: 1px dashed rgb(186, 186, 186);"><div style="margin: auto; text-align: center; width: 100%;"><div class="banane">Top Partenaires</div>
</div></td>
</tr>
</tbody></table>

Bonjour~

Le problème est-il toujours d’actualité?

C'est bon, c'est résolu !
Merci !

D'accord, je classe le sujet =D

Aide pour codage page d'accueil

Aide pour codage page d'accueil

Sujets similaires

Sujets similaires

Partenaires Or