Pat-LeMans Posté 13 Février 2005 Posté 13 Février 2005 Bonjour, Je suis en phase de test pour un site, j'aimerais avoir vos avis, du moins, une petite aide. Voila, je suis dessus depuis cette nuit, j'ai commence vers 22h, il est 5h45 a l'heure de mon message. En fait, je m'exerce a bidouiller et comprendre le CSS, c'est comme ca que vous avez du apprendre vous aussi, mais la, je bloque sur un truc, qui si ca se trouve va vous paraitre fort simple. Regarder cette page Comme vous le voyez les phrases "acceder a nos services" (qui devrait etre aligne tout a gauche, symetriquement a contact), "contact" et le numero de telephone ne touche pas le haut du site et comme vous le voyez, le decallage se repercute sur le menu en dessous, qui se voit deborder sur ma partie principale. J'avoue que je ne vois pas d'ou ca cloche ?? Par ailleurs, dans le menu de gauche, je voudrais que les liens soit collé au bord du cadre, et non qu'il y ait un retrait, de facon a faire en sorte que mes liens tiennent sur une ligne, sans avoir a les ecrire en taille 8 (ils sont en 12 la) Pour vous aider, voici mon fichier css Bon, comme je fais des tests, certaines classes ne me sont pas utiles, je pense pas que ca gene le fonctionnement du site ?? Merci a vous. Ne faites pas specialement attention au couleur, je les ai mis pour differencier mes principaux blocs.
petit-ourson Posté 13 Février 2005 Posté 13 Février 2005 (modifié) <td> <li><a href="index.php" class="menulink">Nos zones d'intervention</a></li> </td> </tr> <tr> <td> <li><a href="index.php" class="menulink">Lien 2</a></li> </td> Il y a des li sans ul / ol ?? Pour pouvoir debugguer la page, je pense qu'il serait mieux de partir d'une base valide. .menugauche a {font-size: 12px;color: #060C6F;text-decoration: none; /* pour �viter le soulignement au survol */}.menugauche a:hover {font-size: 12px;color: #060C6F;text-decoration: background: #FFFFCC; /* pour �viter le soulignement au survol */} Il faut virer le margin-left pour les liens du menu de gauche ... .menuhaut a {font-size: 12px;color: #060C6F;text-decoration: none; /* pour �viter le soulignement au survol */}.menuhaut a:hover {font-size: 12px;color: #060C6F;text-decoration: underline;} et la même chose pour le "accéder au service". Voila pour le début. Modifié 13 Février 2005 par petit-ourson
Pat-LeMans Posté 13 Février 2005 Auteur Posté 13 Février 2005 Merci petit ours. J'ai reussi. A terme, je voudrais que cela ressemble a ce site, on m'a demande de reproduire la page acceuil de ce site. Il me reste a trouve comment faire un l'effet pour que les boutons changent de couleur au survol de la souris. Je pense que c'est un javascript ?? A moins que ce soit possible en CSS ?? Merci a vous.
Sarc Posté 13 Février 2005 Posté 13 Février 2005 (modifié) Bonjour, Je vais te diriger vers CSS débutant qui te l'expliquera mieux que moi... Vraiment très simple comme manoeuvre en fait edit : je trouve cela dommage que tu veuilles faire des boutons alors qu'ils n'ont aucun effet graphique (à part un flou assez désagréable à mon goût) : préfère tout simplement un lien avec couleur de background et bordure, qui te fera la même chose en mieux Modifié 13 Février 2005 par sarc
Pat-LeMans Posté 13 Février 2005 Auteur Posté 13 Février 2005 Merci Saro. C'est vrai que c'est plus joli sans bouton. Maintenant, faut qu'ils rentrent dans la taille de mon head2
Sarc Posté 14 Février 2005 Posté 14 Février 2005 Mon pseudo était Sarc mais bon, une erreur arrive En parlant d'images floues, ton logo en haut à gauche est totalement illisible également... Tu le fais avec quel logiciel ? Tu rajoutes un flou gaussien sur chaque image ? lol Pour tes liens, je te conseille d'utiliser une liste <ul><li> par exemple, il sera plus facile de les manipuler comme cela... Pour cela, je te conseille cette fois l'excellent Alsacréations... Tu peux redimensionner tes <li> ensuite dans ton CSS !
Pat-LeMans Posté 14 Février 2005 Auteur Posté 14 Février 2005 (modifié) Le logo oui il est flou, mais c'est parce que il a ete fait en grande taille, je l'ai reduit sans trop chercher a le rendre lisible, mais juste pour voir si il pouvait couler dans cet emplacement. Le design n'etant pas mon fort, je laisserais la personne qui l'a fait, le redimenssionne en petit. EDIT : Voila, j'ai mis le menu vertical que l'on voit sur alsacreation, cependant, il est decalle dans mon bloc "gauche". Je continue de chercher la cause de ce decallage. Modifié 14 Février 2005 par Pat-LeMans
Sarc Posté 14 Février 2005 Posté 14 Février 2005 Bonjour, J'ai profité de ma bonne humeur matinale pour regarder ton code, et il comporte pas mal de problèmes... Par ex, on voit <div class=".."><img src.....></div> Dans ce cas là, il vaut mieux attribuer la classe directement à ton image : <img src=.. class=...>, ça allège ton code et tu te perds moins dans ton code... On voit également des divs imbriqués, la ou il n'y en n'a pas besoin... Bref, il faudrait revoir le positionnement CSS un tit peu, histoire de pas faire un code pire que avec les tables Ce que tu as fait cette nuit (enfin, ma nuit), est illogique : tu as mis le code du menu horizontal, et tu nous dis que c'est un menu vertical car il s'affiche comme cela.... En fait, tu fais trop de copié collé de code, sans chercher à comprendre ce que tu fais : ton CSS devient trop lourd, et pas mal de choses sont inutiles, bref tu compliques finalement la compréhension. En plus, j'ai un léger problème avec ton site : mon éditeur de CSS ne marche pas avec... Peut-être parce que tu n'as pas encodé ta page : il est obligatoire de mettre ce genre de balise : <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" /> pour qu'on sache quelle est la compression de ton texte... Voilà, j'ai à peu près fait le tour de ce que j'ai vu au premier abord Travaille bien Sarc
Pat-LeMans Posté 14 Février 2005 Auteur Posté 14 Février 2005 Bonjour, Oui, il y a probablement des erreurs, et des choses inutiles, mais comme j'ai dis, je m'exerce, donc a terme, et avec des aides et explications, je ne ferais pu d'erreurs. Il y a 15 jours, je ne connaissais meme pas le principe des CSS.
MarvinLeRouge Posté 14 Février 2005 Posté 14 Février 2005 Salut, Conseil : conçois tes pages sous Firefox (ou un autre navigateur qui respecte les standards). Sinon, ça va être un cauchemard quand tu vas vouloir qu'elles aient un aspect correct sous tous les navigateurs. Regarde ta page sous Firefox, tu comprendras ce que je veux dire
Pat-LeMans Posté 15 Février 2005 Auteur Posté 15 Février 2005 Salut, Ben justement, j'ai Firefox. Actuellement, mon menu vertical est decalle, par rapport a son bloc. Je cherche.
MarvinLeRouge Posté 15 Février 2005 Posté 15 Février 2005 Si tu ne veux pas avoir de problèmes, utilise un doctype strict.
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant