JQuery CSS Problem? : The Official Microsoft ASP.NET Forums

<div id="test" class="rssFeed">
            <div class="rssHeader">
                <a title="Reuters.com is your source for breaking news, business, financial and investing news, including personal finance and stocks.  Reuters is the leading global provider of news, financial information and technology solutions to the world's media, financial institutions, businesses and individuals."
                    href="http://www.reuters.com" target="_self">Reuters: Oddly Enough</a></div>
            <div class="rssBody">
                <ul>
                    <li class="rssRow odd">
                        <h4>
                            <a title="View this feed at Reuters: Oddly Enough" href="http://feeds.reuters.com/~r/reuters/oddlyEnoughNews/~3/j8jpnaeFhYE/us-usa-baby-roof-idUSBRE85201S20120603"
                                target="_self">Pot smoking mother drives off with baby on car roof</a></h4>
                        <div>
                            Sunday, June 03, 2012 8:28:19 AM</div>
                        <p>
                            PHOENIX (Reuters) - A marijuana-smoking woman was arrested on Saturday in Phoenix
                            after she accidentally drove away with her ...</p>
                    </li>
                    <li class="rssRow even">
                        <h4>
                            <a title="View this feed at Reuters: Oddly Enough" href="http://feeds.reuters.com/~r/reuters/oddlyEnoughNews/~3/dKE0HL3ylPE/us-china-localisation-oreos-idUSBRE85603F20120607"
                                target="_self">Rectangle Oreos and cucumber gum, made in China for China</a></h4>
                        <div>
                            Thursday, June 07, 2012 11:03:42 AM</div>
                        <p>
                            SUZHOU, China (Reuters) - There are no bad ideas inside Kraft Foods' biscuit research
                            lab in China, according to director ...</p>
                    </li>
                    <li class="rssRow odd">
                        <h4>
                            <a title="View this feed at Reuters: Oddly Enough" href="http://feeds.reuters.com/~r/reuters/oddlyEnoughNews/~3/kuzNTaQnmhg/us-usa-licenseplates-idUSBRE8540WX20120605"
                                target="_self">On U.S. car license plates, DAMNIML8 is OK, TOILET is not</a></h4>
                        <div>
                            Wednesday, June 06, 2012 12:16:25 AM</div>
                        <p>
                            (Reuters) - When Whitney Calk sought a personalized license plate from a Tennessee
                            state agency to tout her vegetarian ideals, ...</p>
                    </li>
                    <li class="rssRow even">
                        <h4>
                            <a title="View this feed at Reuters: Oddly Enough" href="http://feeds.reuters.com/~r/reuters/oddlyEnoughNews/~3/NhJEydZGdP8/us-japan-radioactivewife-idUSBRE8540CX20120605"
                                target="_self">Radiation: Shall I compare thee to an angry Japanese wife?</a></h4>
                        <div>
                            Tuesday, June 05, 2012 2:12:21 PM</div>
                        <p>
                            TOKYO (Reuters) - A Japanese research agency has dropped a controversial public
                            relations campaign aimed at educating women ...</p>
                    </li>
                    <li class="rssRow odd">
                        <h4>
                            <a title="View this feed at Reuters: Oddly Enough" href="http://feeds.reuters.com/~r/reuters/oddlyEnoughNews/~3/3omKBMRWrIQ/us-nomura-toilets-idUSBRE8500VG20120601"
                                target="_self">Squat-down toilets will boost Nomura, shareholder says</a></h4>
                        <div>
                            Friday, June 01, 2012 8:01:52 PM</div>
                        <p>
                            LONDON (Reuters) - With investment banks facing an uncertain future, one Nomura
                            shareholder has come up with a novel suggestion ...</p>
                    </li>
                </ul>
            </div>
        </div>

Thanks & Regards
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog

Reply

cenk1536

Contributor

2503 Points

2118 Posts

Re: JQuery CSS Problem?

Jun 07, 2012 11:03 AM|LINK

Hi asteranup,

Thanks for your reply. I know the classes and I tried the CSS below. But still the width and height is NOT what I want.

.sliderFrame
{
    width: 100%;
    height: 1%; /*border: 1px solid #888;*/
}
.sliderItem
{
    padding: 0.3em;
}

.slider li
{
    float: left;
}
.rssFeed
{
    width: 100%;
    height: 1%;
}

Keep your friends close and your enemies even closer

Reply

asteranup

All-Star

30184 Points

4906 Posts

Re: JQuery CSS Problem?

Jun 07, 2012 11:09 AM|LINK

Hi,

May be your outer css is calusing the problem. Check your other css.

Thanks & Regards
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog

Reply

sekarcse

Member

367 Points

87 Posts

Re: JQuery CSS Problem?

Jun 07, 2012 11:19 AM|LINK

i think you want to display only some items

if means use limit property to adjust height

$('#id').rssfeed('url', {
limit: 5
});

For Width

#id

{

width:100% ;

}

Thanks,
Sekar Perumal

Mark as Answer if you feel so. Because it will help others.

Reply

cenk1536

Contributor

2503 Points

2118 Posts

Re: JQuery CSS Problem?

Jun 07, 2012 11:29 AM|LINK

Hi asteranup,

When I check it via firebug, it says;

element.style {
  height:95px;
  overflow-x:hidden;
  overflow-y:hidden;
  width:1424px;
}

How can I get rid of those?

Keep your friends close and your enemies even closer

Reply

cenk1536

Contributor

2503 Points

2118 Posts

Re: JQuery CSS Problem?

Jun 07, 2012 11:52 AM|LINK

Hi,

I managed to change the CSS as follows. But this time the rss feed disappears!?

.sliderFrame
{
    width: 100% !important;
    height: 50px !important;
    border: 1px solid #888;
    background-color: #ede9e8;
}
#li
{
    float: left;
    height: 50px !important;
}
.slider
{
    /*margin-left: 2em !important;*/
    width: 100% !important;
}

Keep your friends close and your enemies even closer

Reply

asteranup

All-Star

30184 Points

4906 Posts

Re: JQuery CSS Problem?

Jun 08, 2012 02:42 AM|LINK

Hi,

You have to track it your self. It tough to check without the code and all the css.

Thanks & Regards
Anup Das Gupta
Mark as Answer if you feel so. Visit My Blog

Marked as answer by cenk1536 on Jun 08, 2012 07:04 AM

JQuery CSS Problem? RSS

7 replies

cenk1536