Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Navigation en accordéon [couleur-image]

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Navigation en accordéon [couleur-image]

Message par Kabrina Lestrange le Dim 24 Juil 2011 - 21:42

Hello!

Alors voila mon problème! Je viens tout juste de réussir à faire un PA en accordéon (alléluia!) Le problème c'est que je n'arrive pas à changer la couleur et je reste prise avec un cadre blanc vraiment indésirable. J'ai essayer tout plein de truc et rien de fonctionne! ¬¬ Je ne suis quand même pas mauvaise en CSS, mais là je dois avouer que je rame complètement!

Voici mes codes:

HTML:
Code:

<ul class="monaccordeon">
 <li><div class="handle"></div>
    <h3>Titre 1</h3>
    <p>Contenu 1
Contenu 1
Contenu 1Contenu 1
Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1Contenu 1</p>
  </li>
<li><div class="handle"></div>
    <h3>Titre 2</h3>
    <p>Contenu 2</p>
 </li>
<li><div class="handle"></div>
    <h3>Titre 3</h3>
    <p>Contenu 3</p>
 </li>
<li><div class="handle"></div>
    <h3>Titre 4</h3>
    <p>Contenu 4</p>
 </li>
 </ul>


CSS:
Code:
ul.monaccordeon{
height: 320px;
background-color: none;
}

ul.monaccordeon li
{
background-image: http://obsession27.free.fr/divers/fonds/pp.png;
}

.handle{
  width: 50px;
  margin: 0px;
  background-color: #000000;
 
}

Merci de bien vouloir m'aider! ^^


Dernière édition par Kabrina Lestrange le Mer 27 Juil 2011 - 23:32, édité 1 fois
avatar

Kabrina Lestrange
***

Messages : 168
Inscrit(e) le : 29/04/2008

http://darksideofthemoon.forumsrpg.com/
Kabrina Lestrange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation en accordéon [couleur-image]

Message par ge80 le Dim 24 Juil 2011 - 21:45

Bonjour,

Vous avez oublié le mot url dans cette partie de code
Code:
ul.monaccordeon li
{
background-image: http://obsession27.free.fr/divers/fonds/pp.png;
}
Code:
ul.monaccordeon li {
background-image: url('http://obsession27.free.fr/divers/fonds/pp.png');
}


Cordialement,
Ge
avatar

ge80
Membre actif

Masculin
Messages : 16162
Inscrit(e) le : 08/10/2006

http://tsi80.forumpro.eu
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation en accordéon [couleur-image]

Message par demeter1 le Dim 24 Juil 2011 - 21:46

doublon incorrect j'éfface


Dernière édition par demeter1 le Dim 24 Juil 2011 - 21:48, édité 1 fois
avatar

demeter1
Membre actif

Masculin
Messages : 8666
Inscrit(e) le : 23/01/2009

http://altitudetropicale.forums-actifs.com/index.forum
demeter1 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation en accordéon [couleur-image]

Message par ge80 le Dim 24 Juil 2011 - 21:47


Cette image (couleur de fond) ne doit pas être chargée.

Je ne vois pas sa répétition dans votre partie de code.
avatar

ge80
Membre actif

Masculin
Messages : 16162
Inscrit(e) le : 08/10/2006

http://tsi80.forumpro.eu
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation en accordéon [couleur-image]

Message par Kabrina Lestrange le Dim 24 Juil 2011 - 21:54

Qu'est-ce que tu veux dire par elle ne doit pas être charger?

Parce que, j'arrive à mettre une couleur de fond, ce que je n'arrive pas c'est à changer la couleur du carré blanc.

http://potterworld3.forumactif.org/
avatar

Kabrina Lestrange
***

Messages : 168
Inscrit(e) le : 29/04/2008

http://darksideofthemoon.forumsrpg.com/
Kabrina Lestrange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation en accordéon [couleur-image]

Message par ge80 le Dim 24 Juil 2011 - 22:00

Bizarre car la syntaxe est ;

Code:
background-image:url() est bien sûr l'adresse de l'image choisie pour le fond de page.

Dans votre css (forum en lien) je vois le code correct
Code:
ul.monaccordeon {
background-image: url("http://obsession27.free.fr/divers/fonds/pp.png");
height: 320px;
}

Si nous travaillons avec des codes différents cela ne va pas être simple Wink
Question ou forum Wink


Je vois


avatar

ge80
Membre actif

Masculin
Messages : 16162
Inscrit(e) le : 08/10/2006

http://tsi80.forumpro.eu
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation en accordéon [couleur-image]

Message par Kabrina Lestrange le Dim 24 Juil 2011 - 22:09

*cligne des yeux plusieurs fois*



Spoiler:

Je ne vois pas du tout la même chose que toi! :O
avatar

Kabrina Lestrange
***

Messages : 168
Inscrit(e) le : 29/04/2008

http://darksideofthemoon.forumsrpg.com/
Kabrina Lestrange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation en accordéon [couleur-image]

Message par ge80 le Dim 24 Juil 2011 - 22:12

As-tu essayé avec un autre navigateur que Chrome ?
Firefox par exemple.

Je me suis amusé avec ceci dans votre CSS

A mettre dans votre CSS spécifique.
Code:

.contentContainer{background-image: url('http://obsession27.free.fr/divers/fonds/pp.png')!important;}

ou encore pour un beau vert Wink
Code:
.contentContainer{background-color:#00ff00 !important;}
avatar

ge80
Membre actif

Masculin
Messages : 16162
Inscrit(e) le : 08/10/2006

http://tsi80.forumpro.eu
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation en accordéon [couleur-image]

Message par Kabrina Lestrange le Lun 25 Juil 2011 - 4:46

Ohhhhh!!! *-* Merci! Tu es trop génial!!!

*Saute dans les bras de ge80 et lui fait un gros calin*

Oui, j'ai vérifier avec tout les navigateurs et il y a juste IE qui ne fait pas beau! XD

Et si je veux que chaque partie soit de couleur différente, est-ce que c'est possible?
avatar

Kabrina Lestrange
***

Messages : 168
Inscrit(e) le : 29/04/2008

http://darksideofthemoon.forumsrpg.com/
Kabrina Lestrange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation en accordéon [couleur-image]

Message par ge80 le Lun 25 Juil 2011 - 7:08

Bonjour

:lol!:

Le rendu différent par navigateur est classique et imparable.


Pour les couleurs différentes : la réponse est oui mais il faut modifier le script de l'accordéon ou en faire un autre.
Celui-ci n'a pas une classe distincte par onglet.



Cordialement,
Ge
avatar

ge80
Membre actif

Masculin
Messages : 16162
Inscrit(e) le : 08/10/2006

http://tsi80.forumpro.eu
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Navigation en accordéon [couleur-image]

Message par Kabrina Lestrange le Mer 27 Juil 2011 - 23:31

Merci beaucoup Ge pour ton aide! ^^ C'est très apprécier!
avatar

Kabrina Lestrange
***

Messages : 168
Inscrit(e) le : 29/04/2008

http://darksideofthemoon.forumsrpg.com/
Kabrina Lestrange a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum