please help avec CSS

  • rawaby88
  • Born
  • Born
  • No Avatar
  • Inscription: Jan 18, 2010
  • Messages: 1
  • Status: Offline

Message Janvier 18th, 2010, 9:23 pm

Le code de css que le contrôle de mes photos, je voulais ajouter de l'espace entre les photos et vraiment je ne peux pas, je change toute la valeur pour chaque chose, mais rien s'il vous plaît le travail d'aide,

Code: [ Select ]
my example just add point after www and before com cause i can't post link in this web
www lilu-bielizna com/allegro/example.jpg
  1. my example just add point after www and before com cause i can't post link in this web
  2. www lilu-bielizna com/allegro/example.jpg

et ici, la css fichier

Code: [ Select ]

/*img, .handle, .slider_prev, .slider_next {
    behavior: url("css/iepngfix.htc")
}*/

.productScrollerC {
    background: url(../images/az_template/az_psbox_mid.png) repeat-x;
}
#slider_container {    
  width: 505px;
    height:226px;
  margin: auto;
    padding:0;
    text-align:center;
}

.sliderGallery {
  overflow: hidden;
  position: relative;
  height: 190px;
    padding:0;
  width: 495px;
    text-align:left;
    margin:auto;
}

#slider_items {
    position: absolute;
  padding: 0;
  margin: 2.8em 0 0 0;
    cursor:move;
}
#slider_items td {
    vertical-align:bottom;
    text-align:center;
    color:#000000;
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    font-size:8px;
}

span.prod_name a {
    color:#6b6b6b;
    text-decoration:none;
    
}
span.prod_name a:hover {
    color:#8eadb3;
}
span.prod_price { color:#7b011d; font-size:13px; }
span.prod_price s {
    color:#8c8c8c;
}

.sliderGallery a {
    text-decoration:none;
    color:#FFFFFF;
}
.sliderGallery img {
    border:0;
    margin-bottom:5px;
}

#slider_nav {
    position:relative;
    height:22px;
    width:472px;
    margin:auto;
}

.ui-slider {
  width: 436px;
  height: 22px;
  position: relative;
}

.slider {
  background: url(../images/az_template/az_ps_slider_bg.gif) repeat-x;
  float:left;
}
        
.slider_prev {
  background: url(../images/az_template/az_ps_prev.gif) no-repeat;
  width:18px;
  height:22px;
  float:left;
  cursor:pointer;
}
.slider_next {
  background: url(../images/az_template/az_ps_next.gif) no-repeat;
  width:18px;
  height:22px;
  float:left;
  cursor:pointer;
}
    
.handle {
  position: absolute;
  cursor: move;
  height: 16px;
  width:126px;
    margin-top:3px;
  top: 0;
    left:0;
  background: url(../images/az_template/az_ps_handle.png) no-repeat;
  z-index: 100;
}
        
#left_end {
  background: url(../images/az_template/az_ps_left_end.gif) no-repeat;
  width:3px;
  height:22px;
    float:left;
}
#right_end {
  background: url(../images/az_template/az_ps_right_end.gif) no-repeat;
  width:3px;
  height: 22px;
    float:right;
}
  1. /*img, .handle, .slider_prev, .slider_next {
  2.     behavior: url("css/iepngfix.htc")
  3. }*/
  4. .productScrollerC {
  5.     background: url(../images/az_template/az_psbox_mid.png) repeat-x;
  6. }
  7. #slider_container {    
  8.   width: 505px;
  9.     height:226px;
  10.   margin: auto;
  11.     padding:0;
  12.     text-align:center;
  13. }
  14. .sliderGallery {
  15.   overflow: hidden;
  16.   position: relative;
  17.   height: 190px;
  18.     padding:0;
  19.   width: 495px;
  20.     text-align:left;
  21.     margin:auto;
  22. }
  23. #slider_items {
  24.     position: absolute;
  25.   padding: 0;
  26.   margin: 2.8em 0 0 0;
  27.     cursor:move;
  28. }
  29. #slider_items td {
  30.     vertical-align:bottom;
  31.     text-align:center;
  32.     color:#000000;
  33.     font-family:Tahoma, Arial, Helvetica, sans-serif;
  34.     font-size:8px;
  35. }
  36. span.prod_name a {
  37.     color:#6b6b6b;
  38.     text-decoration:none;
  39.     
  40. }
  41. span.prod_name a:hover {
  42.     color:#8eadb3;
  43. }
  44. span.prod_price { color:#7b011d; font-size:13px; }
  45. span.prod_price s {
  46.     color:#8c8c8c;
  47. }
  48. .sliderGallery a {
  49.     text-decoration:none;
  50.     color:#FFFFFF;
  51. }
  52. .sliderGallery img {
  53.     border:0;
  54.     margin-bottom:5px;
  55. }
  56. #slider_nav {
  57.     position:relative;
  58.     height:22px;
  59.     width:472px;
  60.     margin:auto;
  61. }
  62. .ui-slider {
  63.   width: 436px;
  64.   height: 22px;
  65.   position: relative;
  66. }
  67. .slider {
  68.   background: url(../images/az_template/az_ps_slider_bg.gif) repeat-x;
  69.   float:left;
  70. }
  71.         
  72. .slider_prev {
  73.   background: url(../images/az_template/az_ps_prev.gif) no-repeat;
  74.   width:18px;
  75.   height:22px;
  76.   float:left;
  77.   cursor:pointer;
  78. }
  79. .slider_next {
  80.   background: url(../images/az_template/az_ps_next.gif) no-repeat;
  81.   width:18px;
  82.   height:22px;
  83.   float:left;
  84.   cursor:pointer;
  85. }
  86.     
  87. .handle {
  88.   position: absolute;
  89.   cursor: move;
  90.   height: 16px;
  91.   width:126px;
  92.     margin-top:3px;
  93.   top: 0;
  94.     left:0;
  95.   background: url(../images/az_template/az_ps_handle.png) no-repeat;
  96.   z-index: 100;
  97. }
  98.         
  99. #left_end {
  100.   background: url(../images/az_template/az_ps_left_end.gif) no-repeat;
  101.   width:3px;
  102.   height:22px;
  103.     float:left;
  104. }
  105. #right_end {
  106.   background: url(../images/az_template/az_ps_right_end.gif) no-repeat;
  107.   width:3px;
  108.   height: 22px;
  109.     float:right;
  110. }






thx a lot
  • Anonymous
  • Bot
  • No Avatar
  • Inscription: 25 Feb 2008
  • Messages: ?
  • Loc: Ozzuland
  • Status: Online

Message Janvier 18th, 2010, 9:23 pm

  • mindfullsilence
  • Professor
  • Professor
  • Avatar de l’utilisateur
  • Inscription: Aoû 04, 2008
  • Messages: 846
  • Status: Offline

Message Janvier 19th, 2010, 1:27 pm

I wouldnt être en mesure de résoudre ce parce que le youve m'a montré une image et un ensemble de classes et d'identifiants. Je n'ai aucune idée de ce que #slider_container est associé, ou le productScrollerC., ou le. manipuler, ou de la slider_prev, etc Montrez-nous un exemple de ce que vous avez jusqu'ici en termes de code ou au moins nous fournir votre code HTML ainsi que votre css pour que nous puissions prendre un meilleur regard sur tout.
Use your words like arrows to shoot toward your goal.

Afficher de l'information

  • Total des messages de ce sujet: 2 messages
  • Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 67 invités
  • Vous ne pouvez pas poster de nouveaux sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas éditer vos messages
  • Vous ne pouvez pas supprimer vos messages
  • Vous ne pouvez pas joindre des fichiers
 
 

© 2011 Unmelted, LLC. Ozzu® est une marque déposée de Unmelted, LLC