Un petit coup de pouce ? Bouton_activeUn petit coup de pouce ? Bouton_hoverUn petit coup de pouce ? Fb-hoverUn petit coup de pouce ? Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
Un petit coup de pouce ? EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Un petit coup de pouce ? EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Un petit coup de pouce ? EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Un petit coup de pouce ? EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Un petit coup de pouce ? EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Un petit coup de pouce ? EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Un petit coup de pouce ? EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Un petit coup de pouce ? EmptySam 11 Fév 2023, 06:04 par Krager

-47%
Le deal à ne pas rater :
SteelSeries Apex 9 TKL – Clavier de jeu mécanique – Switchs ...
79.99 € 149.99 €
Voir le deal

Partagez
 

Un petit coup de pouce ?

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://angels-house.forum-actif.net/forum.htm
Livia666
Livia666
{ Membre }
{ Membre }

Féminin Messages : 82



Un petit coup de pouce ? Empty
Bonsoir bonsoir =)

Cette fois-ci je vous embête sur une chose sûrement simple. Voici mon soucis en image car ce sera plus parlant.

Spoiler:

Comme vous pouvez le voir, je souhaite créer un menu cliquable situé à côté d'une div déjà en place. Cependant, impossible de faire cela. Je n'arrive pas à placer quoi que ce soir à côté du champ "répartition des personnages", tout fini immanquablement par être placé en dessous. Je m'embrouille, m'emmêle les pinceaux et panique désormais sur ce bout de code à la manque !

De plus, j'aimerais savoir si mon code de PA ne pourrais pas être un peu "nettoyé" je suis sûre que des bouts de trucs servent fondamentalement à rien du tout, donc si quelqu'un de plus efficace que moi pouvait y jeter un petit coup d'oeil ça m'arrangerait --'

Voici mon code de PA, j'ai le CSS au besoin.
Code:
<table width="100%" align="right" border="0" cellpadding="1" cellspacing="1">

<tbody>

<tr align="center">



<!--== Bienvenue ==-->

<br><p></p></td><td style="vertical-align: top;"></td><td style="vertical-align: top;"><br></td>
<td colspan="3" valign="top"> <div align="left"> <div class="opacitywelcome"><img src="http://i48.tinypic.com/oan86p.jpg" border="0"></div></div>
<div class="nombrespersos" align="justify"  style="width:200px;height:100px;overflow:auto;">
<font face="Georgia"><i>~ <span style="font-size: 17px; line-height: normal">R</span>EPARTITION DES <span style="font-size: 17px; line-height: normal">P</span>ERSONNAGES</i></font> :<br>
<br>
<font size="2"><span style="color: DarkRed;">°</span> 53 Anges.
<br><span style="color: DarkRed;">°</span></span> 54 Humains.</font>
<br>
<br><font size="1">[Merci de garder un équilibre entre les groupes.]</font></div>



<!--== Prédefinis ==-->

<td valign="top" width="200"><p align="right"><div class="opacitywelcome"><img src="http://i47.tinypic.com/vfh3pf.png" border="0"></div></p><br><div align="right"><div class="opacity">
         
 <a href="#" class="infobulle"><img src="http://nsm03.casimages.com/img/2010/03/02//1003021048321001815547409.jpg"><span><center><b>~ ARMAND MILLER</b><br>
Policier lèche-bottes,<br>
Armand est l'âme damnée<br>
de Cruser pour lequel il<br>
enquête, voir trucide...<br></center><div><a href="http://angels-house.forum-actif.net/les-predefinis-f118/predefini-armand-miller-t1653.htm" target="_blank">? Le Jouer ?</a></div></span></a> <a href="#" class="infobulle"><img src="image"><span><center><b>~ ETHAN WALTHER</b><br>
Journaliste fouille-merde,<br>
Ethan suit les sombres<br>
évènements en photographiant<br>
et dénonçant à tour de bras. <br><div><a href="http://angels-house.forum-actif.net/les-predefinis-f118/predefini-ethan-walther-t1635.htm?sid=7248a4ffa7ae8776d5e28c288cf4c7a5" target="_blank">? Le Jouer ?</a></center></div></span></a>
</div>

<!--== Administration ==-->

<p align="right"><div class="opacitywelcome"><img src="http://i50.tinypic.com/2rngeib.png" border="0"></div></p>

<br><div class="opacityadministration"><a href="http://angels-house.forum-actif.net/profile.forum?mode=viewprofile&u=1" target="_blank"><img src="http://i47.tinypic.com/1zd0v49.png"></a><br>
<br>
<a href="http://angels-house.forum-actif.net/profile.forum?mode=viewprofile&u=266" target="_blank"><img src="http://i48.tinypic.com/21l0fwk.jpg"></a> <a href="http://angels-house.forum-actif.net/profile.forum?mode=viewprofile&u=64" target="_blank"><img src="http://nsm03.casimages.com/img/2010/03/02//1003021056511001815547434.jpg"></a></div>
<br>

<!--== S&P ==-->


<p align="right"><div class="opacitywelcome"><img src="http://i49.tinypic.com/280hyk0.png" border="0"></div></p>

          <div class="opacitywelcome"><center><a href="lien" target="_blank"><img src="http://nsm03.casimages.com/img/2010/03/02//1003021055411001815547430.png"></a></center></div>

<!--==Crédits ==--><div style="text-align: right; color: SandyBrown;">
<font style="font-family: Arial; color: #996633;" size="1">Design & Contenu ©️ Livia666 [Nitael]<br><a href="http://angels-house.forum-actif.net/code-civil-f3/reglement-t29.htm" class="postlink" target="_blank">+Lire les Crédits+</a></font></div>

</td>
</tr>
</tbody></table>
MessageSujet: Un petit coup de pouce ?   Un petit coup de pouce ? EmptyDim 14 Mar 2010, 15:11
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Un petit coup de pouce ? Empty
J'avoue avoir essayé Livounette, mais j'a pas réussi Sad

Ton problème est-il toujours d'actu ? ^^
MessageSujet: Re: Un petit coup de pouce ?   Un petit coup de pouce ? EmptySam 20 Mar 2010, 16:31
Revenir en haut Aller en bas
http://angels-house.forum-actif.net/forum.htm
Livia666
Livia666
{ Membre }
{ Membre }

Féminin Messages : 82



Un petit coup de pouce ? Empty
Merci de ton essais choupinette ^^

Et oui le soucis est toujours d'actualité (sauf si j'arrive à créer une image dynamique entretemps x) Mais je crois qu'il faut pas rêver.) <3
MessageSujet: Re: Un petit coup de pouce ?   Un petit coup de pouce ? EmptySam 20 Mar 2010, 16:33
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Un petit coup de pouce ? Empty
Après d'autres tests, j'en suis venue à la conclusion qu'il fallait tout simplement rajouter un tableau après la grosse image XD

Donc, voici le nouveau code de ta PA et bien sûr, il te faudra modifier ce que j'ai simplement dupliqué ^^

Code:
<table width="100%" align="right" border="0" cellpadding="1" cellspacing="1">

<tbody>

<tr align="center">



<!--== Bienvenue ==-->

<br><p></p></td><td style="vertical-align: top;"></td><td style="vertical-align: top;"><br></td>
<td colspan="3" valign="top"> <div align="left" class="opacitywelcome"><img src="http://i48.tinypic.com/oan86p.jpg" border="0"></div>


<table><tr><td><div class="nombrespersos" align="justify"  style="width:200px;height:100px;overflow:auto;">
<font face="Georgia"><i>~ <span style="font-size: 17px; line-height: normal">R</span>EPARTITION DES <span style="font-size: 17px; line-height: normal">P</span>ERSONNAGES</i></font> :<br>
<br>
<font size="2"><span style="color: DarkRed;">°</span> 53 Anges.
<br><span style="color: DarkRed;">°</span></span> 54 Humains.</font>
<br>
<br><font size="1">[Merci de garder un équilibre entre les groupes.]</font></div></td>

<td><div class="nombrespersos" align="justify"  style="width:200px;height:100px;overflow:auto;">
<font face="Georgia"><i>~ <span style="font-size: 17px; line-height: normal">R</span>EPARTITION DES <span style="font-size: 17px; line-height: normal">P</span>ERSONNAGES</i></font> :<br>
<br>
<font size="2"><span style="color: DarkRed;">°</span> 53 Anges.
<br><span style="color: DarkRed;">°</span></span> 54 Humains.</font>
<br>
<br><font size="1">[Merci de garder un équilibre entre les groupes.]</font></div></td></tr></table>



<!--== Prédefinis ==-->

<td valign="top" width="200"><p align="right"><div class="opacitywelcome"><img src="http://i47.tinypic.com/vfh3pf.png" border="0"></div></p><br><div align="right"><div class="opacity">
       
 <a href="#" class="infobulle"><img src="http://nsm03.casimages.com/img/2010/03/02//1003021048321001815547409.jpg"><span><center><b>~ ARMAND MILLER</b><br>
Policier lèche-bottes,<br>
Armand est l'âme damnée<br>
de Cruser pour lequel il<br>
enquête, voir trucide...<br></center><div><a href="http://angels-house.forum-actif.net/les-predefinis-f118/predefini-armand-miller-t1653.htm" target="_blank">? Le Jouer ?</a></div></span></a> <a href="#" class="infobulle"><img src="image"><span><center><b>~ ETHAN WALTHER</b><br>
Journaliste fouille-merde,<br>
Ethan suit les sombres<br>
évènements en photographiant<br>
et dénonçant à tour de bras. <br><div><a href="http://angels-house.forum-actif.net/les-predefinis-f118/predefini-ethan-walther-t1635.htm?sid=7248a4ffa7ae8776d5e28c288cf4c7a5" target="_blank">? Le Jouer ?</a></center></div></span></a>
</div>

<!--== Administration ==-->

<p align="right"><div class="opacitywelcome"><img src="http://i50.tinypic.com/2rngeib.png" border="0"></div></p>

<br><div class="opacityadministration"><a href="http://angels-house.forum-actif.net/profile.forum?mode=viewprofile&u=1" target="_blank"><img src="http://i47.tinypic.com/1zd0v49.png"></a><br>
<br>
<a href="http://angels-house.forum-actif.net/profile.forum?mode=viewprofile&u=266" target="_blank"><img src="http://i48.tinypic.com/21l0fwk.jpg"></a> <a href="http://angels-house.forum-actif.net/profile.forum?mode=viewprofile&u=64" target="_blank"><img src="http://nsm03.casimages.com/img/2010/03/02//1003021056511001815547434.jpg"></a></div>
<br>

<!--== S&P ==-->


<p align="right"><div class="opacitywelcome"><img src="http://i49.tinypic.com/280hyk0.png" border="0"></div></p>

          <div class="opacitywelcome"><center><a href="lien" target="_blank"><img src="http://nsm03.casimages.com/img/2010/03/02//1003021055411001815547430.png"></a></center></div>

<!--==Crédits ==--><div style="text-align: right; color: SandyBrown;">
<font style="font-family: Arial; color: #996633;" size="1">Design & Contenu ©️ Livia666 [Nitael]<br><a href="http://angels-house.forum-actif.net/code-civil-f3/reglement-t29.htm" class="postlink" target="_blank">+Lire les Crédits+</a></font></div>

</td>
</tr>
</tbody></table>

Gros bisous et dis si tu as toujours un soucis ^^
MessageSujet: Re: Un petit coup de pouce ?   Un petit coup de pouce ? EmptySam 20 Mar 2010, 18:42
Revenir en haut Aller en bas
http://angels-house.forum-actif.net/forum.htm
Livia666
Livia666
{ Membre }
{ Membre }

Féminin Messages : 82



Un petit coup de pouce ? Empty
C'est tout à fait ça =)

Merci encore miss !

Et c'est résolu o/
MessageSujet: Re: Un petit coup de pouce ?   Un petit coup de pouce ? EmptySam 20 Mar 2010, 18:47
Revenir en haut Aller en bas
http://nin-gai.forum2ouf.com/
Imari
Imari
{ Membre hyper-actif }
{ Membre hyper-actif }

Féminin Messages : 1538



Un petit coup de pouce ? Empty
Je classe donc ^^
MessageSujet: Re: Un petit coup de pouce ?   Un petit coup de pouce ? EmptySam 20 Mar 2010, 18:48
Revenir en haut Aller en bas
Contenu sponsorisé




Un petit coup de pouce ? Empty
MessageSujet: Re: Un petit coup de pouce ?   Un petit coup de pouce ? Empty
Revenir en haut Aller en bas
 

Un petit coup de pouce ?

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Un petit coup de pouce
» [En cours ~ Hawkins] Petit coup de pouce pour finir mon QEEL
» Coup de pouce pour un encadrement (: [RESOLU]
» Besoin d'un petit coup de main avec un tutoriel
» Un coup de main !

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit