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] Probleme avec le corps qui descend

mario34789
mario34789
Niveau 8
27 août 2006 à 14:13:39

Bonjour à tous,

J´ai un probkeme avec un corps qui descend trop comme sur ce screen:

http://img242.imageshack.us/img242/2984/saplantefu0.jpg

et voila css:
body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("fond.jpg");
}
.en_tete
{
width: 760px;
height: 200px;
background-image: url("header.jpg");
background-repeat: no-repeat;
margin-bottom: 10px;
border: 1px solid black;
}

  1. menu

{
float: left;
width: 142px;
}

.element_menu
{
background-image: url("menu.jpg");
background-repeat: repeat-x;
border: 1px solid black;
margin-bottom: 20px;
}

.element_menu ul
{
padding: 0px;
font-family: time new roman;
margin: 0px;
margin-bottom: 10px;
text-align: center;
}

.element_menu a
{
color: #040404;
}

.element_menu
{
width: 140px;
height: 130px;
background-image: url("corps.jpg");
background-repeat: repeat;
margin-bottom: 5px;
text-align: center;
font-family: arial;
border: 1px solid black;
}

  1. corps

{
margin-left: 190px;
margin-bottom: 20px;
padding: 5px;
color: #040404;
background-image: url("corps.jpg");
background-repeat: repeat-x;
border: 1px solid black;
font-family: arial;
}

  1. corps h1

{
color: #040404;
text-align: center;
font-family: Arial
}

  1. corps h2

{
height: 20px;
background-repeat: no-repeat;
padding-left: 30px;
color: #040404;
text-align: left;
}

  1. pied_de_page

{
padding: 5px;
text-align: center;
color: #040404;
background-image: url("corps.jpg");
background-repeat: repeat-x;

border: 1px solid black;
}

deepblue
deepblue
Niveau 16
27 août 2006 à 14:14:40

On a assui beoin du code HTML :
http://simmstein.be/wall.htm

mario34789
mario34789
Niveau 8
27 août 2006 à 14:17:16

XHTML
http://simmstein.be/wall-Nzu48fTO-xhtml.htm

CSS
http://simmstein.be/wall-0A8XrLtj-css.htm

merci d´avance :-)

deepblue
deepblue
Niveau 16
27 août 2006 à 14:20:14

Donc ton code html, tu n´as pas fermé la balise <p> de ton formulaire

mario34789
mario34789
Niveau 8
27 août 2006 à 14:22:50

sa ne change rien mon corps est toujours aussi bas ^^

deepblue
deepblue
Niveau 16
27 août 2006 à 14:24:49

Essaye de jouer avec le margin-left ainsi que la largeur du corps.

naok
naok
Niveau 10
27 août 2006 à 14:30:35

non, dans ton corps et menu tu mes:

float:left;

:-)))

mario34789
mario34789
Niveau 8
27 août 2006 à 14:32:04

sa change rien.
Quand je change sa largeur le texte s´allonge vers le bas.
Et quand je joue avec le margin-left le corps se décale vers la gauche et ne remonte pas.
:-(

naok
naok
Niveau 10
27 août 2006 à 14:33:22

donne ton code Xhtml et Css ...

tu as tésté avec float:left; ?

deepblue
deepblue
Niveau 16
27 août 2006 à 14:33:26

Enlever la marge a gauche, et mets un float:right a ton coprs

mario34789
mario34789
Niveau 8
27 août 2006 à 14:34:03

Naok c´est encore pire maintenant:
le menu ne remonte et il s´élargit vers la gauche

naok
naok
Niveau 10
27 août 2006 à 14:34:44

tu as bien regler au niveau de la longeur largeur ? pour mon dernier design sa fesait idem et j´ai mi comme je t´ai dit ...

mario34789
mario34789
Niveau 8
27 août 2006 à 14:36:14

je n´ai pas mis de longueur j´essaye
et ca ne marche pas non plus avec un float: right;

mario34789
mario34789
Niveau 8
27 août 2006 à 14:38:18

J´ai enlevé le float:right; et j´ai mis une logueur et il remonte toujours pas !

gckiller
gckiller
Niveau 9
27 août 2006 à 14:39:53

retire le margin-bottom et le padding pour voir

mario34789
mario34789
Niveau 8
27 août 2006 à 14:42:41

Pire. le corps colle avec le footer et et le corps n´est plus alligné avec le header

gckiller
gckiller
Niveau 9
27 août 2006 à 14:55:36

<div class="menu">

met id="menu" a la place de class

mario34789
mario34789
Niveau 8
27 août 2006 à 15:13:09

c´était ca merci beaucou !

mario34789
mario34789
Niveau 8
27 août 2006 à 16:12:39

Oh non sa recommence j´ai éssayé de changer un truc et sa a rebugé.

mario34789
mario34789
Niveau 8
27 août 2006 à 16:13:56

http://simmstein.be/wall-708vZYuI-xhtml.htm

Css:
http://simmstein.be/wall-s86Vtn3c-css.htm

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