| | Problème de centrage de la page d'accueil |  |
|
 Mickael 
{ Membre }
 Messages : 31
 | Bien le bonjour. Avant de poser ce post j'ai utilisé la fonction recherche, trouvée ceci et placée la balise - Code:
-
</table> à la fin de mon code mais ma colonne trois n'est toujours pas bien alignée avec les deux premières. Je voudrai savoir si vous pouvez m'aider. ^-^ Mon forum : Ici Mon code utilisée. - Code:
-
<center><img src="http://i50.tinypic.com/k92m1.png" /></center> <table width=100% border=0; height=290px; > <tr> <td width=29% rowspan=2 ><center><div style="border: #341E1F solid 1px ; background-color:#4A2121; font-size: large; font-variant: small-caps; vertical-align: middle; text-align: center; font-family: Georgia; height: 25px; width:90%; -moz-border-radius: 10px; color:black; "> <FONT SIZE="2"><font color="black"> Navigation</font></FONT></div> <br><div style="border: #341E1F solid 1px ; background-color:#875147; vertical-align: middle; text-align: center; font-family: Georgia; height: 19px; width:60%; -moz-border-radius: 5px;"> <font size="1,5"><a href="http://aedenia.forumactif.org/regles-a-suivre-f153/reglement-d-ecriture-t528.htm">Règlement d'Écriture</a></font></div><div style="border: #341E1F solid 1px ; background-color:#875147; vertical-align: middle; text-align: center; font-family: Georgia; height: 19px; width:60%; -moz-border-radius: 5px;"> <font size="1,5"><a href="http://aedenia.forumactif.org/regles-a-suivre-f153/reglement-general-t527.htm">Règlement Général</a></font></div><div style="border: #341E1F solid 1px ; background-color:#875147; vertical-align: middle; text-align: center; font-family: Georgia; height: 19px; width:60%; -moz-border-radius: 5px;"> <font size="1,5"><a href="http://aedenia.forumactif.org/regles-a-suivre-f153/le-livre-du-jugement-t64.htm">Signature</a></font></div><div style="border: #341E1F solid 1px ; background-color:#875147; vertical-align: middle; text-align: center; font-family: Georgia; height: 19px; width:60%; -moz-border-radius: 5px;"> <font size="1,5"><a href="http://aedenia.forumactif.org/au-commencement-f7/comment-tout-cela-commenca-t281.htm">Histoire</a></font></div><div style="border: #341E1F solid 1px ; background-color:#875147; vertical-align: middle; text-align: center; font-family: Georgia; height: 19px; width:60%; -moz-border-radius: 5px;"> <font size="1,5"><a href="http://aedenia.forumactif.org/au-commencement-f7/contexte-t574.htm#4161">Contexte</a></font></div><div style="border: #341E1F solid 1px ; background-color:#875147; vertical-align: middle; text-align: center; font-family: Georgia; height: 19px; width:60%; -moz-border-radius: 5px;"> <font size="1,5"><a href="http://aedenia.forumactif.org/recueil-des-ames-f1/">Personnages</a></font></div><div style="border: #341E1F solid 1px ; background-color:#875147; vertical-align: middle; text-align: center; font-family: Georgia; height: 19px; width:60%; -moz-border-radius: 5px;"> <font size="1,5"><a href="http://aedenia.forumactif.org/pnj-f169/">PNJ</a></font></div><div style="border: #341E1F solid 1px ; background-color:#875147; vertical-align: middle; text-align: center; font-family: Georgia; height: 19px; width:60%; -moz-border-radius: 5px;"> <font size="1,5"><a href="http://aedenia.forumactif.org/commandements-divins-f3/votre-equipe-t548.htm">L'Equipe</a></font></div><div style="border: #341E1F solid 1px ; background-color:#875147; vertical-align: middle; text-align: center; font-family: Georgia; height: 19px; width:60%; -moz-border-radius: 5px;"> <font size="1,5"><a href="http://aedenia.forumactif.org/credits-liens-utiles-f155/">Crédits</a></font></div><div style="border: #341E1F solid 1px ; background-color:#875147; vertical-align: middle; text-align: center; font-family: Georgia; height: 19px; width:60%; -moz-border-radius: 5px;"> <font size="1,5"><a href="http://aedenia.forumactif.org/questions-suggestions-f53/">Zone invité</a></font></div><div style="border: #341E1F solid 1px ; background-color:#875147; vertical-align: middle; text-align: center; font-family: Georgia; height: 19px; width:60%; -moz-border-radius: 5px;"> <font size="1,5"><a href="http://aedenia.forumactif.org/commandements-divins-f3/guide-d-inscription-t586.htm">Manuel du débutant</a></font></div><div style="border: #341E1F solid 1px ; background-color:#875147; vertical-align: middle; text-align: center; font-family: Georgia; height: 19px; width:60%; -moz-border-radius: 5px;"> <font size="1,5"><a href="http://aedenia.forumactif.org/commandements-divins-f3/plan-du-site-t384.htm">Sommaire du Forum</a></font></div><div style="border: #341E1F solid 1px ; background-color:#875147; vertical-align: middle; text-align: center; font-family: Georgia; height: 19px; width:60%; -moz-border-radius: 5px;"> <font size="1,5"><a href="http://aedenia.forumactif.org/commandements-divins-f3/sommaire-de-yomi-t454.htm">Sommaire de Yomi</a></font></div></br></center></TD> <td width=40%><center><div style="border: #341E1F solid 1px ; background-color:#4A2121; font-size: large; font-variant: small-caps; vertical-align: middle; text-align: center; font-family: Georgia; height: 25px; width:90%; -moz-border-radius: 10px;"> <FONT SIZE="2"><font color="black"> L'Équipe</font></FONT></div> <br><a href="#" class="infobulle"><img src="http://i48.tinypic.com/1zwgmki.jpg"><span><br><center>Mickaël</br><br><img src="http://i48.tinypic.com/1zwgmki.jpg"></br><br>Fondateur</br></br><div><br> <a href="http://aedenia.forumactif.org/profile.forum?mode=viewprofile&u=1" target="_blank">Son Profil</a></br></div><div><a href="http://aedenia.forumactif.org/msg.forum?mode=post&u=1">Contacter par MP</a></div></center></span></a><a href="#" class="infobulle"><img src="http://i50.tinypic.com/16m0z77.png"><span><br><center>Lucifer</br><br><img src="http://i50.tinypic.com/532rs2.png"></br><br>Co-Fondateur</br></br><div><br><a href="http://aedenia.forumactif.org/profile.forum?mode=viewprofile&u=4" target="_blank">Son Profil</a></br></div><div><a href="http://aedenia.forumactif.org/msg.forum?mode=post&u=4">Contacter par MP</a></div></center></span></a><a href="#" class="infobulle"><img src="http://i47.tinypic.com/28v5e1g.png"><span><br><center>Azaël</br><br><img src="http://i47.tinypic.com/11lsrau.png"></br><br>Administrateur</br></br><div><br><a href="http://aedenia.forumactif.org/profile.forum?mode=viewprofile&u=29" target="_blank">Son Profil</a></br><br><a href="http://aedenia.forumactif.org/msg.forum?mode=post&u=29">Contacter par MP</a></div></center></span></a><a href="#" class="infobulle"><img src="http://i49.tinypic.com/2dj9b12.png"><span><br><center>Dieu</br><br><img src="http://i47.tinypic.com/2hf6r6d.png"></br><br>Administrateur</br></br><div><br><a href="http://aedenia.forumactif.org/profile.forum?mode=viewprofile&u=16" target="_blank">Son Profil</a></br><br><a href="http://aedenia.forumactif.org/msg.forum?mode=post&u=16">Contacter par MP</a></div></center></span></a><a href="#" class="infobulle"><img src="http://i47.tinypic.com/30xkaw2.jpg"><span><br><center>Nikola Valerian</br><br><img src="http://i47.tinypic.com/1zxwol2.png"></br><br>Modérateur</br></br><div><br><a href="http://aedenia.forumactif.org/profile.forum?mode=viewprofile&u=58" target="_blank">Son Profil</a></br><br><a href="http://aedenia.forumactif.org/msg.forum?mode=post&u=58">Contacter par MP</a></div></center></span></a><a href="#" class="infobulle"><img src="http://i47.tinypic.com/a43qfm.png"><span><br><center>Chu-Jung Feng</br><br><img src="http://i49.tinypic.com/28hq045.png"></br><br>Modérateur</br></br><div><br><a href="http://aedenia.forumactif.org/profile.forum?mode=viewprofile&u=28" target="_blank">Son Profil</a></br><br><a href="http://aedenia.forumactif.org/msg.forum?mode=post&u=28">Contacter par MP</a></div></center></span></a><a href="#" class="infobulle"><img src="http://i45.tinypic.com/2lihmr6.png"><span><br><center>Kahlin</br><br><img src="http://i50.tinypic.com/2r7v5no.png"></br><br>Graphiste</br></br><div><br><a href="http://aedenia.forumactif.org/profile.forum?mode=viewprofile&page_profil=profile&u=63" target="_blank">Son Profil</a></br><br><a href="http://aedenia.forumactif.org/msg.forum?mode=post&u=63">Contacter par MP</a></div></center></span></a></center></td> <br><td width=34%><center><div style="border: #341E1F solid 1px ; background-color:#4A2121; font-size: large; font-variant: small-caps; vertical-align: middle; text-align: center; font-family: Georgia; height: 25px; width:90%; -moz-border-radius: 10px; "> <FONT SIZE="2"><font color="black"> Prédéfinis</font></FONT></div> <br><a href="#" class="infobulle"><img src="http://i47.tinypic.com/2s81ppl.png"><span><br><center>Kirai Murazaki</br><br><img src="http://i47.tinypic.com/296dhn6.png"></br><br>Humain</br><br><div><a href="http://aedenia.forumactif.org/sur-terre-f61/les-yakuzas-t475.htm">Sa fiche prédéfinie</a></div></center></span></a><a href="#" class="infobulle"><img src="http://i49.tinypic.com/2s0fuqo.png"><span><br><center>Demetrio Manfredo</br><br><img src="http://i49.tinypic.com/294mpdv.png"></br><br>Humain</br><br><div><a href="http://aedenia.forumactif.org/sur-terre-f61/mafia-italienne-t555.htm">Sa fiche prédéfinie</a></div></center></span></a><a href="#" class="infobulle"><img src="http://i46.tinypic.com/wvbw3o.png"><span><br><center>Loki</br><br><img src="http://i48.tinypic.com/2sbwd9h.png"></br><br>Lycan</br><br><div><a href="http://aedenia.forumactif.org/dans-le-monde-de-yomi-f62/lycans-t550.htm">Sa fiche prédéfinie</a></div></center></span></a><a href="#" class="infobulle"><img src="http://i45.tinypic.com/6zufds.png"><span><br><center>Chang Juan</br><br><img src="http://i46.tinypic.com/14c66v7.png"></br><br>Humain</br><div><a href="http://aedenia.forumactif.org/sur-terre-f61/mafia-chinoise-t559.htm#4103" target="_blank">Sa fiche Prédéfinie</a></div></center></span></a> </br><br><br><font-family="Centhury Gothic;">† <a href="http://aedenia.forumactif.org/predefinis-f59/liste-des-predefinis-t565.htm">Plus d'informations</font></a> †</center></td> </tr><tr> <td width=45%><center><div style="border: #341E1F solid 1px ; background-color:#4A2121; font-size: large; font-variant: small-caps; vertical-align: middle; text-align: center; font-family: Georgia; height: 25px; width:90%; -moz-border-radius: 10px;"> <FONT SIZE="2"><font color="black"> Les Partenaires</font></FONT></div><br><div style="height: 140px ; border : 1px dotted black; width:80%; background-color: #341E1F; background-position: center; -moz-border-radius: 10px;"><br><a href="#" class="infobulle"><img src="http://i49.tinypic.com/2vuecer.png"><span><br><center>Angel Sanctuary</br><br><img src="http://i50.tinypic.com/2q1bdlh.jpg"></br><br>Forum Rpg sur le Manga</br></br><div><br><a href="http://angelsanctuary.xooit.com/portal.php" target="_blank">Visitez</a></br></div></center></span></a><a href="#" class="infobulle"><img src="http://i45.tinypic.com/10nynb6.png"><span><br><center>Jouhatsu</br><br><img src="http://i49.tinypic.com/27xklxw.png"></br><br>Forum Vampiriques/Lycans/Humains</br></br><div><br><a href="http://jouhatsu.forumactif.org/forum.htm" target="_blank">Visitez</a></br></div></center></span></a><a href="#" class="infobulle"><img src="http://i46.tinypic.com/1qlqti.png"><span><br><center>Neo Punk</br><br><img src="http://i49.tinypic.com/2646s6s.png"></br><br>Forum Futuriste</br></br><div><br><a href="http://neo-punk.forumactif.org/forum.htm" target="_blank">Visitez</a></br></div></center></span></a><a href="#" class="infobulle"><img src="http://i47.tinypic.com/14lrhu0.png"><span><br><center>La Destinée de l'Erade</br><br><img src="http://i45.tinypic.com/9unm6d.png"></br><br>Forum Fantasy</br></br><div><br><a href="http://ladestineedelerade.forumpro.fr/forum.htm" target="_blank">Visitez</a></div></center></span></a><a href="#" class="infobulle"><img src="http://i46.tinypic.com/ddnaf6.png"><span><br><center>Murmures</br><br><img src="http://i47.tinypic.com/1zxwol2.png"></br><br>Forum Fantasy (Yaoi Nc-17)</br></br><div><br><a href="http://murmures.forumotion.com/forum.htm" target="_blank">Visitez</a></div></center></span></a><a href="#" class="infobulle"><img src="http://i47.tinypic.com/6qkzfd.png"><span><br><center>Venezia Il Serenissima</br><br><img src="http://i48.tinypic.com/2qbbou0.png"></br><br>Forum Vampiriques/Lycans/Démons</br></br><div><br><a href="http://venezia.forumotion.com/forum.htm" target="_blank">Visitez</a></div></center></span></a><a href="#" class="infobulle"><img src="http://i49.tinypic.com/2vcf0k3.png"><span><br><center>Annuaire Rose Noire</br><br><img src="http://i47.tinypic.com/rur6mq.png"></br><br>Annuaire de Publicité</br></br><div><br><a href="http://annuaire-rn.forumactif.org/forum.htm" target="_blank">Visitez</a></div></center></span></a><a href="#" class="infobulle"><img src="http://i50.tinypic.com/ay28ut.png"><span><br><center>From Hell</br><br><img src="http://i45.tinypic.com/j79s12.png"></br><br>Annuaire de Publicité</br></br><div><br><a href="http://from-hell.darkbb.com/forum.htm" target="_blank">Visitez</a></div></center></span></a></br><br><br><center><font-family="Centhury Gothic;">† <a href="http://aedenia.forumactif.org/partenariats-f29/nos-partenaires-t422.htm">More</font></a> † † <a href="http://aedenia.forumactif.org/partenariats-f29/">You</font></a> † </center><br><a href="http://cercle.des.huit.free.fr/"><img src="http://cercle.des.huit.free.fr/images/logos/BoutonCdH_88x15.jpg"></a><a href="http://www.tourdejeu.net/"><img src="http://www.tourdejeu.net/images/bouton.gif"></a><br><br><br></br></td> <td width=34%><center><div style="border: #341E1F solid 1px ; background-color:#4A2121; font-size: large; font-variant: small-caps; vertical-align: middle; text-align: center; font-family: Georgia; height: 25px; width:90%; -moz-border-radius: 10px;"> <FONT SIZE="2"><font color="black"> Tops sites/Autres</font></FONT></div><br><a href="http://www.root-top.com/topsite/megane_angel/in.php?IDmark=240"><img src="http://i45.tinypic.com/4hd3qd.png"></a><a href="http://www.root-top.com/topsite/obsession27/in.php?ID=13873"><img src="http://i45.tinypic.com/4hd3qd.png"></a><a href="http://www.root-top.com/topsite/serpentgy/in.php?ID=5764"><img src="http://i45.tinypic.com/4hd3qd.png"></a><a href="http://www.root-top.com/topsite/gilgamesh/in.php?ID=3989"><img src="http://i45.tinypic.com/4hd3qd.png"></a><a href="http://www.root-top.com/topsite/vampie/in.php?ID=818"><img src="http://i45.tinypic.com/4hd3qd.png"></a><a href="http://www.root-top.com/topsite/moonlighttoprpg/in.php?ID=1479"><img src="http://i45.tinypic.com/4hd3qd.png"></a><a href=http://www.root-top.com/topsite/dolceleb/in.php?ID=800"><img src="http://i45.tinypic.com/4hd3qd.png"></a><br><br><a href="http://www.copyright-france.com/phtml/index.php"><img src="http://i49.tinypic.com/2i9scyd.jpg"></a> </center></td></tr></table> </table> Et une capture d'écran de mon problème  Amicalement
Mickaël
|
Dernière édition par Mickael le Mar 09 Mar 2010, 14:34, édité 1 fois | |
|
| | |
Liliana
{ Membre actif }
Messages : 997
| Coucou ! Alors ton forum a un problème d'affichage d'images à cause de Tinypic, c'est pas évident xD Je pense que la balise "table" que tu as rajouté ne sert à rien dans ce cas là. Pour ton problème, il te suffit de rajouter un valign="top" dans toutes tes colonnes(<td>). Comme par exemple : - Code:
-
<td width=29% rowspan=2 valign="top"> Cependant, ton code possède pas mal d'erreurs. Notamment au niveau des apostrophes ". - Code:
-
<td width=29% rowspan=2 valign="top"> S'écrit en réalité ainsi : - Citation :
- <td width="29%" rowspan="2" valign="top">
 | | |
|
| | |
Mickael
{ Membre }
Messages : 31
| Merci Liliana ^^
Je vais corriger tout ça ^^
Je redirai après si ça va ^-^
Edit : Centré mais j'ai perdu tous les effets :/ -moz-border-radius et tout :/ | | |
|
| | |
Mickael
{ Membre }
Messages : 31
| Bien le bonjour, je me permet de relancer le topic. Au niveau du centrage, je te remercie liliana, ça mettait correctement les colonnes mais après ça m'enlevait mes mises en formes, j'ai donc enlevé. D'autre part, un de mes membres sur safari rencontre un problème au niveau des infobulles... Il est probable que j'ai du faire une faute dans mon code car j'ai voulu la faire seule en lisant les bases et quelques tutos, mais je pense que c'était pas une bonne idée. ^-^ Voici ses captures d'écrans. Sous spoiler car ça déforme le forum :/ - Spoiler:
J'espère que vous pourrez m'aider ^-^ | | |
|
| | |
Invité Invité
| Bonjour,
là ce que je constate avec les captures d'écran c'est que les infobulles ne fonctionnent pas du tout chez elle. Donc j'aurai deux questions :
- Marchent-elles chez toi ?
- Peut-elle voir les infobulles correctement sur d'autres forums ? | | |
|
| | |
Mickael
{ Membre }
Messages : 31
| Bonjour Kimy
Oui de mon côté je vois la page d'accueil normale.
Pour mon modo, je viens tout juste de lui montrer un forum contenant trois infobulles. Il les voit normalement.
Cela ne doit venir que de mon code. :/ | | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
 Messages : 2912
| C'est normal  Comme je l'ai déjà dit, vous utilisez la balise "a" qui est une balise inline pour afficher une infobulle qui est un block. Et, comme on le sait tous, une balise inline n'est pas faite pour contenir un block mais l'inverse. Et vu que Google Chrome ainsi que Safari montrent toutes les erreurs et ne les corrigent pas, ça, abracadabra ! bugue.  Donc il faut remplacer les balises 'a' par des balises 'div'  | | |
|
| | |
Mickael
{ Membre }
Messages : 31
| Oh mince. *se sent honteuse.* Merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii Basiiiiiiiiiiiil *-* Je prendrai note de tes propos Kimy aussi *-* Vous êtes tout deux de bons membres de l'équipe J'ai fait la première par div, mais avant de continuer veut savoir si je me trompe pas ^^ - Code:
-
<div href="#" class="infobulle"><img src="http://i49.tinypic.com/2vuecer.png"><span><br><center>Angel Sanctuary</br><br><img src="http://i50.tinypic.com/2q1bdlh.jpg"></br><br>Forum Rpg sur le Manga</br></br></div><br><a href="http://angelsanctuary.xooit.com/portal.php" target="_blank">Visitez</a></br></center></span></div> Ou j'ai mal compris et pour cela mea culpa  | | |
|
| | |
Invité Invité
| Normalement oui.
Tu as bien compris, il faut juste remplacer le petit a par div
Et ne te sens pas honteuse. Je faisais toujours aussi mes infobulles avec "a" au lieu de "div" car c'est comme ça que j'avais trouvé le code de base :/ et j'ai pas encore vraiment rectifié le tir x) | | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Pour ma part j'ai appris mes infobulles direct par "div", donc c'est sûrement plus facile pour moi x) Donc oui il faut modifier ça dans le code HTML, mais n'oublie pas de remplacer les 'a' par des "div" dans le CSS PS: Avec cette façon de faire il est est possible d'afficher des liens et des images à l'intérieur de l'infobulle toujours en l'entourant d'une balise div | | |
|
| | |
Mickael
{ Membre }
Messages : 31
| Merci ça marche après que j'ai fait le changement aussi dans le css.
J'avais pensé à le faire dans le html et pas là...
Merci vraiment *-*
Il me restera après à voir si mon modo voit tout naturellement avec vos sages indications. ^--^
Basil en fait j'ai fait comme le tuto, me mettant au html seule que depuis environs un mois :/ Mais grâce à vous je ferai plus la bêtise du a ^^ | | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| C'est pas grave du tout, je pense que tout le monde l'a faite x) Bref, en attente du verdict de ton modo | | |
|
| | |
Mickael
{ Membre }
Messages : 31
| J'oubliais, le a des liens ? Il compte aussi pour le div ? Pour les infobulles j'ai compris et oui ça marche. ^-^ Pardonnez moi de cette question, je préfère savoir ^^ | | |
|
| | |
cloud78
{ Membre }
Messages : 20
| Non le a des lien doit rester un a sinon sa marcheras pas | | |
|
| | |
Mickael
{ Membre }
Messages : 31
| |
| | |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Non je veux dire qu'à chaque fois que tu affiches un lien ou une image la balise doit être entouré de la balise 'div' | | |
|
| | |
Mickael
{ Membre }
Messages : 31
| Bonsoir.
Merci pour votre aide. ^-^
Mon modo voit normalement la page d'accueil.
Vous pouvez classer ce topic dans les résolus. ^^
Oh une amie m'a expliqué aussi qu'on pouvait faire par span, je l'ignorai. On apprend pleins de choses *-* | | |
|
| | |
Basil Hawkins
{ Membre hyper-actif }
Messages : 2912
| Nononononon pas par span non plus x) Span est comme a, c'est une balise inline, c'est ce qu'il ne faut surtout pas faire  Bref, je classe | | |
|
| | |
Contenu sponsorisé
| |
| | |
| | Problème de centrage de la page d'accueil | |
|
