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

Kabrina Lestrange
***

Messages : 165
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

ge80
+ Hyperactif +

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

http://tsi80.pro-forums.fr/
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

demeter1
+ Hyperactif +

Masculin
Messages : 8106
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.

ge80
+ Hyperactif +

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

http://tsi80.pro-forums.fr/
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/

Kabrina Lestrange
***

Messages : 165
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



ge80
+ Hyperactif +

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

http://tsi80.pro-forums.fr/
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

Kabrina Lestrange
***

Messages : 165
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;}

ge80
+ Hyperactif +

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

http://tsi80.pro-forums.fr/
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?

Kabrina Lestrange
***

Messages : 165
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

ge80
+ Hyperactif +

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

http://tsi80.pro-forums.fr/
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!

Kabrina Lestrange
***

Messages : 165
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