Annonce

Important : WordPress 2.6.1 est disponible en français. À lire avant la migration !
Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite Recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.

Pages: 1

 

#1 01-07-2008 11:16:59

nlex
Expert WP
Date d'inscription: 14-02-2007
Messages: 257
Site web

Petit problème CSS

Bonjour,

J'ai un problème  de menu en CSS, c'est peut être un peu off-topic mais je n'arrive pas à le régler.

C'est sur mon menu (projets, info, contact : lien ver smon site sur mon profil à gauche) il y a comme un espace entre chaque image alors que je voudrais que tout soit 'collé' mais je n'y arrive pas… grr

WP 2.5.1 plugins : cformII, feedsmith, getcustomfields, postthumb rev, wp-phpmyadmin, language switcher…

Hors ligne

 

#2 01-07-2008 14:00:20

nlex
Expert WP
Date d'inscription: 14-02-2007
Messages: 257
Site web

Re: Petit problème CSS

le code :

Code: php

  1. <div id="container">
  2.   <div id="nav">
  3.   <img id="ag_2_01.gif" src="/wp/wp-content/themes/simple/images/ag_2_01.gif" alt="alexis godefroy, design graphique"/>
  4.  
  5.     <div id="menu">
  6.     <?php global $langswitch_lang_pref;
  7.     if( $langswitch_lang_pref == 'fr' ) { ?>
  8.     <a href="?cat=15"
  9.     onmouseover="changeImages('ag_2_02', '/wp/wp-content/themes/simple/images/ag_2_02-over.gif'); return true;"
  10.     onmouseout="changeImages('ag_2_02', '/wp/wp-content/themes/simple/images/ag_2_02.gif'); return true;"
  11.     onmousedown="changeImages('ag_2_02', '/wp/wp-content/themes/simple/images/ag_2_02-over.gif'); return true;"
  12.     onmouseup="changeImages('ag_2_02', '/wp/wp-content/themes/simple/images/ag_2_02-over.gif'); return true;">
  13.     <img id="ag_2_02" src="/wp/wp-content/themes/simple/images/ag_2_02.gif" width="61" height="19" border="0" alt="projets"/></a>
  14.  
  15.     <?php } else { ?>
  16.     <a href="?cat=15"
  17.     onmouseover="changeImages('ag_2_02','/wp/wp-content/themes/simple/images/ag_2_02-over.gif');return true;"
  18.     onmouseout="changeImages('ag_2_02','/wp/wp-content/themes/simple/images/ag_2_02_en.gif');return true;"
  19.     onmousedown="changeImages('ag_2_02','/wp/wp-content/themes/simple/images/ag_2_02-over.gif');return true;"
  20.     onmouseup="changeImages('ag_2_02','/wp/wp-content/themes/simple/images/ag_2_02-over.gif');return true;">
  21.     <img id="ag_2_02_en"src="/wp/wp-content/themes/simple/images/ag_2_02_en.gif"width="68"height="19"border="0"alt="projects"/></a>
  22.     <?php } ?>
  23.    
  24.     <a href="?page_id=12"
  25.     onmouseover="changeImages('ag_2_04','/wp/wp-content/themes/simple/images/ag_2_04-over.gif');return true;"
  26.     onmouseout="changeImages('ag_2_04','/wp/wp-content/themes/simple/images/ag_2_04.gif');return true;"
  27.     onmousedown="changeImages('ag_2_04','/wp/wp-content/themes/simple/images/ag_2_04-over.gif');return true;"
  28.     onmouseup="changeImages('ag_2_04','/wp/wp-content/themes/simple/images/ag_2_04-over.gif');return true;">
  29.     <img id="ag_2_04"src="/wp/wp-content/themes/simple/images/ag_2_04.gif"width="39"height="19"border="0"alt="à propos"/></a>
  30.    
  31.     <a href="/wp/?page_id=15"
  32.     onmouseover="changeImages('ag_2_06','/wp/wp-content/themes/simple/images/ag_2_06-over.gif');return true;"
  33.     onmouseout="changeImages('ag_2_06','/wp/wp-content/themes/simple/images/ag_2_06.gif');return true;"
  34.     onmousedown="changeImages('ag_2_06','/wp/wp-content/themes/simple/images/ag_2_06-over.gif');return true;"
  35.     onmouseup="changeImages('ag_2_06','/wp/wp-content/themes/simple/images/ag_2_06-over.gif');return true;">
  36.     <img id="ag_2_06" src="/wp/wp-content/themes/simple/images/ag_2_06.gif" width="67" height="19" border="0" alt="contact"/> </a></div>
  37.  
  38.   <div id="adresse">
  39.   <a href="?page_id=13" onmouseover="changeImages('ag_2_09', '/wp/wp-content/themes/simple/images/ag_2_09-over.gif'); return true;" onmouseout="changeImages('ag_2_09', '/wp/wp-content/themes/simple/images/ag_2_09.gif'); return true;" onmousedown="changeImages('ag_2_09', '/wp/wp-content/themes/simple/images/ag_2_09-over.gif'); return true;" onmouseup="changeImages('ag_2_09', '/wp/wp-content/themes/simple/images/ag_2_09-over.gif'); return true;"> <img id="ag_2_09" src="/wp/wp-content/themes/simple/images/ag_2_09.gif" width="207" height="11" border="0" alt="adresse : clichy-la-garenne"/> </a></div></div>
  40.  


css:

Code:

  1. #nav {height:109px;width:1000px;position:relative;padding:0px;color:white;}
  2. #menu {float: left; margin-left: 0px;display: block;list-style-position: inside; list-style-type: none; text-decoration: none;margin: 0; top:0;position:absolute;left:252px;padding: 0;border:0;}
  3. #adresse {position:absolute;left:252px;top:43px;}
WP 2.5.1 plugins : cformII, feedsmith, getcustomfields, postthumb rev, wp-phpmyadmin, language switcher…

Hors ligne

 

#3 01-07-2008 15:51:04

Comme une image
Burpeur Wordpress
Lieu: Paris (enfin presque)
Date d'inscription: 30-01-2008
Messages: 1574
Site web

Re: Petit problème CSS

Enlève tous les espaces (blancs, sauts de ligne) entre tes trois balises <a><img>... </a></img> successives.

Outils de base : Firefox+Firebug, Google-est-mon-ami™, Notepad++. Avec ça, on règle 78,24% des problèmes wink
Pour aller plus loin : Côt côt codex FR EN ! WAMP/LAMP/MAMP

« On paie mal un maître en ne restant toujours que l'élève. » — F. Nietzsche

Hors ligne

 

 

Pages: 1

Pied de page des forums

Propulsé par PunBB 1.2.20
© Copyright 2005-2006 WordPress France