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

ov3rdoze
|
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
|
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
|
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="">
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
Livres en rapport
|
Derniers Blogs
PB LORS DE L'INSTALLATION SHAREPOINT 2010.PB LORS DE L'INSTALLATION SHAREPOINT 2010. par Patrick Guimonet
Lors de l'installation de SharePoint 2010, j'ai rencontré un problème de plantage à l'étape 5 du configuration Wizard. Ca se termine sur cet écran : Et en analysant le fichier de journalisation, on remarque vers la fin des 15000 et quelques lign...
Cliquez pour lire la suite de l'article par Patrick Guimonet [WF4] AJOUTER DES CONTRAINTES à UNE ACTIVITé (2/2)[WF4] AJOUTER DES CONTRAINTES à UNE ACTIVITé (2/2) par JeremyJeanson
Après mon précédent article qui attaque les contraintes par la fasse Nord de l'Everest. passons à la seconde possibilité offerte par WF4 pour valider une activité : la metadata . Je vous en ai déjà toucher un ou deux mots. La metadata dans WF4 est un élém...
Cliquez pour lire la suite de l'article par JeremyJeanson [WF4] AJOUTER DES CONTRAINTES à UNE ACTIVITé (1/2)[WF4] AJOUTER DES CONTRAINTES à UNE ACTIVITé (1/2) par JeremyJeanson
De WF3 à WF4 pas mal de choses on été changées pour faciliter la vie des développeurs, mais certain points peuvent sembler obscures. comme les contraintes. Pour vous guider, je me lance dans une série de deux articles. Ils présenterons deux approches poss...
Cliquez pour lire la suite de l'article par JeremyJeanson [ASP.NET] NE PAS SE FAIRE AVOIR PAR IHTTPMODULE ET SA MéTHODE INIT()[ASP.NET] NE PAS SE FAIRE AVOIR PAR IHTTPMODULE ET SA MéTHODE INIT() par tja
Beaucoup de développeurs pensent que lorsqu'on créé et enregistre un IHttpModule, il n'en existe qu'une seule instance et la méthode Init() sera appelée qu'une fois.
C'est faux
Cela peut vraiment créer des bugs subtils dont en ne se rend pas compte ...
Cliquez pour lire la suite de l'article par tja [MSTD10] SHAREPOINT 2010 ET TEAM FOUNDATION SERVER[MSTD10] SHAREPOINT 2010 ET TEAM FOUNDATION SERVER par phil
Un post rapide pour vous informer de la disponibilité de la vidéo de ma présentation sur SharePoint 2010 & Team Foundation Server. http://www.microsoft.com/france/vision/mstechdays10/Webcast.aspx?EID=20215d48-02e3-4d43-8c36-e53505c3b316 Dans la ...
Cliquez pour lire la suite de l'article par phil
Logiciels
Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods Konvertor (4.00)KONVERTOR (4.00)Le logiciel est un gestionnaire multimedia affichant, jouant et convertissant plus de 2000 format... Cliquez pour télécharger Konvertor
|