Designe codage
Résolu
Bonjour,
Je suis ici car j'ai un gros problème sur le designe que je code en se moment regarder https://www.casimages.com/i/090408043143645357.png.html
et
https://www.casimages.com/i/090408043413888409.png.html
code css pour le header
pour le footer
Merci beaucoup de votre aide !
Je suis ici car j'ai un gros problème sur le designe que je code en se moment regarder https://www.casimages.com/i/090408043143645357.png.html
et
https://www.casimages.com/i/090408043413888409.png.html
code css pour le header
#header {
height:301px;
width:785px;
background:url('img/header.png') no-repeat;
margin:auto;
}
pour le footer
div#footer{
background-repeat:no-repeat;
background-position:0 0;
clear: both;
height: 70px;
width:893px
}
Merci beaucoup de votre aide !
Configuration: Windows XP Firefox 3.0.8
79 réponses
Résumé de la discussion
Le problème de design CSS concerne un header et un footer qui ne s’alignent pas comme prévu sur les captures montrées et le code fourni par l’auteur. Plusieurs réponses préconisent d’ajuster les dimensions et les positions, en précisant un header de 301 px de haut sur 785 px de large et un footer à 893 px, afin d’obtenir l’alignement souhaité. Des échanges évoquent aussi l’importance d’une structure HTML correcte et d’un contexte global cohérent, avec des conseils sur les marges, le débordement et le repositionnement via margin ou position absolue.
-
le accueil j'arrive pas a la placer :s
-
tu as rien remarqué image de 44ko au lieu de + de 200 sans perte de qualité sinon ça a l'air de ressemblé à ta photo ha non il reste encore accueil et tout à placer
-
ho 0_o toi le texte est bien placer...
-
bah mon message a pas été posté bizarre
http://bormat2.free.fr/math%202000/lolerki/test2/ -
c bon je te le passe j'ai joué avec les width dans le fichier html
-
ok, pas grave je vais cherche de mon coté.
-
oui c'est simple le pb c'est le bas il y a un décalage sous ie il me faudrait du css spécial ie mais je sais pas comment faire
-
le texte doit être placer dans l'espace blanc.
-
ho merci c'est bien placer ^^. Mais il reste un dernier truc c'est que le texte :s http://devilux.olympe-network.com/Animes%20scans/ enfin tu va comprendre quand tu aura regarder.
-
je dois pas être en forme aujourd'hui
-
et maintenant c'est différent avec ie mais ça marche avec firefox
-
ha ok je me disais aussi.
-
oula bizarre c pas pareil donc x
c'est pas 12 en fait c'est -37
body { margin: 0pt; background: rgb(229, 243, 252) url('fond.png') repeat-y scroll center top; font-size: 13px; font-family: trebuchet ms,sans-serif; }
a { text-decoration: none; color: rgb(8, 100, 149); }
a:hover { text-decoration: underline; }
img { border: 0pt none ; }
#global { margin: 0pt auto; background: transparent url('bord.png') repeat-y scroll 0% 0%; width: 913px; }
#header { background: transparent url('header.png') no-repeat scroll 0% 0%; height: 301px; width: 785px; }
#menu { padding-top: 0px; width: 190px; float: left; margin-top: 0pt; }
#menu .bloc { width: 129px; margin-left: 635px; } h3 { color: rgb(37, 117, 160); font-weight: bold; padding-top: 3px; padding-left: 2px; font-size: 12px; font-family: 'trebuchet ms',sans-serif; text-transform: uppercase; }
#menu ul { margin: 0pt; padding-top: 5px; padding-left: 3px; list-style-type: none; list-style-image: none; list-style-position: outside; color: rgb(127, 199, 223); }
#menu a { color: rgb(127, 199, 223); }
#menu, .bloc, .bloc h3, .bloc ul { margin: 0pt; }
#footer { clear: both; width: 893px;margin-left:-37px }
a { color: rgb(8, 100, 149); } -
lol, fait moi ce que tu voi devant ton ordi avec le css que tu ma donner stp.
-
bon j'ai fermer ma session puis je l'ai reouverte et ça a remarcher sur ie c'est quand même bizarre
-
ok pas grave
-
toi tu le vois pas le footer ?
-
bon je te passe le css
/* ::::: file://localhost/C:/Documents%20and%20Settings/Propri%C3%A9taire/Application%20Data/Mozilla/Firefox/Profiles/20cup8ug.default/ScrapBook/data/20090408193714/lolerki/index.css ::::: */
body { margin: 0pt; background: rgb(229, 243, 252) url('fond.png') repeat-y scroll center top; font-size: 13px; font-family: trebuchet ms,sans-serif; }
a { text-decoration: none; color: rgb(8, 100, 149); }
a:hover { text-decoration: underline; }
img { border: 0pt none ; }
#global { margin: 0pt auto; background: transparent url('bord.png') repeat-y scroll 0% 0%; width: 913px; }
#header { background: transparent url('header.png') no-repeat scroll 0% 0%; height: 301px; width: 785px; }
#menu { padding-top: 0px; width: 190px; float: left; margin-top: 0pt; }
#menu .bloc { width: 129px; margin-left: 635px; } h3 { color: rgb(37, 117, 160); font-weight: bold; padding-top: 3px; padding-left: 2px; font-size: 12px; font-family: 'trebuchet ms',sans-serif; text-transform: uppercase; }
#menu ul { margin: 0pt; padding-top: 5px; padding-left: 3px; list-style-type: none; list-style-image: none; list-style-position: outside; color: rgb(127, 199, 223); }
#menu a { color: rgb(127, 199, 223); }
#menu, .bloc, .bloc h3, .bloc ul { margin: 0pt; }
#footer { clear: both; width: 893px;margin-left:17px }
a { color: rgb(8, 100, 149); }
il faudra remettre un margin au test je l'ai supprimé par ereur -
ha bizarre sur l'autre ordi ça marche donc ça devrais marcher même si je vois rien donc je peux te passer la page
-
sinon je teste à un 2eme ordi pour voir qui a ie6 au fait les png transparent faut des hack pour que ça marche sous ie6 sinon il faut mettre la couleur du fond
- 1
- 2
- 3
- 4
Suivant
