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

[image] Bord arrondis, comment les place

cibermix
cibermix
Niveau 12
01 octobre 2006 à 12:12:00

Bonjour a tous, dans mon design que je suis en train de coder le corp a des contour arrondis.

Je l´ai découper en 3 partie.
Haut bas et milieu.
Le haut dispose de l´arrondis haut gauche et haut droite.
Le milieu ben c´est le truc de base vertical.
Et le bas c´est l´arrondis bas gauche et droite.

Ex: image:
http://www.creationdejeu.power-heberg.com/v4-test/images/corptop.png
http://www.creationdejeu.power-heberg.com/v4-test/images/corpbase.png

J´ai essayer ce code là dans le css:
border-top: url("images/corptop.png");

Mais malheuresement ça ne marche pas donc si quelqu´un connait le bon code/solution qu´il me réponde. :)

Merci d´avance !

Xerceth
Xerceth
Niveau 8
01 octobre 2006 à 18:03:26

bein normal faut mettre des images pas des bordures.

Pour le codage d´une boite en css voila comment je fais (en 3 images) :

/* la boite en elle meme */
.nav_box{
width:160px;
}

.menuTitre{
width:160px;
height:42px;
}

.menuContenu{
width:160px;
background-image:url(img/box_milieu.jpg);
background-repeat:repeat-y;
}

.menuBas{
width:160px;
height:24px;
}

les 3 derniers divs sont a mettre ds le premier.
Exemple de boite :

<div class="nav_box">
<div class="menuTitre"><img src="img/box_partenaires.jpg" alt="partenaires" width="160" height="42" /></div>
<div class="menuContenu"><? include(´includes/partenaires.inc.php´); ?> </div>
<div class="menuBas"><img src="img/box_bas.jpg" alt="bas" /></div>
</div>

Apres faut adapater les width, height, padding etc. a tes images.

cibermix
cibermix
Niveau 12
01 octobre 2006 à 18:08:42

J´ai pas trop compris, j´ai essayer un truc, ca marche bien sur ie mais ca foire completement sur firefox. :(

http://www.creationdejeu.power-heberg.com/v4-test/

Url du css:
http://www.creationdejeu.power-heberg.com/v4-test/v4.css

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