CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[CSS] Images de menu

_NaRyT_
_NaRyT_
Niveau 10
14 juin 2009 à 16:04:17

Bonjour,
Tout d'abord, merci d'avoir commencer la lecture de ce topic :p)

Commençons, je code actuellement un site, mais j'ai des problèmes en CSS :rire:
Voilà mon problème :

Imaginez vous un menu traditionnel, il est carrée. Aucun problème à ce niveau là, je place en haut de ce menu une image, une bordure ( un dégradé tout simple ) . Pas trop dur pour moi :o)) mais par la suite, un problème se pose, je cherche à mettre l'inverse de la première image en bas du menu, mais je comprend pas comment faire :(

J'aimerai donc qu'une âme charitable me montre comment faire.

Kikaha
Kikaha
Niveau 14
14 juin 2009 à 16:26:24

Pas vraiment compris ce que tu voulais :
Tu as mis un dégradé en haut de ton menu (mettons du noir vers le blanc, le noir pour ton fond et le blanc pour ton menu) et tu veux mettre en bas du menu le même dégradé, sauf que ce serait du blanc vers le noir ?

Dans ce cas, je dirais que tu dois refaire l'image de façon à ce que ça soit le contraire de l'actuelle et mettre ça dans ton CSS :

.menu (ou #menu si t'as un ID, bref) {
background: url(le lien de ton image N°2) bottom;
}

Enfin, si j'ai bien compris ce que tu voulais. :peur:

_NaRyT_
_NaRyT_
Niveau 10
14 juin 2009 à 16:31:12

Je vais test ton truc :peur:

Le problème venait comme tu l'as compris du placement de l'image :o))

_NaRyT_
_NaRyT_
Niveau 10
14 juin 2009 à 16:48:44

Je me permet de double postes :o))

Ton code marche à la perfection :) Merci, je ne savais pas qu'un simple argument du type marchais. Mais maintenant la première image disparaît :peur:

.sous_menu
{
background:url("images/fondmenu.jpg") no-repeat top ;

background:url("images/fondmenubas.jpg") no-repeat bottom;
background-color: white;

padding-bottom: 15px;

}

Ne connaîtrais tu pas une astuce ?

Merci

Kikaha
Kikaha
Niveau 14
14 juin 2009 à 16:55:03

Ben... le seul truc que je vois, c'est de mettre une balise en haut genre menu_haut et en bas menu_bas et de leur appliquer ton image sur chaque. :o))

Kikaha
Kikaha
Niveau 14
14 juin 2009 à 17:02:31

Un peu dans ce genre là : http://wall.deblan.fr/x530/html/1/ ^^

Désolé pour le double post pour moi aussi. :o))

Yoda_Software
Yoda_Software
Niveau 30
14 juin 2009 à 17:08:11

on ne peux déclarer 2 background pour le même DIV.

_NaRyT_
_NaRyT_
Niveau 10
14 juin 2009 à 17:29:02

Merci de votre aide mais sa ne marche pas :peur: , sa vient sûrement de moi, et je m'en excuse :rire: .

Voici ce que j'ai fait, ne faîtes pas attention au Php, c'est juste que le menu change en fonction de l'état du visiteur :

http://wall.deblan.fr/x531/php/1/

Kikaha
Kikaha
Niveau 14
14 juin 2009 à 17:37:16

Je sais pas si t'as mis la même chose sur ton code originel, mais t'as une faute dans ton CSS déjà. :o))

"13. .sous_menu .sous_menu_haut>e<"

Je sais pas trop... faudrait peut-être essayer de mettre à la bonne dimension les divs dans lesquels tu veux mettre ton image ?

Je sais pas du tout, désolé. :-(

(de toute façon, j'ai jamais été très doué :noel: )

_NaRyT_
_NaRyT_
Niveau 10
14 juin 2009 à 17:42:50

J'avais pas mis le "e" dans le code originel :o))

J'aurais jamais pensé que le Css m'aurait pris plus de temps que certaine fonction php :noel:

deepblue
deepblue
Niveau 16
14 juin 2009 à 17:56:19
_NaRyT_
_NaRyT_
Niveau 10
14 juin 2009 à 18:02:37

Merci Deepblue, je vais voire ça.

Sous forums
  • Aide à l'achat Mac
  • Macintosh
  • Création de Jeux
  • Programmation
  • Création de sites web
  • Linux
  • Internet
  • Steam Deck
  • Hardware
La vidéo du moment