please help with CSS

  • rawaby88
  • Born
  • Born
  • rawaby88
  • Posts: 1

Post 3+ Months Ago

The code for css that control my photos , I wanted to add space between photos and really i can't, i change all the value for every thing but nothing work please help,

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

and here the css file

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 alot
  • mindfullsilence
  • Professor
  • Professor
  • User avatar
  • Posts: 854

Post 3+ Months Ago

I wouldn't be able to solve this because you've showed me an image and a bunch of classes and id's. I have no idea what the #slider_container is associated with, or the .productScrollerC, or the .handle, or the slider_prev, etc. Show us an example of what you have so far in terms of code or at least give us your html as well as your css so we can take a better look at everything.

Post Information

  • Total Posts in this topic: 2 posts
  • Users browsing this forum: No registered users and 16 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.