Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 12/05/2011, 16h33   #1
Membre éclairé
 
Avatar de Ceddoc
 
Homme Cédric
Développeur Java / Web / .NET
Inscription : janvier 2009
Messages : 327
Détails du profil
Informations personnelles :
Nom : Homme Cédric
Âge : 23
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Java / Web / .NET
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : janvier 2009
Messages : 327
Points : 369
Points : 369
Par défaut Superposition de div sans position absolute

Bonjour à tous,

Alors, pour faire simple je souhaiterais superposer (le plus précisément possible) des divs contenant du texte. Mais sans utiliser le positionnement en absolute ou alors avec un sérieux coup de main. Et ce car ces divs doivent se placer à un endroit appelé à bouger dynamiquement.

Alors pour les explications détaillées:
J'ai un script qui affiche ces divs un peu comme un diaporama de photo mais avec du texte. Le script marche, je l'ai testé indépendamment avec une page consacrée dans laquelle ils étaient placés en absolute dans une div elle même placée en absolute qui faisait office de cadre. Maintenant lorsque je veux afficher ce petit "module" dans mon site, les choses se corsent. En fait j'aimerais qu'il soit affiché sous un menu déroulant de type accordéon et donc à hauteur variable. Donc à priori, en absolute c'est impossible (ou alors je sais pas faire (plus probable))

Donc voilà, je sèche, est-ce qu'il existerait une solution ? Avec les index et les layout peut être? ou avec un positionnement relatif mais qui force la superposition?
Ceddoc est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 12/05/2011, 17h19   #2
Expert Confirmé
 
Avatar de Maxoo
 
Maxime Pasquier
Expert PHP
Inscription : novembre 2004
Messages : 2 126
Détails du profil
Informations personnelles :
Nom : Maxime Pasquier
Âge : 28
Localisation : France, Loire Atlantique (Pays de la Loire)

Informations professionnelles :
Activité : Expert PHP
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : novembre 2004
Messages : 2 126
Points : 2 602
Points : 2 602
Si je ne m'abuse, tu places un premier div avec qui se placera normalement, et tu mets du aux div qui sont dans le premier, et la référence se fait par rapport au premier.

Comment ça je ne suis pas clair : http://pbnaigeon.developpez.com/tuto...e-base/#LIII-A

Code :
1
2
3
4
5
6
7
 
<div class="relative">
  <div class="absolute">
  </div>
  <div class="absolute">
  </div>
</div>
__________________
Pour une bien meilleur lisibilité, utilisez la balise [code], c'est le [#] dans votre éditeur.
Mon espace Développez : mes Créations.


Rencontre & Carte des Membres de Developpez.com, version 3.0
Maxoo est déconnecté   Envoyer un message privé Réponse avec citation 10
Vieux 12/05/2011, 17h30   #3
Membre éclairé
 
Avatar de Ceddoc
 
Homme Cédric
Développeur Java / Web / .NET
Inscription : janvier 2009
Messages : 327
Détails du profil
Informations personnelles :
Nom : Homme Cédric
Âge : 23
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Java / Web / .NET
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : janvier 2009
Messages : 327
Points : 369
Points : 369
Citation:
Envoyé par Maxoo Voir le message
Si je ne m'abuse, tu places un premier div avec qui se placera normalement, et tu mets du aux div qui sont dans le premier, et la référence se fait par rapport au premier.

Comment ça je ne suis pas clair : http://pbnaigeon.developpez.com/tuto...e-base/#LIII-A

Code :
1
2
3
4
5
6
7
 
<div class="relative">
  <div class="absolute">
  </div>
  <div class="absolute">
  </div>
</div>
Je te déteste maxoo... J'étais persuadé d'avoir essayé tous les trucs du genre et j'allais te répondre "déjà essayé marche pas" mais par acquis de conscience j'ai retester et ça marche nickel. J'ai du passer à côté de cette combinaison. merci.
Ceddoc est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 12/05/2011, 17h35   #4
Expert Confirmé
 
Avatar de Maxoo
 
Maxime Pasquier
Expert PHP
Inscription : novembre 2004
Messages : 2 126
Détails du profil
Informations personnelles :
Nom : Maxime Pasquier
Âge : 28
Localisation : France, Loire Atlantique (Pays de la Loire)

Informations professionnelles :
Activité : Expert PHP
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : novembre 2004
Messages : 2 126
Points : 2 602
Points : 2 602
De Nada !

P.S : pour la peine, il faut que tu te créé une armée sur MiniTroopers (voir lien dans ma signature !)
__________________
Pour une bien meilleur lisibilité, utilisez la balise [code], c'est le [#] dans votre éditeur.
Mon espace Développez : mes Créations.


Rencontre & Carte des Membres de Developpez.com, version 3.0
Maxoo est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 12/05/2011, 17h37   #5
Membre éclairé
 
Avatar de Ceddoc
 
Homme Cédric
Développeur Java / Web / .NET
Inscription : janvier 2009
Messages : 327
Détails du profil
Informations personnelles :
Nom : Homme Cédric
Âge : 23
Localisation : France, Rhône (Rhône Alpes)

Informations professionnelles :
Activité : Développeur Java / Web / .NET
Secteur : High Tech - Multimédia et Internet

Informations forums :
Inscription : janvier 2009
Messages : 327
Points : 369
Points : 369
Allez, si ça te file un bonus je le fais
Ceddoc est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité Cette discussion est résolue.
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 11h41.


 
 
 
 
Partenaires

Hébergement Web