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] Image sur barre de navigation ?

PlaystationNet
PlaystationNet
Niveau 10
23 janvier 2013 à 18:05:24

Salut,

Je veux mettre mon logo de forme ronde sur ma barre de navigation, mais je n'y arrive pas du tout.

Situation actuelle : https://image.noelshack.com/fichiers/2013/04/1358960706-essai.jpg

Ce que je voudrais : https://image.noelshack.com/fichiers/2013/04/1358960714-essai2.jpg
_______________________

Le Kraken va tous vous croquer :noel:

vava740
vava740
Niveau 10
23 janvier 2013 à 19:38:54

Franchement, je te conseille de vite apprendre le CSS2 avant de faire du CSS3, pour pouvoir mieux t'en sortir avec les fonctions basiques du CSS.

PlaystationNet
PlaystationNet
Niveau 10
23 janvier 2013 à 19:51:51

:rire:
_______________________

Le Kraken va tous vous croquer :noel:

PlaystationNet
PlaystationNet
Niveau 10
23 janvier 2013 à 19:53:42

Avoue que le mec qui utilise le HTML pour ce genre de trucs, c'est limite quoi. Mois je lui conseil d'apprendre le CSS, c'est tout.
Si t'es pas content, reste dans ton coin :ok:
_______________________

Le Kraken va tous vous croquer :noel:

Pseudo supprimé
Pseudo supprimé 23 janvier 2013 à 21:29:12

<div id="ta_barre">

<div id="logo_ta_barre">
<img src="..." alt="..." />
</div>

<div id="liens_ta_barre">
upload, galerie etc... ( en lien <a></a> )
</div>

</div>

puis en CSS tu met un float:right sur le logo_ta_barre, bien sur la div "ta_barre" tu devras mettre au moins la hauteur ( height ) du logo

vava740
vava740
Niveau 10
23 janvier 2013 à 21:54:28

@PlaystationNet: en principe le CSS dans un attribut style, ça reste du CSS, c'est juste une mauvaise pratique. :)

Pour ton problème un margin-top négatif ou éventuellement un position:absolute peut résoudre le problème.

Et si ta barre grise en fond est une image en repeat-x, tu peux carrément mettre ton cercle "wasp" dans un conteneur qui a le fond gris en repeat-x center (dont la hauteur est plus grande que la hauteur du bg), et le menu en float:left (avec un margin-right pour pousser le "wasp".

PlaystationNet
PlaystationNet
Niveau 10
25 janvier 2013 à 15:41:04

Voilà vava, c'est exactement ce que j'essayais de lui dire, je suis désolé si je me suis mal exprimé.

Par contre, j'ai résolu mon problème grâce au forum Programmation, j'ai uilisé exactement ce que tu dit :)
_______________________

Le Kraken va tous vous croquer :noel:

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