Se connecter / S'enregistrer
Votre question

Aide mini galerie CSS

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
6 Juin 2007 09:34:57

Salut à tous,

Je suis en train de construire un site avec l'aide d'un CMS connu : Wordpress. POur cela j'ai construi moi même mon style.css et je souhaite que pour la page réalisations, afficher le détails (lorsqu'on clique sur "détails") dans une petite zone à droite de l'image.

Comment je peux faire pour seulement afficher du texte apres avoir cliqué au sein de la même page.

Merci de votre aide.

Autres pages sur : aide mini galerie css

6 Juin 2007 15:17:29

Je n'ai pas trop compris où on devait cliquer, et où ca devait aller...
6 Juin 2007 16:34:13

C'est pas grave je me suis débrouillé :p 

En cliquant, sur "détails" je voulais afficher le texte correspondant.
Contenus similaires
6 Juin 2007 16:36:43

sans recharger la page c'est bien ça ? alors faut plutôt utilisé le javascript je pense ^^ enfin je ne vois que ça, tu as fait comment ??
7 Juin 2007 10:17:24

J'ai juste placer du texte à droite, sans avoir a cliquer sur "détails".

Par contre ce que j'ai fais ne s'affiche pas du tout sur IE :

  1. /*---PHOTOS----*/
  2. .real{
  3. padding-top:0px;
  4. padding-bottom:10px;
  5. }
  6. .real img{
  7. height:150px;
  8. width:250px;
  9. margin:0px;
  10. padding-top:10px;
  11. padding-right:320px;/*mettre à 40 pour affichage en decalage*/
  12. padding-bottom:20px;
  13. float:left;
  14. }
  15. /*---COMMENTAIRES REALISATIONS----*/
  16. .comment {
  17. font-size:11px;
  18. font-family:Verdana, Arial, Helvetica, sans-serif;
  19. padding-top:10px;
  20. }
  21. .comment a{
  22. text-decoration:none;
  23. color: #9F5211;
  24. }
  25. .comment a:link{font-weight:normal;}
  26. .comment a:visited{font-weight:normal;}
  27. .comment a:hover{font-weight:bold;}
  28. .comment a:active{font-weight:bold;}
  29. /*---DETAILS DES REALISATIONS--------------------*/
  30. .details{
  31. height:auto;
  32. width:250px;
  33. position:absolute;
  34. background-color:#F7F7F7;
  35. margin-top:10px;
  36. margin-left:300px;
  37. }
  38. .details p{
  39. margin:0px;
  40. padding:0px;
  41. }


Ca doit pas être clair pour vous mais moi je me comprend :p 

Vraiment chiant ce IE, j'ai juste la partie "details" qui ne s'affiche pas sur IE...
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS