djodjo64
-
Compteur de contenus
23 -
Inscrit(e) le
-
Dernière visite
-
Merci beaucoup, mais je n'arrive pas à saisir la méthode clearfix, pouvez-vous éclairer ma lanterne ?
-
Salut, Kezako la méthode "clearfix" ? Merci.
-
Bonsoir, J'ai découper et intégrer pour la première fois un template et voici le résultat : http://djodjo640.free.fr/ Pouvez-vous me donner votre avis sur le travail rendu ? J'ai 2 soucis que je n'arrive pas a résoudre : * le texte dépasse du bloc * le footer est décoller Merci pour votre aide.
-
yes! merci beaucoup !
-
Bonjour, J'ai un soucis que je n'arrive pas à régler depuis ce matin : le corps ne veut pas se mettre à droite du menu. J'ai pourtant mis le float:left, mais rien n'y fait. Pouvez-vous me donner un petit coup de pouce, car j'ai beau tourner et retourner le problème, je ne vois pas d'où cela vient. Je vous en remercie par avance. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Glory-hole.fr</title> <link rel="stylesheet" media="screen" type="text/css" title="" href="style.css" /> </head> <body> <div id="header"><h1>mon site</h1></div> <div id="menu_horizontal"><ul> <li><a href="#1"><img src="images/puce.gif"/>titre1</a></li> <li><a href="#2"><img src="images/puce.gif"/>titre2</a></li> <li><a href="#3"><img src="images/puce.gif"/> titre3</a></li> <li><a href="#4"><img src="images/puce.gif"/> titre4</a></li> </ul> <br style="clear:right"/> </div> <div id="conteneur"> <div id="sidebar"> <div class="menu"> <h3>MENU</h3> <ul> <li><a href="#">Accueil</a></li> <li><a href="#">Photos</a></li> <li><a href="#">titre1</a></li> <li><a href="#">titre2</a></li> <li><a href="#">titre3</a></li> </ul> <div class="menu_bas"></div> </div> </div> <div class="menu"> <h3>MENU</h3> <ul> <li><a href="#">Accueil</a></li> <li><a href="#">titre1</a></li> <li><a href="#">titre2</a></li> <li><a href="#">titre3</a></li> <li><a href="#">titre4</a></li> </ul> <div class="menu_bas"></div> </div> <div id="corps"> <div class="bloc_corps"> <h3>BIENVENU SUR MON SITE</h3> <p>texte<br /> texte<br /> texte</p> <div class="bloc_corps_bas"></div> </div> </div> </div> </body> </html> * { margin:0px; padding:0px; } body { font-family: Verdana, Arial, "Times New Roman", Times, sans-serif; background: url("images/fond.gif"); } #header { background: url("images/header.gif"); width: 850px; height: 129px; margin-left:auto; margin-right:auto; } h1 { text-indent: -50000px; } #menu_horizontal { background: url("images/menu_horizontal.gif"); width: 850px; height: 26px; margin-left:auto; margin-right:auto; } #menu_horizontal ul { margin: 0; padding: 0; float: right; margin-right: 15px; } #menu_horizontal ul li { display: inline; } #menu_horizontal ul li a { float: left; text-decoration: none; color: #F92BAB; font-weight:bold; padding: 6px 20px; font-size: 13px; } a img { border: none; } #conteneur { background: url("images/contenu.gif"); width: 850px; margin-left:auto; margin-right:auto; } #sidebar { width: 169px; float: left; } .menu h3 { background:url("images/menu_haut.gif") no-repeat; width: 169px; height: 66px; font-size:13px; text-align:center; font-weight:bold; color:#FFF; line-height:29px; } .menu ul { background:url("images/menu_centre.gif"); width: 169px; background-repeat: repeat-y; list-style-type: none; padding-left: 40px; font-size:13px; font-weight:bold; } .menu ul li a { color: #F92BAB; } .menu_bas { background:url("images/menu_bas.gif"); width: 169px; height: 71px; } #corps { width: 643px; } .bloc_corps h3 { background:url("images/corps_haut.gif")no-repeat; width: 643px; height: 30px; color:#FFF; font-size:13px; } .bloc_corps p { background:url("images/corps_centre.gif"); width: 643px; } .bloc_corps_bas { background:url("images/corps_bas.gif"); width: 643px; height: 85px; }
-
Merci, tout a tres bien fonctionné avec ton petit morceau de code !
-
J'ai finalement mis un "margin-top:-8px;" et mon header est bien collé en haut. Je reste comme ca si vous n'y voyez pas d'inconvénients. Merci et bonne journée.
-
Je viens de faire la modif, mais rien ne bouge
-
Bonsoir, Je commence à coder et première impasse : j'ai mis un fond, puis le header et un espace se crée entre le haut de la page et le header. J'ai essayé un margin-top à 0 du header mais rien n'y fait ; pourtant le code est vraiment tres simple : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <link rel="stylesheet" media="screen" type="text/css" title="Design glory hole" href="style.css" /> </head> <body> <div id="header"></div> </body> </html> body { font-family: Verdana, Arial, "Times New Roman", Times, sans-serif; background: url("images/fond.gif"); } #header { background: url("images/header.jpg"); width: 850px; height: 129px; margin-left:auto; margin-right:auto; } Merci pour votre aide.
-
En fait, je l'avais enregisté en jpeg qualité supérieur, mais c'est bon j'ai trouvé la manip. Merci pour vos explications.
-
Justement, quelle est la bonne extension par rapport à la découpe d'un élément particulier ? Quel poids doit faire une image (header, menu_haut, etc...)? Là, par exemple, la taille du header fait 548K, je pense que c'est trop, non ? Merci. 548K... en jpg !
-
Bonsoir, Je dois découper ce site afin de l'optimiser au mieux (je n'ai jamais fait ca), et 2 soucis se posent : 1 - J'ai réussi a tout découper, avec photoshop, mais la qualité est médiocre (j'ai pourtant selectionné "enregistrer pour le web). Y a t'il quelque chose de particulier à faire pour avoir une image optimisée? 2 - Concernant la découpe, je pense faire ceci : * fond : un morceau du fond bleu * header : header+menu * corps : 1px sur toute la largeur du site (extensible) * menu : menu_haut, menu_centre 1px (extensible), menu_bas * contenu : contenu_haut, contenu_centre 1px (extensible), contenu bas * footer Est-ce un bon découpage ? Par avance, je vous en remercie.
-
Bonjour et joyeux noel à tous ! Je possède un design que je doit découper avec photoshop. Ce design est composé d'un header, d'un menu horizontal en dessous du header, ensuite les menus et corps qui viennent en dessous. J'ai une photo sur la gauche du design qui part du haut du header jusqu'au menu gauche. Faut il que j'intègre cette photo dans la decoupe ou alors prevoir de la mettre par dessus les elements avec le css ? Merci pour vos conseils.
-
Effectivement, je n'avais pas remplacer les div par li... encore merci. Les photos sont bien horizontale, néamoins, 2 soucis se posent pour moi : - les légendes sont trop décalées vers le bas par rapport aux photos - les photos sont trop collées les unes aux autres Si vous pouvez m'aider une derniere fois sur ce coup là, ce serait tres sympas ; après, promis, je ne vous embette plus ! Merci beaucoup.
-
Merci beaucoup pour vos conseils, mais avec ce code, les vignettes sont alignées verticalement, alors que je souhaiterais que celles ci soient alignées horizontalement.
