menu deroulant vertical

Recherche :

Mot : Pseudo : Filtrer
Page : 1 2 3 Page Suivante Page Précédente Bas de page
Auteur	Sujet : menu deroulant vertical

aozora

bon je poste ici parce que alsacreations c pas des rapides....

en gros j'ai recupéré ce menu :
http://css.alsacreations.com/xmedi [...] smenu4.htm

je souhaiterais qu'a la place des menu1, 2, 3 etc ce soit des images
j'ai donc inséré une image dans dt mais le soucis c qu'elle se repete partout... hors j'en voudrait 7 differentes !

voila ce que j'ai modifier :

Code :

#menu dt {
cursor: pointer;
background-image: url(../images/b_acceuil.gif);
background-repeat: no-repeat;
width: 229px;
height: 25px;
padding: 0;
}

quelqu'un pourrait m'aider?
car je ne voit pas trop comment faire

en + de cela quand on passe sur une des images du menu j'aimerais que ça change de couleur j'ai vue ça dans le script chais pas si ça convient :

Code :

#sect1 {
background-image: url(images/Smenu1b.gif)
}
#sect1 a:visited {
background-image: url(images/Smenu1b.gif)
}
#sect1 a:hover {
background-image: url(images/Smenu1o.gif)
}
#sect2 {
background-image: url(images/Smenu2b.gif)
}
#sect3 {
background-image: url(images/Smenu3b.gif)
}
#sect4 {
background-image: url(images/Smenu4b.gif)
}

Message cité 1 fois

---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse

Publicité

Skopos

aozora a écrit :

ben à part faire 6 autres classes (dta, dtb, dtc... :whistle: ) je ne vois pas :spamafote:

aozora

ça ne fait rien
j'ai dupliqué dt en dt2... mais ça bug

---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse

Skopos

oops chui con, dt c'est pas un nom de classe [:nybbas]

liverpowen

Profil : Friche Culturelle

s'tune balise

---------------
OUAIB | FLICKR | HFR | 500 PX

aozora

j'ai pas envie de rigoler....

Message cité 1 fois

---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse

liverpowen

Profil : Friche Culturelle

si tu n'as pas de solutions d'ici demain, mon collegue te dira quoi faire.... moi je n'y connais rien [:spamafote]
mais à ce que j'ai vite fait compris quand il m'a parlé, c'est que "dt" c'est une balise, donc tu dois en faire une classe...
dtclass1,dtclass2,dtclass3,etc...

non :??:

---------------
OUAIB | FLICKR | HFR | 500 PX

remizz

Adventure !

je pense que le plus léger serait :

Code :

#menu dt
{
cursor: pointer;
background-repeat: no-repeat;
width: 229px;
height: 25px;
padding: 0;
}
#dt1
{
background-image: url(../images/b_acceuil.gif);
}
#dt1:hover //marche pas sous ie, il faut une balise <a>
{
background-image: url(../images/b_acceuil_hover.gif);
}
//etc.... avec #dt2...

et donc dans le html, chaque <dt> possède une ID

efin voéla quoi

edit : juste au cas ou : dans le cas d'image en hover, il vaut mieux faire un preload CSS des images

Message édité par remizz le 22-05-2006 à 18:04:53

---------------
topik Annecy

liverpowen

Profil : Friche Culturelle

c'est ce que je disais non [:autobot]

---------------
OUAIB | FLICKR | HFR | 500 PX

remizz

Adventure !

vui mais j'écrivais quand tu as posté ton message [:tinostar]

Message cité 1 fois

---------------
topik Annecy

Publicité

liverpowen

Profil : Friche Culturelle

remizz a écrit :

vui mais j'écrivais quand tu as posté ton message [:tinostar]

oui nan mais je voulais juste savoir si c'etait bien ça que mon collegue me raconter... parce que j'ai rien comprite [:jirotoh]

Message cité 1 fois

---------------
OUAIB | FLICKR | HFR | 500 PX

Skopos

aozora a écrit :

j'ai pas envie de rigoler....

excuse moi d'essayer d'aider :jap:

Chipo

Tu as essayé en faisant:

Code :

#smenu1{
background:image1.jpg;
}
#smenu2{
background:image2.jpg;
}

En même temps je dis peut être des bêtises, ça fait longtemps que je ne me suis pas replongé dans le CSS.

Message cité 1 fois

remizz

Adventure !

liverpowen a écrit :

oui nan mais je voulais juste savoir si c'etait bien ça que mon collegue me raconter... parce que j'ai rien comprite [:jirotoh]

:jap:

vui c'est bien ça, dt est une balise.
On fait donc un sélécteur général sur cette balise (dt ou #menu dt dans ce cas), et ensuite, on crée des sélécteurs particuliers (classes ou ID) si on veut des variantes.

---------------
topik Annecy

Suri

Darksurious

Chipo a écrit :

Tu as essayé en faisant:

Code :

#smenu1{
background:image1.jpg;
}
#smenu2{
background:image2.jpg;
}

En même temps je dis peut être des bêtises, ça fait longtemps que je ne me suis pas replongé dans le CSS.

c'est ca :jap:
edit: si ca va pas nickel, faut les mettre sur les dt...
donc :
- rajouter un id a chaque dt (ex: smenu1dt, smenu2dt)
- rajouter dans la css les #smenu1dt en mettant le background

edit2
meme:
background-image : image.gif;
background-repeat: no-repeat;

Message cité 1 fois
Message édité par Suri le 22-05-2006 à 18:29:27

---------------
Suri.morkitu.org : Balades au coeur de la ville...

Chipo

Suri a écrit :

c'est ca :jap:

Cool! j'ai pas tout perdu! [:gm_superstar]

wizopunker

FUCK ANARCHY!

c'est quoi comme balise exactement ce dt?

---------------
| .:: www.wizopunk-art.com - Développement web ::. |

Suri

Darksurious

dl: definition list
dt: definition term

utilisé pour les glossaires à la base jpense...
l'avantage c'est que tu peux englober des list ul par dessus (enfin tu me diras, on peut englober des ul dans les ul.. mais jsais pas si c valide) donc plus de souplesse

---------------
Suri.morkitu.org : Balades au coeur de la ville...

wizopunker

FUCK ANARCHY!

okiu.
Donc c'est pratique pour faire des menus

Message cité 1 fois

---------------
| .:: www.wizopunk-art.com - Développement web ::. |

Chipo

wizopunker a écrit :

okiu.
Donc c'est pratique pour faire des menus

C'est pratique pour les menus déroulants, pour des menus classiques une simple liste suffit.

aozora

oki merci
j'ai rien compris mais bon spa grave... je vais me debrouiller...

Message cité 2 fois

Chipo

aozora a écrit :

oki merci
j'ai rien compris mais bon spa grave... je vais me debrouiller...

Il faut juste comprendre à quoi correspondent les: dl, dt et dd
dl: définit une liste-> c'est l'ensemble "menu1 menu2 menu3..."
dt: définit les termes de cette liste-> menu1 ou 2 ou 3...
dd: est la définition de chaque terme.

Si tu prends pour exemple le code d'alsacreation quand tu mets "#menu dt" tu vas définir le design de tous les termes: menu1 menu2 menu3 etc...
Dans leur exemple ils ont différencié chaque menu par des "id" différents. Comme ça: <dd id="smenu1">
Du coup pour mettre une image différente pour chaque menu, il faut que tu passe par #smenu1; #smenu2; #smenu3....

Message cité 1 fois
Message édité par Chipo le 22-05-2006 à 20:45:10

---------------
http://marion.arru.free.fr

liverpowen

Profil : Friche Culturelle

aozora a écrit :

oki merci
j'ai rien compris mais bon spa grave... je vais me debrouiller...

[:ddr555] idem

---------------
OUAIB | FLICKR | HFR | 500 PX

aozora

Chipo a écrit :

bah j'ai mis ça :

Code :

#menu dt {
cursor: pointer;
width: 229px;
height: 25px;
padding: 0;
}
#smenu1{
background-image : url(images/b_acceuil.gif);
background-repeat: no-repeat;
}
#smenu2{
background-image : url(images/b_societe.gif);
background-repeat: no-repeat;
}

mais y a rien qui s'affiche....

---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse

Suri

Darksurious

met une page sur le net qd a faire...
avec le menu, le css et les images...

---------------
Suri.morkitu.org : Balades au coeur de la ville...

aozora

http://photos.neverends.net/divers/site/home.html

et le menu doit ressembler a ça :

---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse

Profil supprimé

c'est normal les étoiles scintillantes dans le sous menu gris plus foncé ou c'est le basilic que j'ai fumé hier qui fait ça ???

Message cité 1 fois

aozora

et c bon le basilic?
j'ai que de l'estragon chez moi

Message cité 1 fois

---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse

Chipo

Ho, excuse moi je me suis planté. En fait, il faut que tu ajoute un id="menu1" dans tes dt.
Je vais faire l'essai.

Message cité 1 fois

Suri

Darksurious

je capte pas ou ya besoin d'images dans le menu..

Message cité 1 fois

---------------
Suri.morkitu.org : Balades au coeur de la ville...

Profil supprimé

aozora a écrit :

et c bon le basilic?
j'ai que de l'estragon chez moi

nan je me prenais pour des nouilles al pesto [:r1-bo]
..
nan mais sans dec', ya que moi qui les voit ces cons de pixels scintillants ?? [:delarue3]

Message cité 1 fois

aozora

Chipo a écrit :

Ho, excuse moi je me suis planté. En fait, il faut que tu ajoute un id="menu1" dans tes dt.
Je vais faire l'essai.

:heink: oki bah si tu le dis...

Suri a écrit :

je capte pas ou ya besoin d'images dans le menu..

bah le 1er menu : acceuil, societé etc c'est dans une police particuliere alors je les met en images....
pis apres faut que je fasse un truc en rollover quand ça passe dessus...

---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse

aozora

ça c clair que tu es une sacré nouilles

Message cité 1 fois

---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse

Profil supprimé

aozora a écrit :

ça c clair que tu es une sacré nouilles

tu sais ou je te la fous ma nouill... euuuh nan [:nico54]
bon ben si j'ai bien compris ça ne scintille que sur mon ecran (ou alors vous avez décidé de pas me répondre )

liverpowen

Profil : Friche Culturelle

ta nouille elle va rester dans son sachet [:phenos]

---------------
OUAIB | FLICKR | HFR | 500 PX

Suri

Darksurious

le 2e menu (le sous menu) c'est des images aussi ou pas?

---------------
Suri.morkitu.org : Balades au coeur de la ville...

aozora

bon en faites c pas grave...
sur le coup present sur le menu en general j'ai besoins que d'une seule liste deroulante
donc je vais faire un tableau pour le reste avec rollover
faudrait juste que je comprenne comment faire un rollover sur 1 image dans ce machin.

sinon ya moyen de faire ça sans layer pour l'image principale?
je veux dire juste l'image seule que j'insere dans un tableau?

---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse

Suri

Darksurious

ah putain ya un rollover sur les images en plus

---------------
Suri.morkitu.org : Balades au coeur de la ville...

aozora

oué...
non mais si je met qu'une seule image... donc pas besoins de doubler ect comme mon soucis principal
comment je peux faire pour mettre le tout dans un tableau?
parce que le layer il se met jamais ou y faut...

---------------
Flickr Neverends | Neverends | Landolfi : Un bucheron dans un corps de princesse

Suri

Darksurious

les tableaux c mal
bon attends 2 min, je finis

---------------
Suri.morkitu.org : Balades au coeur de la ville...

Publicité

Page : 1 2 3

Page Suivante

Page Précédente

Haut de page

FORUM HardWare.fr

Graphisme

Web design

menu deroulant vertical

Sujets relatifs
Design dreamweaver....(menu)	Logiciel de création menu dvd
Menu Horizontal ou Vertical ?	[problème avec un menu dhtml]
Apprentissage flash pour création de bannière et menu	mise en page et menu toujour affiché sans l'utilisation des frames.
Menu flash. De l'aide!	Prb menu flash
Flash Mx 6.0 ==> menu déroulant
Plus de sujets relatifs à : menu deroulant vertical

Page générée en 0.144 secondes