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

Besoin d'aide CSS

Atsushi
Atsushi
Niveau 23
28 mars 2010 à 17:27:51

Bonjour à tous !

Je fais un petit blog sur Hautetfort et j'aimerai placer un slogan à gauche du "body". Voici un screen de ce que j'ai déjà fait: http://s2.noelshack.com/old/up/bg-c9277ee235.jpg

Avec ma résolution, c'est nickel: le fond est bien à côté du body, etc... Mais sur de plus grands écrans, il y a un gros décalage vers la gauche. Par exemple, sur un 24" : http://s2.noelshack.com/old/up/24-14e197d384.jpg

Je voudrais donc savoir comment faire pour qu'il soit figé et toujours collé au body. Voici le CSS:

body {
margin: 0px 0px 20px 25px;
padding: 0px;
background-color: #aaf4ff;
background-image: url("[image]");
background-repeat: no-repeat ;
font-family: 'Lucida Grande','Lucida Sans Unicode',Verdana,Arial,sans-serif;
color: #000000;
font-size: 105%;
word-spacing: normal;
text-align: center;

Merci d'avance ! :-)))

deepblue
deepblue
Niveau 16
28 mars 2010 à 17:59:30

Dans l'idée :

<body>
<div largeur="celui de ton contenu" aligner="au centre du body">
<div background="ton image" largeur="largeur de ton image de fond" margin-a-gauche="-largeur de ton image de fond"></div>

ton site
</div>
</body>

Atsushi
Atsushi
Niveau 23
28 mars 2010 à 18:35:06

J'ai pas vraiment compris ton message... c'est du CSS hein :o

deepblue
deepblue
Niveau 16
28 mars 2010 à 20:42:53

http://bordel.deblan.fr/html5/Atsushi.html

Atsushi
Atsushi
Niveau 23
28 mars 2010 à 21:18:40

Merci beaucoup pour ton aide ! Malheureusement je n'arrive pas à intégrer le code de ton modèle dans le template de ma page d'accueil, quand je remplace tes valeurs par les miennes et que j'essaye d'enregistrer, Haut et fort me dit "Vos modifications n'ont pas été prises en compte. Ceci est probablement dû à une erreur dans votre modèle.". Voici ce que j'avais mis: http://s2.noelshack.com/old/up/css-ca472cc361.jpg (et bien sûr en dessous, <div id="body">
<div id="slogan"></div>
</div>

Où est le problème ? :-(

deepblue
deepblue
Niveau 16
28 mars 2010 à 21:22:48

C'est quoi le soft (à la con) que tu utilises ?

Atsushi
Atsushi
Niveau 23
28 mars 2010 à 21:29:41

A vrai dire... aucun ! Mon blog est hébergé sur Haut et fort, et je gère tout ce qui est présentation avec les templates (cela se présente comme ça: http://s2.noelshack.com/o/old/up/template-ab5f8dcb4.jpg ).

deepblue
deepblue
Niveau 16
28 mars 2010 à 22:18:07

Dans ce cas, post sur le forum de support. Nous ne connaissons pas les contraintes pour ton "modèle"

Atsushi
Atsushi
Niveau 23
28 mars 2010 à 22:23:12

Ok ok ! Merci de m'avoir aidé en tout cas. :-)))

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