CSS balise UL

CSS balise UL - HTML/CSS - Programmation

Marsh Posté le 09-06-2006 à 11:23:46    

Bonjour,
 
Je voudrais savoir comment faire pour virer l'espace blanc indiqué par ma fleche via css  
Je suppose qu'il suffit de mettre la bonne propiété dans le UL mais je ne sais pas trop quoi!
 
Voici le problème
http://www.pharmacommerce.be/Brol/ul.GIF
 
Voici le code HTML correspondant:

Code :
  1. <TABLE cellSpacing=0 cellPadding=0
  2.       border=1>
  3.         <TR>
  4.           <TD vAlign=center align=left width=222 bgColor=#f0f0f0 >
  5.             <H2 align=center>
  6.   <SPAN class=LabelGrandTitre
  7.             id=MenuControl1_LabelTitre
  8.             style="FONT-WEIGHT: bold">Campaign</SPAN>&nbsp;</H2>
  9.    </TD>
  10.  </TR>
  11.         <TR>
  12.           <TD height=0 >
  14.             <UL id=navlist>
  15.               <LI><A id=MenuControl1_lbNew
  16.               href="javascript:__doPostBack('MenuControl1$lbNew','')">New
  17.               Campaign</A>
  18.               <LI><A
  19.               href="http://10.0.1.25/FieldMarketing/CampaignDelete.aspx">Delete
  20.               Campaign</A>
  21.               <LI><A id=MenuControl1_lbUpdate
  22.               href="javascript:__doPostBack('MenuControl1$lbUpdate','')">Update
  23.               Campaign</A>
  24.               <LI><A href="http://10.0.1.25/FieldMarketing/Campaign.aspx">Show
  25.               Campaign</A> </LI>
  26.    </UL>
  27.  </TD>
  28. </TR>
  29. </TABLE>


 
et voici le code css:

Code :
  1. #navlist {
  2. PADDING-RIGHT: 1px;
  3. PADDING-LEFT: 1px;
  4. PADDING-BOTTOM: 0px;
  5. FONT: bold 12px Verdana, sans-serif;
  6. MARGIN-LEFT: 0px;
  7. WIDTH: 16em;
  8. PADDING-TOP: 0px;
  9. BACKGROUND: #F0F0F0;
  10. }
  11. /* Entre chaque point de menu  */
  12. #navlist LI {
  13. BORDER-TOP: gray 0px solid;
  14. BACKGROUND: #F0F0F0;
  15. MARGIN: 0px;
  16. FONT: bold 0px Verdana, sans-serif;
  17. LIST-STYLE-TYPE: none;
  18. TEXT-ALIGN: left
  19. }
  20. /* Les points de menu en eux même */
  21. #navlist LI A {
  22. PADDING-RIGHT: 0.5em;
  23. DISPLAY: block;
  24. PADDING-LEFT: 0.75em;
  25. BACKGROUND: #AAAABB;
  26. PADDING-BOTTOM: 0.5em;
  27. FONT: bold 12px Verdana, sans-serif;
  28. /*BORDER-LEFT: #000000 1em solid; */
  29. PADDING-TOP: 0.5em;
  30. TEXT-DECORATION: none
  31. }
  32. #navlist LI A:link {
  33. COLOR: #fff
  34. }
  35. #navlist LI A:visited {
  36. COLOR: #fff
  37. }
  38. /* Lorsque l'on est sur un point de menu */
  39. #navlist LI A:hover {
  40. BORDER-LEFT-COLOR: #fe3;
  41. BACKGROUND: #003366;
  42. BORDER-BOTTOM-COLOR: #fe3;
  43. COLOR: #FFFFFF;
  44. BORDER-TOP-COLOR: #fe3;
  45. BORDER-RIGHT-COLOR: #fe3
  46. }


 
PS: le code HTML n'est pas hyper propre mais c'est généré via .NET
 
D'avance merci


Message édité par the big ben le 09-06-2006 à 11:24:16
Reply

Marsh Posté le 09-06-2006 à 11:23:46   

Reply

Marsh Posté le 09-06-2006 à 11:50:29    

tu as essayer  
#navlist ul {
    margin-bottom : 0 ;  
    padding-bottom : 0  
}

Reply

Marsh Posté le 09-06-2006 à 13:43:18    

oui mais sans succès hélas...

Reply

Marsh Posté le 09-06-2006 à 13:52:26    

tu jettes le tableau caca à la poubelle et tu verra hooo magie :o


---------------
Blablaté par Harko
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed