begin process at 2010 03 12 17:58:21
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Problème avec overflow:hidden


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Problème avec overflow:hidden

mardi 30 juin 2009 à 08:28:55 | Problème avec overflow:hidden

ov3rdoze

Membre Club

Bonjour à tous

J'essaye de faire défiler des images en boucle dans un cadre. Les images feront toutes 92px de hauteur et de largeur. Le cadre fait lui la même hauteur, mais est assez large pour afficher 4 images.
J'essaye de placer les imagesune à côté de l'autre, mais si je mets plus de 4 images, les suivantes se placent en dessous. Sauriez-vous comment forcer le placement des images?

Voici mon code actuel :

    <div id="CadreLsProjets" onmouseover="arreter()" onmouseout="defiler()">
     <?php
      $i = 1;
      $qProjet = mysql_query ("SELECT * FROM projet WHERE ref_projet=$id ORDER BY num_projet;");
      $nbProjets = mysql_num_rows ($rProjet);
      while ($rProjet = mysql_fetch_array ($qProjet)) {
       ....
       ?>
        <a href="projet?php?id=<?=$rProjet['id_projet']?>" title="">
         <div id="Projet<?=$i?>" class="Projet" onmouseover="survol(this, '<?=$titre?>', <?=$marge?>)" onmouseout="sortie(this, '<?=$titre?>', '<?=$rProjet['img_projet']?>')">
          <img src="images/projets/vignettes/<?=$rProjet['img_projet']?>" alt="<?=$titre?>" />
         </div>
        </a>
       <?php
        $i++;
       }
      ?>
    </div>

CadreLsProjets est le cadre dans lequel les images vont défiler. La boucle PHP liste les infos récupérées dans une base de donnée.
Chaque image est dans un DIV (car il faut également une action au survol de l'image : un texte la remplace), lui même dans une balise A.

Et voici le CSS qui me pose problème :

#CadreLsProjets {
 position: absolute;
 left: 440px;
 top: 425px;
 width: 368px;
 height: 96px;
 border: none;
 overflow: hidden;
 margin: 0px;
 padding: 0px;
}

.Projet {
 float: left;
 background-color: #aac605;
 color: #fff;
 width: 92px;
 height: 92px;
 text-align: center;
}

La classe Projet est appliquée à chaque cadre contenant une image.

Quelqu'un aurait une idée?
Merci d'avance

mardi 30 juin 2009 à 09:11:35 | Re : Problème avec overflow:hidden

Bul3

Membre Club
Bonjour,
probablement style="display:inline" sur les div ( voire sur les a ? )

t'es sur d'avoir besoin d'un luen, qui conteint une div qui conteint une image ?
       l'image directement ne convient pas ?     c'est un peu lord

t'es sûr de ne pas vouloir utiliser la balise marquee ?
      ça fait quasi cela, sans rien mettre que du html
Cordialement [mon Site] [M'écrire] Bul
mardi 30 juin 2009 à 09:23:53 | Re : Problème avec overflow:hidden

ov3rdoze

Membre Club

Il s'agit d'un menu, le lien est nécessaire. J'airai préféré le mettre sur l'image, mais le client veut qu'au survol, l'image disparaisse pour laisser à la place un carré avec le nom de la page vers laquelle on va. En mettant un div dans le lien, ça me permet de mettre le lien que ce soit l'image ou le texte qui soit affiché.

J'ai essayé la balise marquee, mais ça fait une sorte de clignottement, je sais pas pourquoi. En plus il faut que je renvoie ensuite les images déjà passées à la suite pour que ça boucle.

Je vais essayer display:inline.
Merci

mardi 30 juin 2009 à 16:04:48 | Re : Problème avec overflow:hidden

jdmcreator

Bonjour,

Sinon je crois qu'il existe une balise <nobr> mais je ne m'y suis jamais interessé ;)

JDMCreator

-- Participez au nouveau wiki sur le Javascript : fr.jsinfo.wikia.com --


Cette discussion est classée dans : images, problème, projet, cadre, overflow


Répondre à ce message

Sujets en rapport avec ce message

problème avec stack overflow at line... [ par thunderbolt ] Bonjour tout le monde, j'ai un petit problème...Il m'apparait une fenêtre d'alerte dans laquelle est marqué le message :"Stack overlow at line 21"...T Problème images aléatoires !! [ par fredismyname ] Salut ! J'ai un méchant gros problème frustrant : Le logo et une image aléatoire vont ensemble l'une à côté de l'autre, mais dans les navigateurs ( Cadre dans une images JPG [ par Spacego ] Bonjour à tous,Voilà depuis un petit moment, j'essaye de trouver un moyen d'intégrer un cadre, qui permettrais d'afficher un lien extérieur (HTML), da Problème de fermeture de frame [ par guitza87 ] Bonjour tt le monde !Voila j'ai un problème et je n'arrive pas à le résoudre, c'est pourquoi je sollicite vos compétences.Etant débutant en js, je pen Problème avec onmouse et images [ par dedeazer ] Bonsoir,Je souhaite afficher un bouton image (bouton.jpg) et qui lors du passage de la souris dessus change d'aspect (bouton_enfonce.jpg) et qu'une au Un tout petit problème [ par sense ] Bonjour à tous j'ai un petit soucis voila mon source function showimage() {if (!document.images)returndocument.images.monImage.src= './images/recette' Faire apparaître des images en alternance dans un même cadre [ par erge ] Bonjour, J'aimerai savoir quelle est la méthode la plus simple et la plus sûr pour son fonctionnement pour faire apparaître dans un même cadre ou calq problème de de div images [ par sagaff ] J'ai un problème avec une image et un texte, je vous montre ce que j'aimerai faire via cette image:Donc j'ai tout simplement" <img src=""&gt Problème de cadre autour d'un div [ par flexx ] Bonjour J'ai créé un div avec une bordure d'un pixel noire et mon cadre apparait de façon bizarre dans le coin inférieur gauche du div sous IE 6. En Petit problème javascript... [ par willho3 ] Plus doué en php qu'en javascript, j'ai un petit problème qui devrait vous paraitre ridicule mais que je n'ai su surmonter...alors voila : dans ma pag


Nos sponsors


Appels d'offres

Sondage...

Comparez les prix

CalendriCode

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,530 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales