Groupe : Membres Messages : 121 |
Bonjour, je voudrais savoir si il est possible qu'un design est une hauteur minimale parce que défois mon corps de page est plus petit que la taille de mon menu et ducout les menus se retrouvent dans le fond, je pense qu'un screen sera mieux. Pour le screen cliquez ici Merci d'avance Maxime
|
![]() Groupe : Modérateurs Messages : 560 |
Sujet déplacé du forum Entraide > PHP vers le forum Entraide > xHtml/CSS. |
![]() Groupe : Membres Messages : 301 |
fait en sorte que tes images qui sont dans tes "div" se répètent sur l'axe des y. Chuck Norris peut te faire passer un sale quart d'heure en 8 minutes. L'infographie bien plus qu'une passion ... |
Groupe : Membres Messages : 121 |
Heu comment on fait sa ??? Parce que je n'y connait pas grand chose .
Maxime
|
![]() Groupe : Modérateurs Messages : 560 |
Et bien c'est simple, tu a juste à rajouter un repeat-y ! Code CSS: background-image: repeat-y; Rajoute ça dans le div concerné et normalement ça devrait marcher
|
Groupe : Membres Messages : 121 |
Je dois rajouter sa dans ma page .css ??? Je sais je pige rien
Maxime
|
![]() Groupe : Modérateurs Messages : 560 |
Donne moi le contenu de ta page ".css" et je vais te faire ça
|
![]() Groupe : Membres Messages : 301 |
Code CSS: background-image: repeat-y; Tu rajoute cette ligne dans ton fichier css , la ou il est question de ton arriére plan des menu. Si ton arriére plan est dans le .html ou .php , fait: Code (x)HTML: style="background-image: repeat-y;" Met ça dans la même balise que ton arriére plan. Sinon copie colle le fichier html et css ca sera plus rapide Chuck Norris peut te faire passer un sale quart d'heure en 8 minutes. L'infographie bien plus qu'une passion ... |
Groupe : Membres Messages : 121 |
Voici le css, je viens de faire plusieurs essais sans résultat Code CSS:
body{font-family: arial;color:#000000;margin:auto;background-image:url('../images/fond.png'); background-color: #fff;width:900px;} img{border: 0px;} a {text-decoration:none;} a {color:#003399;} a:hover {color:#003333;} *{padding:0;margin:0px;list-style:none;} /*/////////////////////////////////// Haut \\\\\\\\\\\\\\\\\ */ #haut {width:960px;height: 182px;background-image:url('../images/haut.png');} #speedbar a{margin-left:352px;float: left;height:26px;margin-top:155px;} #speedbar a#acc {width: 103px;} #speedbar a#for {margin-left:27px;width: 103px;} #speedbar a#cha {margin-left:32px;width: 103px;} /*/////////////////////////////////// Titre \\\\\\\\\\\\\\\\\ */ #titre {height:52px;width:960px;background-image:url('../images/titre.png');} .mg {float:left;width:250px;} .md {float:right;} h5 {padding-top:8px;text-transform:uppercase; padding-bottom:2px;} /*/////////////////////////////////// Corps \\\\\\\\\\\\\\\\\ */ #corps {background-image:url('../images/corps.png');width:960px;text-align:justify; font-family:arial;} .corps { font-size:12px;line-height:21px;padding-top:5px;margin-left:150px; padding-bottom:5px;width:660px;} #corps p {padding-top:5px; padding-bottom:5px;} /*/////////////////////////////////// Menu \\\\\\\\\\\\\\\\\ */ #gauche {float:left;width:135px;} #menug {padding-left:14px;} #menug ul li a {font-size:13px;height:14px; width:125px; font-family:trebuchet ms;color:#434343; font-weight:bold;} #menug ul {padding-top:5px;padding-bottom:5px;} #menug ul li:hover{padding-left:2px;width:125px; background-color:#434343; } #menug ul li a:hover{color:#ffffff; height:14px;font-weight:bold;} #droite {float:right;width:126px;} #menud ul li a {font-size:13px;height:14px; width:125px; font-family:trebuchet ms;color:#434343; font-weight:bold;} #menud ul {padding-top:5px;padding-bottom:5px;} #menud ul li:hover{padding-left:2px;width:125px; background-color:#434343; } #menud ul li a:hover{color:#ffffff; height:14px;font-weight:bold;} /*/////////////////////////////////// Bas \\\\\\\\\\\\\\\\\ */ #bas {text-align:center;width:960px; font-family:arial;height:63px;background-image:url('../images/bas.png');} #bas p {padding-top:45px;font:62.5% Arial, Helvetica, sans-serif;} background-image: repeat-y; /*/////////////////////////////////// Autre \\\\\\\\\\\\\\\\\ */ input, textarea {background-color:#CCCCCC; border:#999999 solid 1px;} input:hover, textarea:hover {border:#CCCCCC solid 1px;} .gauche {float:left;} .droite {float:right;} .milieu {clear:right;} fieldset {border: 1px solid #333; margin: 0px auto; text-align: justify; width: 95%; padding:2px;} .legend {color:#333333;} .commentsno {text-decoration:line-through; color:#FF0000;} Maxime
|
![]() Groupe : Membres Messages : 301 |
ca serait cool le html aussi , car a quoi correspond quoi ? , même si c'est évident , , on repére mieux , et puis ici , on est pas des voleur , ca ne nous serait aucune utilité ton code si c'est ca qui t'inquiéte
Chuck Norris peut te faire passer un sale quart d'heure en 8 minutes. L'infographie bien plus qu'une passion ... |
![]() Groupe : Modérateurs Messages : 560 |
J'ajouterais aussi que ton CSS est très crade... Je vais le rendre plus lisible et je le reposte [EDIT] Voila, je pense que comme ça c'est nettement plus lisible :Code CSS:
body { font-family:arial; color:#000000; margin:auto; background-image:url('../images/fond.png'); background-color:#fff; width:900px; } img { border:0px; } a { text-decoration:none; } a {color:#003399; } a:hover { color:#003333; } * { padding:0; margin:0px; list-style:none; } /*/////////////////////////////////// Haut \\\\\\\\ */ #haut { width:960px; height:182px; background-image:url('../images/haut.png'); } #speedbar a { margin-left:352px; float:left; height:26px; margin-top:155px; } #speedbar a#acc { width:103px; } #speedbar a#for { margin-left:27px; width:103px; } #speedbar a#cha { margin-left:32px; width:103px; } /*/////////////////////////////////// Titre \\\\\\\\ */ #titre { height:52px; width:960px; background-image:url('../images/titre.png'); } .mg { float:left; width:250px; } .md { float:right; } h5 { padding-top:8px; text-transform:uppercase; padding-bottom:2px; } /*/////////////////////////////////// Corps \\\\\\\\ */ #corps { background-image:url('../images/corps.png'); width:960px; text-align:justify; font-family:arial; } .corps { font-size:12px; line-height:21px; padding-top:5px; margin-left:150px; padding-bottom:5px; width:660px; } #corps p { padding-top:5px; padding-bottom:5px; } /*/////////////////////////////////// Menu \\\\\\\\ */ #gauche { float:left; width:135px; } #menug { padding-left:14px; } #menug ul li a { font-size:13px; height:14px; width:125px; font-family:trebuchet ms; color:#434343; font-weight:bold; } #menug ul { padding-top:5px; padding-bottom:5px; } #menug ul li:hover { padding-left:2px; width:125px; background-color:#434343; } #menug ul li a:hover { color:#ffffff; height:14px; font-weight:bold; } #droite { float:right; width:126px; } #menud ul li a { font-size:13px; height:14px; width:125px; font-family:trebuchet ms; color:#434343; font-weight:bold; } #menud ul { padding-top:5px; padding-bottom:5px; } #menud ul li:hover { padding-left:2px; width:125px; background-color:#434343; } #menud ul li a:hover { color:#ffffff; height:14px; font-weight:bold; } /*/////////////////////////////////// Bas \\\\\\\\ */ #bas { text-align:center; width:960px; font-family:arial; height:63px; background-image:url('../images/bas.png'); } #bas p { padding-top:45px; font:62.5% Arial, Helvetica, sans-serif; } /*/////////////////////////////////// Autre \\\\\\\\ */ input, textarea { background-color:#CCCCCC; border:#999999 solid 1px; } input:hover, textarea:hover { border:#CCCCCC solid 1px; } .gauche { float:left; } .droite { float:right; } .milieu { clear:right; } fieldset { border:1px solid #333; margin: 0px auto; text-align: justify; width: 95%; padding:2px; } .legend { color:#333333; } .commentsno { text-decoration:line-through; color:#FF0000; } |
Groupe : Membres Messages : 121 |
Merci beaucoup, le CSS n'est pas de moi. [Edit] Sa ne marche toujours pas . Je crois Slek22 que quand tu as arranger mon CSS tu as oublier le petit bout de code.Merci de me l'avoir bien nettoyé, je m'y retrouve mieux maintenant parce que je commence un peu à connaitre le CSS.
Maxime
|
![]() Groupe : Modérateurs Messages : 560 |
Bonsoir, Pour ton edit, c'est normale qu'il ne marche pas puisque je n'est rien modifié mais j'ai simplement présenté ton CSS de façon plus lisible... |
Groupe : Membres Messages : 121 |
Si tu peut me l'ajouter, sa m'arrangerai. Merci D'avance .
Maxime
|
![]() Groupe : Modérateurs Messages : 560 |
Et bien pour que je face cela, donne moi le html d'une de tes pages ainsi je pourrais voir dans quel div/class, ça ce passe
|
Groupe : Membres Messages : 121 |
Voici index.php Code PHP:
<?php session_start(); include('admin/config.php'); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title>LyokoWorld</title> <link href="<?php echo config('adresse_site'); ?>css/style.css" rel="stylesheet" type="text/css" /> <link href="<?php echo config('adresse_site'); ?>css/styles_form.css" rel="stylesheet" type="text/css" media="screen" /> <link href="<?php echo config('adresse_site'); ?>css/bbcode2.css" rel="stylesheet" type="text/css" media="screen" /> <script language="javascript" type="text/javascript" src="tiny_mce/tiny_mce.js"></script> <script type="text/javascript"> function popup(page) { var Left=window.screen.width/5-300; var Top=window.screen.height/2-300; //Videment faut modifier la config!! var Configuration="'directories=no,menubar=no,status=no,location=no,resizable=no,scrollbars=yes, width=1000, height=600, left=" + Left + ", top=" + Top; window.open(page,'Daniel Studio',Configuration); } // O2k7 skin tinyMCE.init({ // General options mode : "textareas", theme : "advanced", skin : "o2k7", plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,inlinepopups,imagemanager,filemanager", // Theme options theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect", theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor", theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen", theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,insertfile,insertimage", theme_advanced_toolbar_location : "top", theme_advanced_toolbar_align : "left", theme_advanced_statusbar_location : "bottom", theme_advanced_resizing : true, // Example content CSS (should be your site CSS) content_css : "/example_data/example_full.css", // Drop lists for link/image/media/template dialogs template_external_list_url : "lists/template_list.js", external_link_list_url : "lists/link_list.js", external_image_list_url : "lists/image_list.js", media_external_list_url : "lists/media_list.js", // Replace values for the template plugin template_replace_values : { username : "Some User", staffid : "991234" } }); </script> </head> <body> <!--/////////////////////////////////// Haut \\\\\\\\\\\\\\\\\ --> <div id="haut"> <div id="speedbar"> <a href="<?php echo config('lien_index'); ?>" id="acc"></a> <a href="http://forum.lyokoworld.fr" id="for"></a> <a href="http://site.lyokoworld.fr/index.php?page=chat" id="cha"></a> </div> </div> <!--/////////////////////////////////// Titre \\\\\\\\\\\\\\\\\ --> <div id="titre"> <h5 style="text-align:center;padding-top:5px;"><?php echo $haut_page; ?></h5> </div> <div id="corps"> <!--/////////////////////////////////// Menu \\\\\\\\\\\\\\\\\ --> <div id="gauche"> <div id="menug"> <h5>Site</h5> <li><a href="http://lyokoworld.fr/site/index.php">Accueil</a></li> <li><a href="http://forum.lyokoworld.fr">Forum</a></li> <li><a href="http://lyokoworld.fr/site/index.php?page=page&titre=equipe-site">Equipe</a></li> <li><a href="http://lyokoworld.fr/chat/">T'Chat</a></li> <li><a href="http://lyokoworld.fr/site/index.php?page=chat">Mini T'Chat</a></li> <li><a href="http://lyokoworld.fr/livre-dor/">Livre D'or</a></li> <li><a href="http://travaux.lyokoworld.fr/">Espace Travaux</a></li> </ul> <h5>Code Lyoko</h5> <li><a href="#">Histoire</a></li> <li><a href="http://lyokoworld.fr/site/index.php?page=page&titre=index.php?page=personnages">Personnages</a></li> <li><a href="http://lyokoworld.fr/site/index.php?page=page&titre=articles">Articles</a></li> <li><a href="http://lyokoworld.fr/site/index.php?page=page&titre=monstres">Monstres</a></li> <li><a href="#">Lieux</a></li> <li><a href="#">Xana</a></li> <li><a href="#">Episodes</a></li> <li><a href="http://site.lyokoworld.fr/index.php?page=progtv">Programmation TV</a></li> <h5>Partenaires</h5> <?php include('admin/partenaires/index.php'); ?> </div> </div> <div id="droite"> <div id="menud"> <h5>Administration</h5> <?php if($_SESSION['privilege'] == "admin") { ?> <li><a href="<?php echo config('lien_index'); ?>?page=admin_index">Accueil</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=admin_admin">Gérer utilisateurs</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=redaction_pages" title="Ajout Article">Ajouter une page</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=liste_pages" title="Gerer les pages">Gerez les pages</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=save_db" title="Sauver la base de donnée">Sauvegarder la BDD</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=redaction_news" title="Ajout News">Ajouter une news</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=liste_news" title="Gerer les news">Gerez news</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=config_news" title="Gerer les news">Configurer les news</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=gestion_cats" title="Gerer les news">Gerez cats news</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=partenaires_admin" title="Gerer les Partenaires">Gerez Partenaires</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=admin_tv">Gestion Prog TV</a></li> <li><a href="javascript:popup('<?php echo config('adresse_site'); ?>upload.php')">Uploader un fichier</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=admin_accueil&erreur=logout">Vous déconnecter</a></li> <?php } elseif($_SESSION['privilege'] == "news") { ?> <li><a href="<?php echo config('lien_index'); ?>?page=admin_index">Accueil</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=redaction_news" title="Ajout News">Ajouter une news</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=liste_news" title="Gerer les news">Gerez les news</a></li> <li><a href="javascript:popup('<?php echo config('adresse_site'); ?>upload.php')">Uploader un fichier</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=admin_accueil&erreur=logout">Vous déconnecter</a></li> <?php } elseif($_SESSION['privilege'] == "redac") { ?> <li><a href="<?php echo config('lien_index'); ?>?page=admin_index">Accueil</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=redaction_pages" title="Ajout Article">Ajouter une page</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=gestion_pages" title="Gerer les pages">Gerez les pages</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=redaction_news" title="Ajout News">Ajouter une news</a></li> <li><a href="<?php echo config('lien_index'); ?>?page=liste_news" title="Gerer les news">Gerez les news</a></li> <li><a href="javascript:popup('<?php echo config('adresse_site'); ?>upload.php')">Uploader un fichier</a><li> <li><a href="<?php echo config('lien_index'); ?>?page=admin_accueil&erreur=logout">Vous déconnecter</a></li> <?php } else { ?> <form action="<?php echo config('lien_index'); ?>?page=admin_accueil" method="post" name="connect"> <p> <label for="login" style="font-size:12px;">Pseudo : </label><br /> <input type="text" name="login" id="login" size="15" /><br /> <label for="pass" style="font-size:12px;">Mot de passe : </label><br /> <input type="password" name="pass" id="pass" size="15" /><br /><br /> <input type="submit" value="Connexion" /> </p> </form> <?php } ?> <h5>Espace Membre</h5> <form method="post" action="./index.php?page=em_login"> <p> <label for="username" style="font-size:12px;">Pseudo :</label><br /> <input type="text" name="username" id="username" size="15" /><br /> <label for="password" style="font-size:12px;">Mot de passe :</label><br /> <input type="password" name="password" id="password" size="15" /><br /> <input type="submit" name="submit" value="Connexion" /><br /> <br /> <a href="<?php echo config('lien_index'); ?>?page=em_inscription">S'inscrire</a> </p> </form> </div> </div> <!--/////////////////////////////////// Corps \\\\\\\\\\\\\\\\\ --> <div class="corps"> <?php $page = (isset($_GET['page'])) ? $_GET['page'] : 'accueil'; switch($page) { case 'accueil': include ('accueil.php'); break; case 'admin_accueil': include ('./admin/index.php'); break; case 'admin_admin': include ('./admin/admin.php'); break; case 'admin_index': include ('./admin/accueil.php'); break; case 'redaction_pages': include ('./admin/redaction_pages.php'); break; case 'gestion_pages': include ('./admin/gestion_pages.php'); break; case 'page': include ('./admin/page.php'); break; case 'suppr_pages': include ('./admin/suppr_pages.php'); break; case 'gestion_commentaires': include ('./admin/gestion_commentaires.php'); break; case 'suppr_commentaires':include ('./admin/suppr_commentaires.php'); break; case 'modif_commentaires':include ('./admin/modif_commentaires.php'); break; case 'upload': include ('./admin/upload.php'); break; case 'verif_pages': include ('./admin/verif_pages.php'); break; case 'verif_com': include ('./admin/verif_com.php'); break; case 'ban_pages': include ('./admin/ban_pages.php'); break; case 'liste_ban': include ('./admin/liste_ban.php'); break; case 'suppr_ip': include ('./admin/suppr_ip.php'); break; case 'parametres': include ('./admin/parametres.php'); break; case 'save_db': include ('./admin/save_db.php'); break; case 'liste_pages': include ('./admin/liste_pages.php'); break; case 'chat': include ('./mini_chat.php'); break; case 'liste_news': include ('./news2/liste_news.php'); break; case 'redaction_news': include ('./news2/redaction_news.php'); break; case 'verif_modif_news': include ('./news2/verif_modif.php'); break; case 'gestion_cats': include ('./news2/gestion_cats.php'); break; case 'verif_news': include ('./news2/verif_news.php'); break; case 'suppr_news': include ('./news2/suppr_news.php'); break; case 'lecture_news': include ('./news2/lecture_news.php'); break; case 'affich_news': include ('./news2/affich_news.php'); break; case 'recherche': include ('./news2/recherche.php'); break; case 'config_news': include ('./news2/config_news.php'); break; case 'contact': include ('.contact.php'); break; case 'em_inscription': include ('./espace-membres/register.php'); break; case 'em_activation': include ('./espace-membres/activation.php'); break; case 'em_club': include ('./espace-membres/index.php'); break; case 'em_login': include ('./espace-membres/login.php'); break; case 'em_logout': include ('./espace-membres/logout.php'); break; case 'parts_mod': include ('./admin/partenaires/mod.php'); break; case 'parts_mod_form': include ('./admin/partenaires/mod_form.php'); break; case 'parts_admin': include ('./admin/partenaires/admin.php'); break; case 'parts_add_form': include ('./admin/partenaires/add_form.php'); break; case 'parts_add': include ('./admin/partenaires/add.php'); break; case 'em_membres': include ('./espace-membres/membres.php'); break; case 'admin_tv': include ('./admin/tv/index.php'); break; case 'admin_tv_fr3': include ('./admin/tv/fr3/index.php'); break; case 'admin_tv_cj': include ('./admin/tv/canalJ/index.php'); break; case 'tv_ajout_fr3': include ('./admin/tv/fr3/admin/ajout_ep.php'); break; case 'tv_ajout_cj': include ('./admin/tv/canalJ/admin/ajout_ep.php'); break; case 'progtv': include ('tv.php'); break; default: include ('accueil.php'); } ?> </div> </div> <!--/////////////////////////////////// Bas \\\\\\\\\\\\\\\\\ --> <div id="bas"> <p align="center">Code Lyoko, un DA de <a href="http://moonscoop.com">Moonscoop Production</a> ~ <a href="http://lyokoworld.fr">Lyokoworld.fr</a> ~ <a href="http://validator.w3.org/check?uri=referer">xhtml</a> ~ <a href="http://jigsaw.w3.org/css-validator/check/referer">css.2</a> ~ Pour ~ <a href="http://crea-paradise.com">Crea-paradise</a></p> </div> </body> </html> Maxime |