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

Probleme css positionement de design

iosfire
iosfire
Niveau 6
20 mai 2006 à 00:11:07

Comment faire pour que mon site soit collé en haut et en bas de la page du navigateur, tout le temps, je veux dire pas comme actuellement...

Mewkstudios.com V.5 (faites pas gaffe aux erreurs php si y´en a)

Code : CSS
html, body {
height:100%;
margin:0;
}

body {
font-family:arial;
color: #242424;
font-size: 12px;
background:url(images/fond.png) #666;
}

  1. global {

background: url(images/corps.jpg) #333;
background-repeat: repeat-y;
position: relative;
min-height:100%;
margin:auto;
width:631px;
}

  1. header {

background:url(images/header.jpg) #111;
background-repeat:no-repeat;
height:26px;
width:610px;
color: #FFFFFF;
line-height: 2em;
text-align:center;
padding-top:177px;
padding-right:19px;
text-align:right;
}

.header {
font-family:verdana;
padding-right:2px;
font-size:10px;
color:red;
text-decoration:underline;
text-decoration:none;
}

.header:hover {
color:red;
font-family:verdana;
font-size:10px;
border-bottom:1px dotted red;
}

.header p {
color:red;
}

  1. menu {

color:black;
width:150px;
margin-top: 0px;
padding-top:0px;
padding-left:18px;
background:url(images/menu.jpg) #555;
background-repeat:repeat-y;
position:absolute;
top:204px;
bottom:20px;
text-align:left;
line-height : 13px;
}

  1. contenu {

padding-right:18px;
margin-left: 173px;
position:absolute;
min-height:100%;
top:200px;
line-height : 1.2em;
text-align:justify;
}

  1. contenu p {

font-size:12px;
padding-top:2px;
margin:0px;
color:#D0D0D0;
text-align:justify;
}

  1. contenu p:first-letter {

color: #FF0000;
font-weight:bold;
}

  1. footer

{
background:url(images/footer.jpg) #444;
background-repeat:no-repeat;
height:20px;
position: absolute;
bottom: 0px;
width:631px;
text-align: right;
line-height:20px;
}

a {
text-decoration:none;
color: #FFA800;
}

a:hover {
text-decoration:none;
color:#FFA800;
border-bottom:1px dashed #FFA800
}

a:focus {
text-decoration:none;
color:white;
background-color:#FFD584;
}

  1. menu a {

text-align:left;
text-decoration:none;
color:#D2D2D2
}

  1. menu a:hover {

text-align:left;
border:0px;
color:#FFFFFF;
text-decoration:none;
}

.titre_m {
padding-left:1px;
color:#000000;
padding-bottom:0px;
margin-bottom:2px;
margin-top:1px;
font-weight:bold;
border-bottom:1px solid black;
margin-right:2px;
line-height : 1em;
}

.titre_m:first-letter {
color:#840000;
}

.haut_top {
text-align:right;
}

.ico
{
color: #D70000;
}

Code : HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans
itional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition
al.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" media="screen" type="text/css" title="Mon design" href="css.css" />
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<link rel="start" title="Accueil" href="index.php" alt=" :p ">

<!-- Titre de la page-->
<title>Mewkstudio´s V.5</title>
</head>
<body>
<div id="global">
<div id="header">
<a href="#" class="header">ACCUEIL</a> - <a href="#" class="header">GALERIE</a> - <a href="#" class="header">TARIFS</a> - <a href="#" class="header">STAFF</a>
<!-- Block Menu -->
<div id="menu" >
<p class="titre_m">Menu:</p>
<span class="ico">» </span><a href="#">Test</a><br />
<span class="ico">» </span><a href="#">Test</a><br /><br />
<p class="titre_m">Menu:</p>
<span class="ico">» </span><a href="#">Test</a><br />
<span class="ico">» </span><a href="#">Test</a><br /><br />
<p class="titre_m">Menu:</p>
<span class="ico">» </span><a href="#">Test</a><br />
<span class="ico">» </span><a href="#">Test</a><br /><br />
<p class="titre_m">Menu:</p>
<span class="ico">» </span><a href="#">Test</a><br />
<span class="ico">» </span><a href="#">Test</a><br /><br />
<br />
</div>
<!-- Block Contenu -->
<div id="contenu">
<p>Bonjour,

La phase concours de la traduction du Site du Zéro a été finalisée. Voici la liste des aimables Zér0s qui ont été sélectionnés :
Image utilisateur

* Kaneg
* Gautam
* legame
* Soul Eater
* kamansan
* goodspeed
* Jni (qui a été le deuxième membre du jury)

Avait également été sélectionné DarkCygal qui n´a malheureusement plus le temps de nous aider pour l´instant mais nous ferons appel à lui si le besoin s´en fait sentir comme il nous l´a gentiment proposé.

Deux autres Zér0s ont également été choisis mais n´ont pas encore répondu présents au e-mail que j´ai envoyé : ad et FFMx. Je les invite à répondre à mon e-mail le plus rapidement possible.

Vous serez régulièrement tenus au courant des étapes de la traduction.
Les traducteurs recevront des informations par e-mail dans les jours à venir pour que nous puissions nous organiser.

Ceux qui n´ont pas été chosis ne doivent ni être vexés ni déçus. Vous comprendrez aisément que pour assurer une traduction optimale, nous n´avons choisi que les textes qui comportaient le moins de fautes. Nous n´oublions pas que vous vous êtes volontairement proposés et nous vous en remercions.

Merci encore à tous,
@micalement,
`ixM</p>
<p>Bonjour,

La phase concours de la traduction du Site du Zéro a été finalisée. Voici la liste des aimables Zér0s qui ont été sélectionnés :
Image utilisateur

* Kaneg
* Gautam
* legame
* Soul Eater
* kamansan
* goodspeed
* Jni (qui a été le deuxième membre du jury)

Avait également été sélectionné DarkCygal qui n´a malheureusement plus le temps de nous aider pour l´instant mais nous ferons appel à lui si le besoin s´en fait sentir comme il nous l´a gentiment proposé.

Deux autres Zér0s ont également été choisis mais n´ont pas encore répondu présents au e-mail que j´ai envoyé : ad et FFMx. Je les invite à répondre à mon e-mail le plus rapidement possible.

Vous serez régulièrement tenus au courant des étapes de la traduction.
Les traducteurs recevront des informations par e-mail dans les jours à venir pour que nous puissions nous organiser.

Ceux qui n´ont pas été chosis ne doivent ni être vexés ni déçus. Vous comprendrez aisément que pour assurer une traduction optimale, nous n´avons choisi que les textes qui comportaient le moins de fautes. Nous n´oublions pas que vous vous êtes volontairement proposés et nous vous en remercions.

Merci encore à tous,
@micalement,
`ixM</p>
<p>Bonjour,

La phase concours de la traduction du Site du Zéro a été finalisée. Voici la liste des aimables Zér0s qui ont été sélectionnés :
Image utilisateur

* Kaneg
* Gautam
* legame
* Soul Eater
* kamansan
* goodspeed
* Jni (qui a été le deuxième membre du jury)

Avait également été sélectionné DarkCygal qui n´a malheureusement plus le temps de nous aider pour l´instant mais nous ferons appel à lui si le besoin s´en fait sentir comme il nous l´a gentiment proposé.

Deux autres Zér0s ont également été choisis mais n´ont pas encore répondu présents au e-mail que j´ai envoyé : ad et FFMx. Je les invite à répondre à mon e-mail le plus rapidement possible.

Vous serez régulièrement tenus au courant des étapes de la traduction.
Les traducteurs recevront des informations par e-mail dans les jours à venir pour que nous puissions nous organiser.

Ceux qui n´ont pas été chosis ne doivent ni être vexés ni déçus. Vous comprendrez aisément que pour assurer une traduction optimale, nous n´avons choisi que les textes qui comportaient le moins de fautes. Nous n´oublions pas que vous vous êtes volontairement proposés et nous vous en remercions.

Merci encore à tous,
@micalement,
`ixM</p>
<p>Bonjour,

La phase concours de la traduction du Site du Zéro a été finalisée. Voici la liste des aimables Zér0s qui ont été sélectionnés :
Image utilisateur

* Kaneg
* Gautam
* legame
* Soul Eater
* kamansan
* goodspeed
* Jni (qui a été le deuxième membre du jury)

Avait également été sélectionné DarkCygal qui n´a malheureusement plus le temps de nous aider pour l´instant mais nous ferons appel à lui si le besoin s´en fait sentir comme il nous l´a gentiment proposé.

Deux autres Zér0s ont également été choisis mais n´ont pas encore répondu présents au e-mail que j´ai envoyé : ad et FFMx. Je les invite à répondre à mon e-mail le plus rapidement possible.

Vous serez régulièrement tenus au courant des étapes de la traduction.
Les traducteurs recevront des informations par e-mail dans les jours à venir pour que nous puissions nous organiser.

Ceux qui n´ont pas été chosis ne doivent ni être vexés ni déçus. Vous comprendrez aisément que pour assurer une traduction optimale, nous n´avons choisi que les textes qui comportaient le moins de fautes. Nous n´oublions pas que vous vous êtes volontairement proposés et nous vous en remercions.

Merci encore à tous,
@micalement,
`ixM</p>

<a href="#top" alt="haut de page" class="haut_top">Retour en haut</a>
</div>

<!-- Debut block footer -->
<div id="footer"></div>
</div>
</body></html>

Pradou26
Pradou26
Niveau 10
20 mai 2006 à 00:31:36

html, body {
height:100%;
margin top:0px;
}

iosfire
iosfire
Niveau 6
20 mai 2006 à 11:09:04

nan sa marche pas...

deepblue
deepblue
Niveau 16
20 mai 2006 à 11:17:25

ben tu peux faire comme moi, tu mes en img en bakground qui dessign ton site :
http://simmstein.be/php2/
http://simmstein.be/blog/

Donc quelqsoit la hauteur de la page, on aura l´impression que la va du haut vers la bas

@++
ps : les liens du desus sont des exemples et ce n´est pas du tout pour faire une publcité quelconque !

Pradou26
Pradou26
Niveau 10
20 mai 2006 à 11:52:26

essaye topmargin: 0px

ou dans ton tableau principal valign="top" ( je sais pas si l´on peux le mettre dnas le css, vu que je marche par tableau, je met tjs ca dans le cadre qui delimite mon site pour coller le design en haut

iosfire
iosfire
Niveau 6
20 mai 2006 à 12:07:34

non mais en haut c´est bon c´est simple mais c´est surtout pour que le footer soit collé en bas de la page quelque soit sa longueur

Yoda_Software
Yoda_Software
Niveau 30
20 mai 2006 à 14:57:57
  1. footer

{
background: url(./images/footer.jpg) #444 no-repeat;
width:631px;
height: 20px;
position: relative;
bottom: 0px;
text-align: right;
line-height:20px;
}

iosfire
iosfire
Niveau 6
20 mai 2006 à 18:26:44

nan toujours pas regarde: http://mewk.free.fr/V5/

deepblue
deepblue
Niveau 16
20 mai 2006 à 18:33:02
  1. footer

{
clear:both;
background: url(./images/footer.jpg) #444 no-repeat;
width:631px;
height: 20px;
position: relative;
bottom: 0px;
text-align: right;
line-height:20px;
}

iosfire
iosfire
Niveau 6
20 mai 2006 à 18:49:20

c´est pareil...

Chris2
Chris2
Niveau 10
20 mai 2006 à 20:22:37

:ouch: C´st quoi ce design ce codage ? Oulà je vais mettre un peu d´ordre attends 5 minutes...

Chris2
Chris2
Niveau 10
20 mai 2006 à 20:25:40

Ah dis-moi, tu veux comme sur mon site :
http://thetimesplitters.free.fr/ ?

Chris2
Chris2
Niveau 10
20 mai 2006 à 20:31:53

Déjà essai avec ça
body {
font-family:arial;
color: #242424;
font-size: 12px;
background:url(images/fond.png) #666;
margin: 0px;
}

iosfire
iosfire
Niveau 6
20 mai 2006 à 20:32:39

bah je veux que le footer soit toujours collé en bas de la page quelque soit la taille de la page.

iosfire
iosfire
Niveau 6
20 mai 2006 à 20:34:41

non mais je suis pas si con j´ai deja essayer ton truc chris2 :hum:

iosfire
iosfire
Niveau 6
20 mai 2006 à 22:17:24

:up:
Petit up... c´est assez urgent ;)

iosfire
iosfire
Niveau 6
21 mai 2006 à 11:40:18

:up: ...

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