Css Help Needed

Discussion in 'CSS' started by msk19994, Oct 30, 2010.

  1. #1
    Guys The Thing Is that i am using a script which grabs imdb info directly url http://tinyurl.com/imdbfetcher the problem is that i am using this script in another script of joomla the thing is that when i grab the image is comes but the size is bigger is there any way to make the size small
    eg url http://tinyurl.com/3xblx6s

    i want the image to come in the box not outside the box

    and i am just proving the css related to the box not the whole css code
    }

    .clsImgVideoSection{
    margin:15px 0 0 0;
    }
    .clsNewSliderVideo{
    text-align:center;
    vertical-align:middle;
    height:164px;
    width:152px;
    }
    .clsNewSliderVideo img{
    padding:6px;
    border:1px solid #ccc;
    text-align:center;
    vertical-align:middle;
    }

    thankyou !
     
    msk19994, Oct 30, 2010 IP
  2. Layoutzzz

    Layoutzzz Greenhorn

    Messages:
    78
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    18
    #2
    Hi,
    Why did you not set fixed size for image?
     
    Layoutzzz, Oct 30, 2010 IP
  3. msk19994

    msk19994 Well-Known Member

    Messages:
    1,030
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    160
    #3
    aaaa the thing is that if i knew how to then why would i be asking you guys if u know how to then please show me !
     
    msk19994, Oct 31, 2010 IP
  4. Layoutzzz

    Layoutzzz Greenhorn

    Messages:
    78
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    18
    #4
    
    .clsNewSliderVideo img{
    padding:6px;
    border:1px solid #ccc;
    text-align:center;
    vertical-align:middle;
     height:145px;
     width:137px;
    }
    
    Code (markup):
    You can see result here:
    [​IMG]

    Also I suppose you should add following style in the css file
    
    a img, img
    {
     border:none;
    }
    
    Code (markup):
    It remove border for images.
     
    Layoutzzz, Oct 31, 2010 IP
  5. msk19994

    msk19994 Well-Known Member

    Messages:
    1,030
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    160
    #5
    thanks mate the image has been resized but border is not gone
     
    msk19994, Oct 31, 2010 IP
  6. Layoutzzz

    Layoutzzz Greenhorn

    Messages:
    78
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    18
    #6
    msk19994
    You should edit clsNewSliderVideo img class
    
    .clsNewSliderVideo img{
    padding:6px;[COLOR="green"]/*also you can delete this*/[/COLOR]
    border:1px solid #ccc;[COLOR="green"] /*remove this line*/[/COLOR]
    text-align:center;
    vertical-align:middle;
     height:145px;
     width:137px;
    }
    
    Code (markup):
    I suppose It will help you.
     
    Last edited: Nov 2, 2010
    Layoutzzz, Nov 2, 2010 IP
  7. msk19994

    msk19994 Well-Known Member

    Messages:
    1,030
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    160
    #7
    thanx mate now its gone
     
    msk19994, Nov 2, 2010 IP
  8. Layoutzzz

    Layoutzzz Greenhorn

    Messages:
    78
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    18
    #8
    You are welcome.
     
    Layoutzzz, Nov 2, 2010 IP
  9. msk19994

    msk19994 Well-Known Member

    Messages:
    1,030
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    160
    #9
    i have got another error

    at the main page i just featured some movies and the images are showing really big is there a way to fix it

    i think this is the css of featured

    .clsNewSlider{
    width:100px;
    /*height:140px;*/
    float:left;
    margin:2px;
    }

    .clsImgchannel{
    border:1px solid #ccc;
    height:145px;
    margin:0 0 0 4px;
    text-align:center;
    }
    .clsNewSlider a{
    text-align:center;
    }
    .clsNewSlider img{

    text-align:center;
    }

    URL Where The Problem Is
     
    msk19994, Nov 4, 2010 IP
  10. Layoutzzz

    Layoutzzz Greenhorn

    Messages:
    78
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    18
    #10
    Does this problem still actual for you ?
    I have just check it in IE8, Firefox. It is look ok for me.
     
    Layoutzzz, Nov 4, 2010 IP
  11. msk19994

    msk19994 Well-Known Member

    Messages:
    1,030
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    160
    #11
    sir this is not the same problem this is a different 1 the problem is that on the home page in the Featured Content tab the images dont come in small size but come in their orignal big size i would be highly obliged if u could fix that and i think the css to this is the css is

    .clsNewSlider{
    width:100px;
    /*height:140px;*/
    float:left;
    margin:2px;
    }

    .clsImgchannel{
    border:1px solid #ccc;
    height:145px;
    margin:0 0 0 4px;
    text-align:center;
    }
    .clsNewSlider a{
    text-align:center;
    }
    .clsNewSlider img{

    text-align:center;
    }
     
    msk19994, Nov 4, 2010 IP
  12. Layoutzzz

    Layoutzzz Greenhorn

    Messages:
    78
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    18
    #12
    The solution is same. You should set size for images.
    Please try following.

    
    .clsNewSlider img{
      text-align:center;
      width:100px;
    } 
    
    Code (markup):
    _________
    if it will not help you You can contact me via Skype(layoutzzz). I will online 20 minutes.
     
    Layoutzzz, Nov 4, 2010 IP
  13. msk19994

    msk19994 Well-Known Member

    Messages:
    1,030
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    160
    #13
    what can i say mate ur a pro in this u fixed all the bugs images bugs in the script thanx mate
     
    msk19994, Nov 4, 2010 IP
  14. Layoutzzz

    Layoutzzz Greenhorn

    Messages:
    78
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    18
    #14
    I was glad to help you
     
    Layoutzzz, Nov 4, 2010 IP