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

Problème : Corps - Menu

-tigui-
-tigui-
Niveau 9
07 août 2008 à 01:58:41

Bonjour a tous,

Je suis en train de me fabriquer un site web concernant Nintendo lol

Jai un petit probleme, j'ai voulu fabriquer moi-même mon template,trouvant aucun tuto que je comprenais, jai décider de tout de suite le faire au html et au css, alors mon logo ( top, head ) est mis, mon footer ( bottom , copyright ) est aussi mis, j'avais réussis a mettre mon menu a gauche, mais quand jai voulu mettre mon corps ( pour afficher les news ) il est aparue une petite ligne de mon background entre mon corps et mon menu...jai regarder si j'avais bien placer mes pixel ( resolution de mon menu et corps ) mais rien a faire, ont dirais une séparation...peut-etre avec un petit screenShot vous pourrez comprendre un peux mon probleme.Aussi quand je réduit ma fenêtre eh bien le corps se déplace sous le menu pour qu'on puisse le voir et moi je ne veux pas ceci

http://img385.imageshack.us/img385/5328/petitprobye6.png

Le logo et le pied de page sont mis en css

j'e n'utilise que DreamWeaver et Photoshop cs2 pour mon site ( a voir si un autre programme GRATUIT pourais m'aider )

Ma question est : Comment je pourais règler cette petite ligne qui détruit un peux mon theme et si oui ont peux le règler, Comment ? ( je connais les base du css,html mais je ne suis pas un connaisseur ! )

J'ai tout essayer mais une ligne de la couleur de mon background se met entre le menu et le corps qui pourtant selon les mesures et tout devrait être collé litéralement !

Le code CSS du menu et du corps :

  1. corps

{
height: 522px;
width: 700px;
text-align: justify;
margin: 50px; /* Marge extérieure de 50px */
background-color: #FFFFFF;
margin-top: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 12px;
}

  1. menu

{
height: 522px;
width: 203px;
background-color: #FFFFFF;
margin-left: 47px;
float: left;
}

letmeguess
letmeguess
Niveau 5
07 août 2008 à 09:37:06

:salut:

Tout d'abord, réinitialise tes marges en début de CSS grâce à ces quelques lignes (si ce n'est pas fait!):

  • {

margin:0;
padding:0;
}

Ça corrigera quelques différences d'affichage de tes marges entre les différents navigateurs.

La marge qui t'apparait, c'est très souvent une histoire de padding/margin.

Essais avec ceci:

  1. corps {

height: 522px;
width: 700px;
text-align: justify;
background-color: #FFFFFF;
float:right;
}

  1. menu

{
height: 522px;
width: 203px;
background-color: #FFFFFF;
float: left;
}

As tu une div "globale" qui englobe ta page ?( #corps et # menu)

-tigui-
-tigui-
Niveau 9
07 août 2008 à 20:36:26

merci jvais essayer sa ... le truc qui englobe ma page bien c'est body ? et j'ai pas compris le début en mettant un margin et padding a 0px pour ma page ...

je met quoi

  • {

margin:0;
padding:0;
}

a la petite *

Thymotep
Thymotep
Niveau 10
07 août 2008 à 20:38:43

Rien, le * s'applique a tout les CSS :-)))

Tu laisse comme ca :)

-tigui-
-tigui-
Niveau 9
07 août 2008 à 20:39:31

Ah ok merci :D !

-tigui-
-tigui-
Niveau 9
07 août 2008 à 20:46:07

Attendez...je crois que sa pourais vous facilité la vie :

http://www.megaupload.com/fr/?d=L831QYDV

contien:
-la feuille css
-la page Html
-le top(logo)
-le footer(logo bas)

-tigui-
-tigui-
Niveau 9
07 août 2008 à 20:48:35

je vien d'essayer et rien a faire ... le menu maintenant se colle sur le coter gauche et le corp du coter droit et c'est pire ... dsl pour le triple post ...

et la jai tenter de remmete des margin pcq le menu et le corps se collait a gauche a droite ... respectivement ... et apres les margin ben cela fait lmeme truc ... une marge du couleur de mon background se glisse entre le menu et le corps qui devrait être collé ... -_- j'en est assé sa fait plusieurs fois que je tente de le réglé et rien a faire

-tigui-
-tigui-
Niveau 9
07 août 2008 à 20:56:28

DSL pour un quadruple post ... mais j'AI RÉEUSSIE !!!!!!!! j'ai seulement augmenter le margin right que j'ai mis au corps et la la ligne a disparu ! ... merci car si vous m'aviez pas mis le code j'aurais pas allumé ...

mais avec un float right sa tout réglé ... et le margin et padding qui s'applique au css merci :)

... mais ne pensé pas qu'il fallait juste augmenter le margin ... avant d'expliqer le prob eh bien le corp se glissait sous le menu

letmeguess
letmeguess
Niveau 5
07 août 2008 à 21:06:23

Hey! Je viens de voir les docs que tu a mis en ligne, et j'ai trouvé pas mal d'erreurs importantes, nottaement sur ta balise <Head> qui n'était pas déclarée ou à l'include de ta feuille de style au dessus de ta balise <html>! :(

Tu veux pas une petite correction rapide ?

greensheep29
greensheep29
Niveau 9
07 août 2008 à 21:08:37

Pense au validateur W3C :-)))

C'est pas obligatoire, mais tu coderas beaucoup mieux !

letmeguess
letmeguess
Niveau 5
07 août 2008 à 21:11:19

:oui:

Pense à mettre un Doctype en tête de tes pages pour cela.
Si tu comptes publier ton site sur le net, je te conseil vivement d'éviter tout espace, accent et majuscule dans le nommage de tes fichiers :ok:

greensheep29
greensheep29
Niveau 9
07 août 2008 à 21:13:59

Pour les doctypes, va faire un tour ici :
http://www.siteduzero.com/tuto-3-5556-1-choisir-le-bon-doctype.html

Comme l'as dit LetMeGuess, ne mets pas d'accent et de majuscule dans les fichiers, que des lettres "normales", et remplace les [espace] par _

:-)))

-tigui-
-tigui-
Niveau 9
07 août 2008 à 21:17:24

euhhh quelle fichier ??

letmeguess
letmeguess
Niveau 5
07 août 2008 à 21:19:05

Tous ceux relatifs à ton site : images, dossiers, fichiers html etc. :ok:

greensheep29
greensheep29
Niveau 9
07 août 2008 à 21:22:04

Original, Fond Log 1, Top Log 1

original, fond_log_1, top_log_1

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