probleme galerie photo css photo_simple

TO LET OPINIONS , QUESTION , REQUEST or JUST FOR LET FRIENDLY MESSAGE

probleme galerie photo css photo_simple

Postby mylene325 on Wed Jun 09, 2010 5:19 pm

Bonjour,

j'ai un petit soucis, je voudrais que l'image en grand format s'affiche sous les miniatures, j'ai réussi à mettre les miniatures en ligne mais je n'arrive pas à descendre l'affichage de la grand image même lorsque je change la valeur de top dans le css.
peux-tu m'aider s'il te plaît
merci d'avance
User avatar
mylene325
 
Posts: 10
Joined: Wed Jun 09, 2010 11:10 am

Re: probleme galerie photo css photo_simple

Postby RAD on Wed Jun 09, 2010 7:13 pm

Salut

Oui c est avec la CSS que tu peux

Regler cela !

Mais la je suis a l etrange et je n ai que mon iphone

Et je ne peux pas coder avec ,je reviens la semaine prochaine et je te montre cela

A+
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Re: probleme galerie photo css photo_simple

Postby mylene325 on Tue Jun 15, 2010 10:56 am

Merci bcp
peux tu me dire aussi si c'est possible que la photo reste affiché en grand jusqu'à ce qu'on clique sur autre miniature
User avatar
mylene325
 
Posts: 10
Joined: Wed Jun 09, 2010 11:10 am

Re: probleme galerie photo css photo_simple

Postby RAD on Tue Jun 15, 2010 12:28 pm

Salut

Pour cela regarde sur un de mes autres sites (le coin en haut a droite de cette page
Ou si tu ne le vois pas ici http://rad2.free.fr ) et tu vas dans XHTML. CSS. Tu as la gallerie 2 qui est faite sur la meme base que celle que tu as mais qui ouvre les grande au click

Voila le lien direct vers la gallerie 2 pour que tu puisse regarder le code source et la CSS
http://rad2.free.fr/ccm/aides_CCM/XHTML ... lery2.html

A+
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Re: probleme galerie photo css photo_simple

Postby mylene325 on Tue Jun 15, 2010 2:26 pm

Merci pour cette réponse rapide, mais comment je peux récupérer le css de ta galerie 2
User avatar
mylene325
 
Posts: 10
Joined: Wed Jun 09, 2010 11:10 am

Re: probleme galerie photo css photo_simple

Postby RAD on Tue Jun 15, 2010 3:05 pm

Loool je pensais que tu savais lire les codes source et que tu aurais vue le lien vers la CSS

Donc la voilà
Code: Select all
a, a:visited {color:#000;}
a.image, a.image:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:75px; height:47px; float:left; margin:4px; z-index:50;}
a.grandea {background:url(img/Img410thumb.jpg);}
a.grandeb {background:url(img/Img413thumb.jpg);}
a.grandec {background:url(img/Img414thumb.jpg);}
a.granded {background:url(img/Img415thumb.jpg);}
a.grandee {background:url(img/Img416thumb.jpg);}
a.grandef {background:url(img/Img412thumb.jpg);}
a.grandeg {background:url(img/Img411thumb.jpg);}
a.grandeh {background:url(img/Img418thumb.jpg);}
a.grandei {background:url(img/Img419thumb.jpg);}
a.grandej {background:url(img/Img420thumb.jpg);}
a.image em, a.image span {display:none;}
a.image:hover {border:1px solid #fff;}
#container {position:relative; width:690px; height:420px; background: #333333; margin:1em auto;}
#container img {border:0;}
#container .souscontainer {width:170px; position:absolute; left:0; top:0;}
#container a.image:hover span {display:block; position:absolute; width:480px; height:50px; top: 365px ;left: 5px; padding:5px; font-style:italic; color:#fff;  z-index:100;}

html{
background-color: #171717;}

#container a.image:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#ff611d;}
#container a.image:active, #container a.image:focus {border:1px solid #000;}
#container a.image:active em, #container a.image:focus em {display:block; position:absolute; width:480px; height:360px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; z-index:50;}
#container h1 {clear:both; margin:0; padding-top:80px; padding-left:250px; width:300px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color: #ff611d}
#container h1 em {font-size:0.6em; color: #bdbdbd}
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Re: probleme galerie photo css photo_simple

Postby mylene325 on Tue Jun 15, 2010 3:11 pm

heu non désolé je mis connais pas trop, je découvre tous ça à travers la création de mon site qui est mon 1er.
donc le code que tu m'as donné c'est bien le css ou c'est le code a mettre dans ma page html?
User avatar
mylene325
 
Posts: 10
Joined: Wed Jun 09, 2010 11:10 am

Re: probleme galerie photo css photo_simple

Postby RAD on Tue Jun 15, 2010 3:18 pm

Oui c est la css qui vas avec la page html de la galllerie 2

Dis moi si tu ni arrive pas

A+
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Re: probleme galerie photo css photo_simple

Postby mylene325 on Tue Jun 15, 2010 3:32 pm

Heu je t'avoue que la je suis largué
User avatar
mylene325
 
Posts: 10
Joined: Wed Jun 09, 2010 11:10 am

Re: probleme galerie photo css photo_simple

Postby RAD on Tue Jun 15, 2010 4:30 pm

voila le code html qui vas avec le CSS que je t ai mis plus haut

Cette CSS est externe et est appelee par cette ligne
<link rel="stylesheet" href="gallery2.css" type="text/css" />
qui ce trouve dans les head du code html ci dessous

Code: Select all
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<head>   
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />   
  <title>RAD ZONE Webcreation   
  </title>     
  <meta name="author" content="http://radservebeer.free.fr" />   
  <meta name="generator" content="PSPad editor, www.pspad.com" />       
  <link rel="stylesheet" href="gallery2.css" type="text/css" />
</head> 
<body>     
  <div id="container">   
    <div class="souscontainer">     
      <a class="image grandea" href="#nogo">       
        <em>         
          <img src="img/img410.jpg" alt="Square" title="One Night in Square" />        </em>       
        <span>One Night in Square<br /> Rad Zone webcreation        </span></a>     
      <a class="image grandeb" href="#nogo">       
        <em>         
          <img src="img/img413.jpg" alt="Surfing Taurus" title="Surfing Taurus" />        </em>       
        <span>Surfing Taurus<br /> Rad Zone webcreation        </span></a>     
      <a class="image grandec" href="#nogo">       
        <em>         
          <img src="img/img414.jpg" alt="I Love the Cleaning Day" title="I Love the Cleaning Day" />        </em>       
        <span>I Love the Cleaning Day<br /> Rad Zone webcreation        </span></a>     
      <a class="image granded" href="#nogo">       
        <em>         
          <img src="img/img415.jpg" alt="Bigger isnt Always Better" title="Bigger isnt Always Better" />        </em>       
        <span>Bigger isnt Always Better<br /> Rad Zone webcreation        </span></a>     
      <a class="image grandee" href="#nogo">       
        <em>         
          <img src="img/img416.jpg" alt="Breaking Glasses" title="Breaking Glasses" />        </em>       
        <span>Breaking Glasses<br /> Rad Zone webcreation        </span></a>     
      <a class="image grandef" href="#nogo">       
        <em>         
          <img src="img/img412.jpg" alt="Mechanical Chaos" title="Mechanical Chaos" />        </em>       
        <span>Mechanical Chaos<br /> Rad Zone webcreation        </span></a>     
      <a class="image grandeg" href="#nogo">       
        <em>         
          <img src="img/img411.jpg" alt="Houses of Parliament" title="Houses of Parliament" />        </em>       
        <span>Houses of Parliament<br /> Rad Zone webcreation        </span></a>     
      <a class="image grandeh" href="#nogo">       
        <em>         
          <img src="img/img418.jpg" alt="Lady Bird" title="Lady Bird" />        </em>       
        <span>Lady Bird<br /> Rad Zone webcreation        </span></a>     
      <a class="image grandei" href="#nogo">       
        <em>         
          <img src="img/img32.jpg" alt="Walkyrie" title="Walkyrie" />        </em>       
        <span>Walkyrie of Hell<br /> Rad Zone webcreation        </span></a>     
      <a class="image grandej" href="#nogo">       
        <em>         
          <img src="img/img420.jpg" alt="Angel or Evil" title="Angel or Evil" />        </em>       
        <span>Angel or Evil<br /> Rad Zone webcreation        </span></a>    </div><h1>Gallery<br />     
      <em>by      </em><br />Rad Zone</h1> 
  </div>
</body>
</html>
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Re: probleme galerie photo css photo_simple

Postby mylene325 on Tue Jun 15, 2010 4:42 pm

Ok merci
cela pose un problème si j'ai plusieurs css pour mon site?
User avatar
mylene325
 
Posts: 10
Joined: Wed Jun 09, 2010 11:10 am

Re: probleme galerie photo css photo_simple

Postby RAD on Tue Jun 15, 2010 4:53 pm

cela pose un problème si j'ai plusieurs css pour mon site?


Non absoluement pas ,il faut juste faire attention qu il ni ai pas
Plusieurs fois la meme CSS avec des valeurs differente pour la meme balise!

Par exemple pour <body> que tu as dans ma css et que tu devrais avoir aussi pour tes pages ! Si certaines des valeurs sont contradictoire ,par exemple 2 background different entre les CSS
, c est le 1 lue par le navigateur qui sera pris en compte

Tu comprend ce que je veux dire ?

A+
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Re: probleme galerie photo css photo_simple

Postby mylene325 on Tue Jun 15, 2010 6:45 pm

Oui je comprends
merci beaucoup de ton aide.
J'ai bien compris comment il fallait faire sauf que je n'arrive pas a mettre mes images en miniature.

dans la css tu as ça toi:

a.grandeb {background:url(img/Img413thumb.jpg);}

je sais que je dois remplacer le chemin par mon chemin pour accéder à ma photo mais ça ne marche pas :(
User avatar
mylene325
 
Posts: 10
Joined: Wed Jun 09, 2010 11:10 am

Re: probleme galerie photo css photo_simple

Postby mylene325 on Tue Jun 15, 2010 7:33 pm

Tiens je t'ai fait un fichier .zip avec mon code en html, mon css qui détermine la mise en page de mon site, la css pour la galerie photo, ainsi que le dossier avec les photos
Regarde voir si toi tu y arrive à afficher les miniatures.

http://www.megaupload.com/?d=V0NN3KYX
User avatar
mylene325
 
Posts: 10
Joined: Wed Jun 09, 2010 11:10 am

Re: probleme galerie photo css photo_simple

Postby RAD on Wed Jun 16, 2010 2:13 pm

Looool.
Tu as oublier que tant que je suis a l etrange je n ai que mon iphone :-)

Et coder avec un iphone ,bon courrage pour mes yeux !!
RAD

Image La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une.
User avatar
RAD
Administrateur - Site Admin
 
Posts: 532
Joined: Thu Aug 31, 2006 12:02 am

Next

Return to RAD ZONE FORUM

Who is online

Users browsing this forum: No registered users and 2 guests

cron