CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:  Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| | Arrangement tableau + infobulles |  |
| |
 Tarsicius 
{ Membre }
 Messages : 107
 | Bonjour! Voilà, je voulais savoir comment faire pour que les titres d'un tableau soient alignés et non pas comme ici (décalés): http://ange-rpg.forum-actif.net/index.htm Et également savoir si les infobulles pouvaient dépasser des "cadres" du marquee.. Parce qu'en réglant la largeur, on ne voit pas tout.. Voici les codes: PA: - Spoiler:
- Code:
-
<div style="width=75px; height=30px; border: 2px solid rgb(191, 69, 47); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #6c1516; -moz-border-radius-bottomleft: 15px; -moz-border-radius-topright: 15px; "><table style="width: 100%; border-collapse:collapse;"> <tr> <td><div style="width=55px; height=30px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Top Partenaires</div> <br><form> <select style="width: 150px" onchange="location = this.options [this.selectedIndex].value"> <option selected="selected"> Nos z'amis au top </option> <option value="url1-de-renvoi"> A venir! </option> </select> </form> <br>|Plus?| & |Vous?|</td> <td><div style="width=75px; height=30px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Bienvenue!</div><MARQUEE onmouseover=this.stop() onmouseout=this.start() direction=up height=150px width: 200px scrollAmount=1 scrollDelay=1><DIV style="TEXT-ALIGN: justify; PADDING-BOTTOM: 10px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 10px; width: 200px">Bienvenue étranger, dans un monde devenu enfer. Une brèche a été ouverte entre un monde parallèle et la Terre. Brèche créée accidentellement par les humains, bien sûr! À l'ouverture de cette brèche, des créatures sont entrées dans notre monde, semant discorde et chaos. L'ouverture est disparue, ne laissant aucune chance de renvoyer ces ''monstres'' dans leur propre monde. Au fil du temps, les humains sont moins nombreux, les créatures prennent de plus en plus de place et de pouvoir. Mais, les secours arrivent. Des anges sont envoyés sur Terre. Mais, est-ce que cela sera suffisant? <br><br>C'est à toi de jouer. Change la donne ou au contraire prend le pouvoir et plonge le monde dans un chaos total...</div></marquee></td> <td><div style="width=75px; height=30px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Nous lier</div><div style="width:200px"><br><a href="http://ange-rpg.forum-actif.net/?sid=18a5ddee8436e250d9c14fd55036f95a" class="postlink"><img src="http://img693.imageshack.us/img693/5627/bouton1bis.jpg" border="0" alt="" /></a> </div></td> </tr> <tr> <td><div style="width=75px; height=30px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Top Sites</div> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <br><a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a></td> <td><div style="width=75px; height=30px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Le Staff</div> Vénérable Admin Fondatrice: Aëla <br>Ses deux fidèles compagnons: Laly & Tarsicius</td> <td><div style="width=75px; height=30px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">News</div><div class="uneboite">{ Mise en place du forum</div></td> </tr> <tr> <td><div style="width=75px; height=30px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Wanted</div> <MARQUEE onmouseover=this.stop() onmouseout=this.start() direction=left height=130px scrollAmount=1 scrollDelay=1><DIV style="TEXT-ALIGN: justify; PADDING-BOTTOM: 10px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 10px;"><a href="#" class="infobulle"><img src="http://img59.imageshack.us/img59/9595/sophias.jpg"><span>Kelly Normand a 23 ans. Avec ses apparences angéliques, elle arrive à passer plus ou moins inaperçue. Pourtant, derrière ce beau visage ovale se cache une créature qu'il ne vaut mieux pas défier...</span></a> <a href="#" class="infobulle"><img src="http://img641.imageshack.us/img641/5716/mattlm.jpg"><span>INFOS DU PERSONNAGE</span></a> <a href="#" class="infobulle"><img src="http://img15.imageshack.us/img15/1377/johnnyw.jpg"><span>INFOS DU PERSONNAGE</span></a> <a href="#" class="infobulle"><img src="http://img535.imageshack.us/img535/4807/haydenp.jpg"><span>INFOS DU PERSONNAGE</span></a> <a href="#" class="infobulle"><img src="http://img535.imageshack.us/img535/5184/haydenc.jpg"><span>INFOS DU PERSONNAGE</span></a> <a href="#" class="infobulle"><img src="http://img121.imageshack.us/img121/3006/emmaao.jpg"><span>INFOS DU PERSONNAGE</span></a></div></marquee><div style="text-align: center">|Plus?|</div></td> <td><div style="width=75px; height=30px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Navigation Rapide</div> ~ Règlement ~ Contexte ~ Races ~</td> <td><div style="width=75px; height=30px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Crédits</div> Forum © Aëla <br>Design © Aëla <br>Contexte © Aëla & Laly <br>PA © Tarsicius</td> </tr> </table></div>
CSS: - Spoiler:
- 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: wrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
bottom: 5px; /* on positionne notre infobulle */
left: 15px;
background: #3b0000; /* arrière-plan de l'infobulle */
color: white; /* texte dans l'infobulle */
padding: 3px;
width: 200px;
/* bordures de votre infobulle*/
border: 4px double darkred;
border-left: 4px double darkred;
}
Merci d'avance! |
Dernière édition par Tarsicius le Mer 18 Aoû 2010, 15:03, édité 1 fois | |
| | | | Esther
{ Membre }
Messages : 37
| Bonjour ! J'ai le même problème sur mon forum, les différentes sections de ma page d'accueil ne sont pas alignées et ce n'est pas très esthétique... Pourtant j'ai demandé à ce que ça soit aligné en haut mais rien à faire. De même, j'aimerais que le défilement des partenaires soit positionné sur la droite, et non pas sur la gauche comme actuellement, mais j'ai beau lui assigner la bonne balise ça ne marche pas. Help ?! Voici le code de ma page d'accueil : - Spoiler:
- Code:
-
<table align="top" border="0" cellpadding="1" cellspacing="3" width="95%"> <tbody><tr align="top"> <td><b><font color="#6da2bb"><align=left>LIENS UTILES</align=left></font></b><br> » <a href="http://saint-ange.forumactif.org/charte-des-lieux-f1/le-reglement-t1.htm">Le règlement</a><br> » <a href="http://saint-ange.forumactif.org/charte-des-lieux-f1/forum-interdit-aux-mineurs-t2.htm">/!\ Forum [+18]</a><br> » <a href="http://saint-ange.forumactif.org/questions-suggestions-f3/">Questions & Suggestions</a><br> » <a href="http://saint-ange.forumactif.org/fiches-d-identites-f5/les-roles-disponibles-t18.htm">Les rôles disponibles</a><br> » <a href="http://saint-ange.forumactif.org/blog-f14/">Le blog de Mademoiselle</a><br> » <a href="http://saint-ange.forumactif.org/gestion-rolistique-f9/">Gestion de votre compte</a><br> <img src="http://img291.imageshack.us/img291/1732/separation.png"></td> <td><b><font color="#6da2bb"><align=left>BIENVENUE À SAINT-ANGE !</align=left></font></b><br><div style="text-align: justify;"><align=justify>Le pensionnat Saint-Ange accueille les jeunes délinquants issus de très riches familles, familles qui payent des sommes astronomiques chaque mois au pensionnat pour que le secret soit bien gardé. Car évidemment, on ne peut pas décemment dire que la très chère fille du PDG de telle grosse société a été prise le nez dans la poudre, ou que le fils de telle star a fracassé la tête d'un paparazzi un peu trop zélé. Donc, on fait croire que les chérubins se sont envolés pour de prestigieuses universités, ou investis dans des œuvres humanitaires à l'étranger, le temps qu'ils purgent leur séjour au pensionnat. Mais, détrompez vous, jamais cette progéniture dissipée ne voudra quitter Saint-Ange... Car ce pensionnat, mes amis, c'est le rêve éveillé de tout adolescent épris de vices et de décadence. Mais si vous comptiez garder vos secrets bien au chaud, c'est raté. Car moi, Mademoiselle, je suis là pour tout dévoiler... Au grand jour. C'est pas de chance, hein ?</align=justify><br></div><div style="text-align: right;"><align=right>( <a href="http://saint-ange.forumactif.org/panneau-d-affichage-f2/qu-est-ce-que-saint-ange-t3.htm">LIRE LE CONTEXTE COMPLET ?</a> )</align=right></div></td> <td><div style="text-align: center;"><b><font color="#6da2bb"><align=left>NOS PARTENAIRES</align=left></font></b><br></div><div style="text-align: right;"><marquee direction="up" id="id1" align="right" scrollamount="1" width="200px" height="200px"><a href="http://victoriastone.forumsactifs.com/index.htm" target="_blank"><img src="http://i66.servimg.com/u/f66/11/66/37/71/v10.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://kuroshitsuji.forumactif.info/forum.htm" target="_blank"><img src="http://i44.tinypic.com/28m20xw.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a><br> <a href="http://vampire-knight-rpg.forumpro.fr/forum.htm" target="_blank"><img src="http://i67.servimg.com/u/f67/11/17/53/36/vk_b1010.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://karnevale-avenue.forumactif.org/forum.htm" target="_blank"><img src="http://i42.tinypic.com/5zjgo7.jpg" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a><br> <a href="http://angeldarkdream.forumactif.org/" target="_blank"><img src="http://i63.servimg.com/u/f63/12/53/55/03/petit10.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://manoir-nightmare.forumactif.com" target="_blank"><img src="http://i65.servimg.com/u/f65/14/95/85/12/icone10.jpg" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a><br> <a href="http://age-hacker.forumactif.org/forum.htm" target="_blank"><img src="http://i43.tinypic.com/11wa3j6.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://eden-elementalistes.forumotion.com/forum.htm" target="_blank"><img src="http://img7.hostingpics.net/pics/342348logo4.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a><br><a href="http://coates-revolt.forumactif.com/index.htm" target="_blank"><img src="http://img228.imageshack.us/img228/7091/partenaire8831.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://angels-house.forum-actif.net/forum.htm" target="_blank"><img src="http://nsm03.casimages.com/img/2010/03/21//1003210942571001815677536.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a><br> <a href="http://alice-madness.forumactif.com/" target="_blank"><img src="http://img408.imageshack.us/img408/3031/8831copie.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://aisling.forumactif.com/forum.htm" target="_blank"><img src="http://img87.imageshack.us/img87/3208/aislinglogo2.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <br><a href="http://gakuen-alice.forumactif.org/" target="_blank"><img src="http://i766.photobucket.com/albums/xx301/Nanakoo_pics/88x31.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://pandora-hearts-abyss.forumactif.com/index.htm" target="_blank"><img src="http://i60.servimg.com/u/f60/12/80/18/70/88x33k11.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <br><a href="http://princess-pensionnat.1fr1.net/index.htm" target="_blank"><img src="http://i63.servimg.com/u/f63/15/03/27/84/prince10.gif" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://code-geass-rpg.forumactif.com/forum.htm" target="_blank"><img src="http://www.pixyup.com/uploads/271319014c2733a51ce51.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a><br> <a href="http://amazing-seas.forumactif.com" target="_blank"><img src="http://i48.tinypic.com/dwyl2g.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://nwax.forumactif.org/index.htm" target="_blank"><img src="http://img10.hostingpics.net/pics/47826088xxx312.png" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> </marquee><br></div> <align=right>( <a href="http://saint-ange.forumactif.org/les-partenaires-de-saint-ange-f16/">VOIR PLUS ?</a> ) ( <a href="http://saint-ange.forumactif.org/pub-partenariat-f4/devenir-partenaire-t9.htm">VOUS ?</a> )</align=right></td> </tr> <tr align="top"> <td><b><font color="#6da2bb"><align=left>LES CRÉDITS</align=left></font></b><br> Design © <b>Esther.W.</b><br> Contexte © <b>Esther.W.</b> & <b>Lord.V.A.</b><br> Toute reproduction totale et/ou<br> partielle est <font color="#6da2bb">strictement interdite</font> !<p> ( VOIR LES CRÉDITS EN DÉTAILS ? )</p></td> <td><b><font color="#6da2bb"><align=left>LE STAFF DU FORUM</align=left></font></b><br> Images + Info-Bulles (en construction)</td> <td><div style="text-align: center;"><b><font color="#6da2bb">ANNUAIRES</font></b><br></div> <a href="http://annuaire-rn.forumactif.org/forum.htm" target="_blank"><img src="http://i221.photobucket.com/albums/dd52/xodramm/ARN/logo88x35.jpg" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> <a href="http://white-paradise.forums-actifs.net/forum.htm" target="_blank"><img src="http://host.image.files.free.fr/host/4bbdb1239d817white1.gif" onmouseover="getElementById('id1').stop();" onmouseout="getElementById('id1').start();"></a> </td> </tr> </tbody></table>
Et voici le lien de mon forum : - Code:
-
http://saint-ange.forumactif.org | | |
| | | | Ikø' 
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Bonjour~
Le problème est-il toujours d’actualité? | | |
| | | | Tarsicius
{ Membre }
Messages : 107
| Toujours d'actualité, oui. Les images ont été mises en fixes mais j'aimerais tout de même savoir la solution des infobulles. | | |
| | | | Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Je ne comprends pas trop le problème en fait xD
Est-ce que c'est les infobulles des vacants? Genre quand on passe la souris, les bulles dépassent du cadre et elles sont coupées?
Si c'est bien cela, moi je ne vois pas le problème, perso ._. | | |
| | | | Tarsicius
{ Membre }
Messages : 107
| Quand on passe le curseur, elles s'affichent mais se coupent au bord du "cadre" de défilement. Donc à la limite on voit le début de la phrase, trois lignes sur six et tout le reste est coupé.
(Je répète quand même que je les ai modifiées et ai retiré le défilement, justement à cause de ce problème...) | | |
| | | | Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Ha d'accord xD
Et si tu remets le défilement~? Je suis curieuse, j'ai envie de voir ça donne quoi ._. | | |
| | | | Tarsicius
{ Membre }
Messages : 107
| Bon, je l'ai remis grossièrement, mais tu as l'idée principale .. xD
http://tarsicius-test.forumotion.com/index.htm | | |
| | | | Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Han ouais je vois o_o
C'est strange... Mais je ne crois pas que c'est possible de les faire dépasser du cadre du marquee.... ou peut-être ô_o
Comme ton code est dans une div, qui est un bloc, peut-être que si tu l'enlèves temporairement juste pour voir si ça marche o_o"
Parce que si c'est la div le problème, alors ça devrait être possible x) | | |
| | | | Tarsicius
{ Membre }
Messages : 107
| ... ... ... Nan ça change rien et ça ressemble plus à rien.. XD Enfin, ça prend toute la place quoi.. | | |
| | | | Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| XDDD MDR Okey~
Non je sais pas alors ._. désolée ;_; *gros câlin* | | |
| | | | Tarsicius
{ Membre }
Messages : 107
| Pas grave ^^  Merci quand même  Mais ce que je comprends pas c'est que j'ai essayé avec le overflow qui est supposé, si j'ai bien compris, le faire passer au-dessus du "cadre".. Et ça change absolument rien. | | |
| | | | Tarsicius
{ Membre }
Messages : 107
| J'ai un nouveau problème avec ma PA.. Il y a un espace énorme sous le texte et je ne sais pas d'où il vient... - Code:
-
<div style="border: 2px solid rgb(191, 69, 47); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #6c1516; -moz-border-radius-bottomleft: 15px; -moz-border-radius-topright: 15px; "><table style="width: 100%; border-collapse:collapse;"> <tr> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Top Partenaires</div> <br><div style="width:200px; margin-left: 15px;"><form> <select style="width: 150px" onchange="location = this.options [this.selectedIndex].value"> <option selected="selected"> Nos z'amis au top </option> <option value="url1-de-renvoi"> A venir! </option> </select> </form> <br><span class="lienPA"><a href="http://ange-rpg.forum-actif.net/partenariat-top-sites-f7/nos-partenaires-t26.htm">|Plus?|</a></span><span class="textPA"> &</span> <span class="lienPA"><a href="http://ange-rpg.forum-actif.net/partenariat-top-sites-f7/demande-de-partenariat-ouvert-aux-invites-t27.htm">|Vous?|</a></span></div></td> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Bienvenue!</div><MARQUEE onmouseover=this.stop() onmouseout=this.start() direction=up height:150px width: 200px scrollAmount=1 scrollDelay=1><DIV style="TEXT-ALIGN: justify; PADDING-BOTTOM: 10px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 10px; width: 200px;"><span class="textPA">Bienvenue étranger, dans un monde devenu enfer. Une brèche a été ouverte entre un monde parallèle et la Terre. Brèche créée accidentellement par les humains, bien sûr! À l'ouverture de cette brèche, des créatures sont entrées dans notre monde, semant discorde et chaos. L'ouverture est disparue, ne laissant aucune chance de renvoyer ces ''monstres'' dans leur propre monde. Au fil du temps, les humains sont moins nombreux, les créatures prennent de plus en plus de place et de pouvoir. Mais, les secours arrivent. Des anges sont envoyés sur Terre. Mais, est-ce que cela sera suffisant? <br><br>C'est à toi de jouer. Change la donne ou au contraire prend le pouvoir et plonge le monde dans un chaos total...</span></div></marquee></td> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Nous lier</div><div style="width:200px; margin-left: 15px;"><br><a href="http://ange-rpg.forum-actif.net/?sid=18a5ddee8436e250d9c14fd55036f95a" class="postlink"><img src="http://img693.imageshack.us/img693/5627/bouton1bis.jpg" border="0" alt="" /></a> <br><br><a href="http://ange-rpg.forum-actif.net/?sid=18a5ddee8436e250d9c14fd55036f95a" class="postlink"><img src="http://img534.imageshack.us/img534/7930/bouton2s.jpg" border="0" alt="" /></a> </div></td> </tr> <tr> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Top Sites</div><div style="margin-left: 15px; width:200px"><br><a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <br><a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <br><br><span class="lienPA"><a href="http://ange-rpg.forum-actif.net/partenariat-top-sites-f7/topsites-votez-pour-nous-t25.htm#231">|Plus?|</a></span></div></td> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Le Staff</div><div style="margin-left: 15px; width:200px;"><span class="textPA">Vénérable Admin Fondatrice: Aëla <br><img src="http://img693.imageshack.us/img693/814/adminr.jpg"> <br>Ses deux fidèles compagnons: Laly <br><img src="http://img9.imageshack.us/img9/3197/lalyb.jpg"> <br>& Tarsicius <br><img src="http://img814.imageshack.us/img814/8914/hayden.jpg"></span></div></td> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">News</div><div style="margin-left: 15px; width:200px"><div class="uneboite"><span class="textPA">{ Mise en place du forum</span></div></div></td> </tr> <tr> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Wanted</div><div style="width:210px"><DIV style="TEXT-ALIGN: center; PADDING-BOTTOM: 10px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 10px; margin-left: 15px; margin-top: 10px; border: 3px double black"><div style="border-bottom: 2px dotted black; padding-bottom:2px"><span class="textPA"><a href="http://ange-rpg.forum-actif.net/postes-vacants-f5/elfes-1-1-t13.htm#KellyNormand" class="infobulle"><img src="http://img59.imageshack.us/img59/9595/sophias.jpg"><span>Kelly Normand a 23 ans. Avec ses apparences angéliques, elle arrive à passer plus ou moins inaperçue. Pourtant, derrière ce beau visage ovale se cache une créature qu'il ne vaut mieux pas défier...</span></a> <a href="http://ange-rpg.forum-actif.net/postes-vacants-f5/dragons-1-1-t16.htm#BillySong" class="infobulle"><img src="http://img641.imageshack.us/img641/5716/mattlm.jpg"><span>Billy Song a 24 ans. Il est loin d'être innocent et ne le cache pour pas grand monde. Ses airs rêveurs peuvent jouer bien des tours, mais il faut prendre garde à ne jamais baisser sa garde en présence de ce jeune homme!</span></a> <a href="http://ange-rpg.forum-actif.net/postes-vacants-f5/lycan-1-1-t20.htm#JoeDowland" class="infobulle"><img src="http://img15.imageshack.us/img15/1377/johnnyw.jpg"><span>Joe Dowland, buté et ayant tendance à créer de l'hostilité, est pourtant déterminé à faire comprendre aux créatures assoifées de pouvoir qu'il voudrait mieux pour elles d'aller se terrer dans leur trou.</span></a></div><div style="padding-top:5px"><a href="http://ange-rpg.forum-actif.net/postes-vacants-f5/elementals-3-3-t17.htm#IsabelleJArrow" class="infobulle"><img src="http://img535.imageshack.us/img535/4807/haydenp.jpg"><span>Isabelle J. Arrow, jeune femme qui ne fait pas son âge et absolument surprenante. Souriante, mais surtout intelligente, mieux vaut ne pas la caresser à rebrousse-poil.</span></a> <a href="http://ange-rpg.forum-actif.net/postes-vacants-f5/vampires-3-3-t15.htm#StephenSullivan" class="infobulle"><img src="http://img535.imageshack.us/img535/5184/haydenc.jpg"><span>Stephen Sullivan est un être totalement imprévisible. Ne jamais lui tourner le dos, et peut-être que vous survivrez. Car Stephen est un adepte du sang humain, et ne fait pas la différence entre gentils et méchants.</span></a> <a href="http://ange-rpg.forum-actif.net/postes-vacants-f5/humains-1-1-t18.htm#SarahMcLahan" class="infobulle"><img src="http://img121.imageshack.us/img121/3006/emmaao.jpg"><span>Sarah McLahan, adolescente humaine, n'a pas eu la vie facile, avec le meurtre de ses parents. Heureusement, elle a survécu et compte bien se venger un jour ou l'autre. Ce n'est pas parce qu'on est qu'une humaine qu'on ne peut rien faire!</span></a></div><div style="text-align: center"><span class="lienPA"><a href="http://ange-rpg.forum-actif.net/postes-vacants-f5/">|Plus?|</a></span></div></div></td> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Navigation Rapide</div><div style="margin-left: 15px; width:200px"><DIV id=navigation> <br><a href="http://ange-rpg.forum-actif.net/reglement-contexte-autre-f1/reglements-du-forum-t1.htm">Règlement</a> <br><br><a href="">Contexte</a> <br><br><a href="http://ange-rpg.forum-actif.net/reglement-contexte-autre-f1/les-races-t12.htm">Races</a></DIV></div></td> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Crédits</div><div style="margin-left: 15px; width:200px;"><span class="textPA">Forum © Aëla <br>Design © Aëla <br>Contexte © Aëla & Laly <br>PA © Tarsicius <br>Structure © Laly <br>Codage © Tarsicius <br><br><div style="float: left; padding-right: 15px; margin-bottom: 4px; text-align: justify"><img src="http://sd-2.archive-host.com/membres/up/138867873435270344/logo-firefox.png"></div><div style="text-align: justify">Forum optimisé pour la dernière version de Mozilla Firefox.</div></span></div></td> </tr> </table></div> | | |
| | | | Tech
{ Membre actif }
 Messages : 1378
| Bonjour,
Où en est la demande ?
Le problème est-il toujours d'actualité ? | | |
| | | | Tarsicius
{ Membre }
Messages : 107
| | | | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Votre problème est-il résolu ?
| | |
| | | | Tarsicius
{ Membre }
Messages : 107
| | | | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour,
Votre problème est-il résolu ?
Si oui, merci de cocher dans "icône du sujet" l'icône "résolu" en éditant votre 1er post.
| | |
| | | | Tarsicius
{ Membre }
Messages : 107
| | | | | Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Bonjour~
De quel espace énorme parles-tu? Je suis retourné voir le forum du premier message mais je ne vois pas où est le problème~ | | |
| | | | Tarsicius
{ Membre }
Messages : 107
| Par exemple sous le "Plus" et "Vous" des partenaires. Il y a un très grand espace avant d'avoir en-dessous les top sites.. Et j'ai essayé en mettant un height, rien a faire.. :/ Si j'en mets un, l'espace s'agrandit.. | | |
| | | | Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Donc c'est simplement parce que les cellules de ton tableau ont une certaine grandeur du à ehm par exemple ta colonne bienvenue~~ Le contenu de tes cellules sont alignés selon le milieu des cellules~ Essaie ça:  - Code:
-
<div style="border: 2px solid rgb(191, 69, 47); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #6c1516; -moz-border-radius-bottomleft: 15px; -moz-border-radius-topright: 15px; "><table style="width: 100%; border-collapse:collapse;"> <tr> <td valign="bottom"><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Top Partenaires</div> <br><div style="width:200px; margin-left: 15px;"><form> <select style="width: 150px" onchange="location = this.options [this.selectedIndex].value"> <option selected="selected"> Nos z'amis au top </option> <option value="url1-de-renvoi"> A venir! </option> </select> </form> <br><span class="lienPA"><a href="http://ange-rpg.forum-actif.net/partenariat-top-sites-f7/nos-partenaires-t26.htm">|Plus?|</a></span><span class="textPA"> &</span> <span class="lienPA"><a href="http://ange-rpg.forum-actif.net/partenariat-top-sites-f7/demande-de-partenariat-ouvert-aux-invites-t27.htm">|Vous?|</a></span></div></td> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Bienvenue!</div><MARQUEE onmouseover=this.stop() onmouseout=this.start() direction=up height:150px width: 200px scrollAmount=1 scrollDelay=1><DIV style="TEXT-ALIGN: justify; PADDING-BOTTOM: 10px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 10px; width: 200px;"><span class="textPA">Bienvenue étranger, dans un monde devenu enfer. Une brèche a été ouverte entre un monde parallèle et la Terre. Brèche créée accidentellement par les humains, bien sûr! À l'ouverture de cette brèche, des créatures sont entrées dans notre monde, semant discorde et chaos. L'ouverture est disparue, ne laissant aucune chance de renvoyer ces ''monstres'' dans leur propre monde. Au fil du temps, les humains sont moins nombreux, les créatures prennent de plus en plus de place et de pouvoir. Mais, les secours arrivent. Des anges sont envoyés sur Terre. Mais, est-ce que cela sera suffisant? <br><br>C'est à toi de jouer. Change la donne ou au contraire prend le pouvoir et plonge le monde dans un chaos total...</span></div></marquee></td> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Nous lier</div><div style="width:200px; margin-left: 15px;"><br><a href="http://ange-rpg.forum-actif.net/?sid=18a5ddee8436e250d9c14fd55036f95a" class="postlink"><img src="http://img693.imageshack.us/img693/5627/bouton1bis.jpg" border="0" alt="" /></a> <br><br><a href="http://ange-rpg.forum-actif.net/?sid=18a5ddee8436e250d9c14fd55036f95a" class="postlink"><img src="http://img534.imageshack.us/img534/7930/bouton2s.jpg" border="0" alt="" /></a> </div></td> </tr> <tr> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Top Sites</div><div style="margin-left: 15px; width:200px"><br><a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <br><a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <a href=""><img src="http://img696.imageshack.us/img696/7089/topnd.png"></a> <br><br><span class="lienPA"><a href="http://ange-rpg.forum-actif.net/partenariat-top-sites-f7/topsites-votez-pour-nous-t25.htm#231">|Plus?|</a></span></div></td> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Le Staff</div><div style="margin-left: 15px; width:200px;"><span class="textPA">Vénérable Admin Fondatrice: Aëla <br><img src="http://img693.imageshack.us/img693/814/adminr.jpg"> <br>Ses deux fidèles compagnons: Laly <br><img src="http://img9.imageshack.us/img9/3197/lalyb.jpg"> <br>& Tarsicius <br><img src="http://img814.imageshack.us/img814/8914/hayden.jpg"></span></div></td> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">News</div><div style="margin-left: 15px; width:200px"><div class="uneboite"><span class="textPA">{ Mise en place du forum</span></div></div></td> </tr> <tr> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Wanted</div><div style="width:210px"><DIV style="TEXT-ALIGN: center; PADDING-BOTTOM: 10px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 10px; margin-left: 15px; margin-top: 10px; border: 3px double black"><div style="border-bottom: 2px dotted black; padding-bottom:2px"><span class="textPA"><a href="http://ange-rpg.forum-actif.net/postes-vacants-f5/elfes-1-1-t13.htm#KellyNormand" class="infobulle"><img src="http://img59.imageshack.us/img59/9595/sophias.jpg"><span>Kelly Normand a 23 ans. Avec ses apparences angéliques, elle arrive à passer plus ou moins inaperçue. Pourtant, derrière ce beau visage ovale se cache une créature qu'il ne vaut mieux pas défier...</span></a> <a href="http://ange-rpg.forum-actif.net/postes-vacants-f5/dragons-1-1-t16.htm#BillySong" class="infobulle"><img src="http://img641.imageshack.us/img641/5716/mattlm.jpg"><span>Billy Song a 24 ans. Il est loin d'être innocent et ne le cache pour pas grand monde. Ses airs rêveurs peuvent jouer bien des tours, mais il faut prendre garde à ne jamais baisser sa garde en présence de ce jeune homme!</span></a> <a href="http://ange-rpg.forum-actif.net/postes-vacants-f5/lycan-1-1-t20.htm#JoeDowland" class="infobulle"><img src="http://img15.imageshack.us/img15/1377/johnnyw.jpg"><span>Joe Dowland, buté et ayant tendance à créer de l'hostilité, est pourtant déterminé à faire comprendre aux créatures assoifées de pouvoir qu'il voudrait mieux pour elles d'aller se terrer dans leur trou.</span></a></div><div style="padding-top:5px"><a href="http://ange-rpg.forum-actif.net/postes-vacants-f5/elementals-3-3-t17.htm#IsabelleJArrow" class="infobulle"><img src="http://img535.imageshack.us/img535/4807/haydenp.jpg"><span>Isabelle J. Arrow, jeune femme qui ne fait pas son âge et absolument surprenante. Souriante, mais surtout intelligente, mieux vaut ne pas la caresser à rebrousse-poil.</span></a> <a href="http://ange-rpg.forum-actif.net/postes-vacants-f5/vampires-3-3-t15.htm#StephenSullivan" class="infobulle"><img src="http://img535.imageshack.us/img535/5184/haydenc.jpg"><span>Stephen Sullivan est un être totalement imprévisible. Ne jamais lui tourner le dos, et peut-être que vous survivrez. Car Stephen est un adepte du sang humain, et ne fait pas la différence entre gentils et méchants.</span></a> <a href="http://ange-rpg.forum-actif.net/postes-vacants-f5/humains-1-1-t18.htm#SarahMcLahan" class="infobulle"><img src="http://img121.imageshack.us/img121/3006/emmaao.jpg"><span>Sarah McLahan, adolescente humaine, n'a pas eu la vie facile, avec le meurtre de ses parents. Heureusement, elle a survécu et compte bien se venger un jour ou l'autre. Ce n'est pas parce qu'on est qu'une humaine qu'on ne peut rien faire!</span></a></div><div style="text-align: center"><span class="lienPA"><a href="http://ange-rpg.forum-actif.net/postes-vacants-f5/">|Plus?|</a></span></div></div></td> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Navigation Rapide</div><div style="margin-left: 15px; width:200px"><DIV id=navigation> <br><a href="http://ange-rpg.forum-actif.net/reglement-contexte-autre-f1/reglements-du-forum-t1.htm">Règlement</a> <br><br><a href="">Contexte</a> <br><br><a href="http://ange-rpg.forum-actif.net/reglement-contexte-autre-f1/les-races-t12.htm">Races</a></DIV></div></td> <td><div style="width:200px; height:10px; border: 2px solid rgb(231, 89, 79); padding: 10px; margin: 5px; text-align: center; font-family: arial; font-size: 12px; background-color: #3b0000; -moz-border-radius-bottomright: 15px; -moz-border-radius-topleft: 15px; ">Crédits</div><div style="margin-left: 15px; width:200px;"><span class="textPA">Forum  Aëla <br>Design Aëla <br>Contexte Aëla & Laly <br>PA Tarsicius <br>Structure Laly <br>Codage Tarsicius <br><br><div style="float: left; padding-right: 15px; margin-bottom: 4px; text-align: justify"><img src="http://sd-2.archive-host.com/membres/up/138867873435270344/logo-firefox.png"></div><div style="text-align: justify">Forum optimisé pour la dernière version de Mozilla Firefox.</div></span></div></td> </tr> </table></div> Je ne sais pas si tu vois, mais le premier td, je lui ai mit valign="bottom", ça va faire aligner le contenu de cette cellule-là vers le bas~~~ | | |
| | | | Tarsicius
{ Membre }
Messages : 107
| Génial! Merci beaucoup! =D Je vais faire les modifications pour tous demain ^^
Et comment est-ce qu'on fait pour que tous soient au même niveau? Ce sera fait avec ce code-là? :/ | | |
| | | | Ikø'
Pika'Ghøst
~ Maîtresse des pelles ~
Messages : 3193
| Pour que tout soit au même niveau, il faut mettre valign="top" partout, mais il va quand même y avoir un espace~
Sinon, si tu fais valign="bottom" partout, il va y avoir d'autres espaces. Je ne sais pas si tu vois ce que je veux dire xD
Genre la première cellule, si c'Est la seule alignée vers le bas, il va y avoir un espace moins grand entre celle-là et celle alignée au milieu (la deuxième, première colonne). Mais si elle aussi tu l'aligne vers le bas, l'Espace va être plus grand oo | | |
| | | | Kaiji
Blanche-Neige
Messages : 5578
| Bonjour, Votre problème est-il résolu ? Si oui, merci de cocher dans "icône du sujet" l'icône  en éditant votre 1er post.
| | |
| | | | Contenu sponsorisé
| | | | | | | Arrangement tableau + infobulles | |
|
Sujets similaires | |
|
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|
