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 pb :(

Avenger22
Avenger22
Niveau 10
04 janvier 2005 à 18:25:00

Voila je viens d´apprendre un peu le CSS et je voudrais faire un cadre noir dans ma page pour y mettre une image dedans :)
Le problème c´est que sous IE ca marche bien mais sous Firefox j´ai un décalage entre une image du haut et le cadre de quelques pixels :(

Voila comment j´ai fait pour faire le cadre :

. bann
{
background-color: black;
position: absolute;
height: 100px;
width: 760px
}

Je sais pas si c´est comme ça qu´il faut faire m´enfin bon ca marche dommage que ce soit décalé :(

gulius44
gulius44
Niveau 9
04 janvier 2005 à 18:46:14

Fait tout simplement

. bann
{
background-color: black;
position: absolute;
height: 100px;
width: 760px
padding: 0;
}

Jvois pas trop mais daprès skeé jai compris ça pourrai etre ça

Avenger22
Avenger22
Niveau 10
04 janvier 2005 à 20:10:10

non ça change rien :(
Tiens regarde par toi même:
http://darkvengercs.free.fr/site.rar

Si tu utilises IE ca marche mais avec FireFox c´est décalé :(

Avenger22
Avenger22
Niveau 10
04 janvier 2005 à 21:31:43

up :(

Oo_Sauron_oO
Oo_Sauron_oO
Niveau 9
04 janvier 2005 à 21:37:11

ajoute peut-être :
. bann
{
position:absolute;
background-color: black;
position: absolute;
height: 100px;
width: 760px;
top:10px;
left:40px;
}

Je t´explique, position:absolute, ça veut dire que ton calque " flotte" dans ta page, le top et left sa indique il flotte où.

Pour l´utiliser, tu fais < div class="bann"><img src="tabann"></div> et tu parametre le left et top a ton gout.

Avenger22
Avenger22
Niveau 10
05 janvier 2005 à 17:12:24

J´y ai pensé mais si on change de resolution ca marchera ?
dsl je suis pas chez moi la je peux pas tester :(

Oo_Sauron_oO
Oo_Sauron_oO
Niveau 9
05 janvier 2005 à 17:21:59

Ben non, mais si la largeur du design est de 8OOpx, ça passera partout.

Avenger22
Avenger22
Niveau 10
05 janvier 2005 à 18:41:02

Bon je vais paraître lourd mais ça marche toujours pas :( y´a encore un décalage entre IE et FireFox :(

/ * Feuille de style by Avenger */

body
{
background-color: #CCCCCC
}

. head
{
border-left: 1px solid black;
border-right: 1px solid black;
height: 19px;
width: 758px
}

. bann
{
position:absolute;
background-color: black;
position: absolute;
height: 100px;
width: 760px;
top:45px;
left:10px;
}

Même en ajustant les valeurs top et leftde la feuille de style bein y´a encore un décalage :(
Franchement c´est rageant :(

Avenger22
Avenger22
Niveau 10
05 janvier 2005 à 19:46:58

En fait voila ce que j´aimerais obtenir ca : http://darkvengercs.free.fr/Avenger/Avenger.htm ( a ouvrir avec mozilla . ..) mais en XHTML + CSS :(

Avenger22
Avenger22
Niveau 10
05 janvier 2005 à 21:37:03

up :(

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