CodingForums.com - CSS Fix for Nivo Slider

CodingForums.com (http://www.codingforums.com/index.php)

- HTML & CSS (http://www.codingforums.com/forumdisplay.php?f=13)

- - CSS Fix for Nivo Slider (http://www.codingforums.com/showthread.php?t=283925)

neodjandre

12-10-2012 07:03 PM

CSS Fix for Nivo Slider

Hello,

I would appreciate some help me fix the positioning of nivo slider on our site...

http://tinyurl.com/d3canxw

thanking you in advance,
Andy

Excavator

12-10-2012 07:49 PM

Hello neodjandre,
You use relative positioning in many places that it should be absolute. When using either positioning, you need to tell the element where you would like it positioned.
Look at it this way -

Code:

.theme-default .nivoSlider {

    background: url("loading.gif") no-repeat scroll 50% 50% #FFFFFF;

    box-shadow: 0 1px 5px 0 #4A4A4A;

    margin-bottom: 10px;

    position: absolute;

    top: 60px;

    left: 0;

}

neodjandre

12-10-2012 08:36 PM

ok, i have tried that but still doesn't fit.. what's more in Firefox the gap is much wider than Chrome & IE...

I know i am not that good with CSS.. hopefully we can fix this mess with another hack.

neodjandre

12-10-2012 08:41 PM

update: used !important and it worked! thanks so much..

now need to figure out how to remove this yellow border and fully align the slider !

Excavator

12-10-2012 10:30 PM

Quote:

Originally Posted by neodjandre (Post 1298856)

update: used !important and it worked! thanks so much..

now need to figure out how to remove this yellow border and fully align the slider !

Using !important is just overriding some CSS elsewhere that has more specificity. Instead of using !important, why not find the real cause and remove that? See this article on the use of !important.

All of those things could be seen and fixed if you used FireBug for FireFox.

All times are GMT +1. The time now is 03:18 PM.