Hi,
I had a look at your page today and it seems there is a bit of a mis-
understanding here.
You will need to remove that <style type="text/css"> tag that you
placed in your css code (this can cause nesting issues). Plus the
groups is horrible for breaking and re-formatting code which happened
to the URL for @import url("http://www.google.com/uds/solutions/
dynamicfeed/gfdynamicfeedcontrol.css");
You will need to make sure that is on one line (a complete url), I am
guessing those are some of the causes for the Google CSS not loading
now on your page.
I was just trying to show that my code goes at the top of your css
code just under your <style type="text/css"> tag, where you seem to
have pasted everything at the end of it.
If you need help with clarification on some things maybe pop into the
IRC channel (see pinned post in this group for more info) as we
usually hang out there helping ppl and can maybe provide some clearer
instructions.
Cheers!
Vision Jinx
On Jan 21, 9:59 pm, Reciprocal <rmioffice.flor...@rminet.org> wrote:
> That addition didn't change anything. Thank you for trying. Maybe
> tomorrow I will try to remind you to look at IE8. Again, thanks a ton
> for your help. You have gotten me a lot closer!
>
> On Jan 21, 11:51 pm, Vision Jinx <vjn...@gmail.com> wrote:
>
> > Yes! IE is a nightmare for a lot of ppl for that reason ;)
>
> > I don't have IE8 handy so can't fully test this till tomorrow but you
> > can maybe try adding this instead after the following
>
> > <style type="text/css">
> > @import url ..............
>
> > /* My Custom CSS */
> > .gfg-root .gfg-entry .gf-result .gf-title {
> > font-size:14px;
> > line-height:auto;
> > white-space:normal;
>
> > }
>
> > </style>
>
> > in the CSS Google has
>
> > line-height:1.2em;
> > white-space:nowrap;
>
> > which is setting the height and not allowing the text to wrap. All I
> > did was try to reset this behavior.
>
> > See if that helps
>
> > On Jan 21, 9:44 pm, Reciprocal <rmioffice.flor...@rminet.org> wrote:
>
> > > well, that addition at the top did fix the google api feed section,
> > > but it really messed everything else up. Everything was stretched to
> > > fill the window. That won't work.
>
> > > Well, it looks like this...
>
> > > From the RMI Blog... This is the frist title..
> > > this is the content description
> > > This is the second title
> > > this is the third title
>
> > > It should look like this...
>
> > > From the RMI Blog...
> > > This is the first title...
> > > This is the content description
> > > This is the second title
> > > This is the third title
>
> > > On Jan 21, 11:40 pm, Vision Jinx <vjn...@gmail.com> wrote:
>
> > > > are you saying the text is displaying outside the box? overflowing
> > > > outside the div element? I can probably add another CSS hack for that
> > > > but try the doc type thing first to see if it will trigger a different
> > > > rendering mode for IE 8
>
> > > > On Jan 21, 9:37 pm, Reciprocal <rmioffice.flor...@rminet.org> wrote:
>
> > > > > I've added the ;
>
> > > > > Any idea how to fix it now so that it looks the same in IE8? It seems
> > > > > the first feed's content/description is showing out to the right,
> > > > > instead of showing underneath.
>
> > > > > On Jan 21, 11:27 pm, Vision Jinx <vjn...@gmail.com> wrote:
>
> > > > > > Hi,
>
> > > > > > I see you added <div id="feed-control" style="width:
> > > > > > 275px;overflow:hidden">
>
> > > > > > it seems to look ok for me, maybe try clearing your browser cache
> > > > > > and
> > > > > > see if that works (so you are not getting a cached version of your
> > > > > > page)
>
> > > > > > note! I should have had a ; at the end of overflow:hidden; also ;)
> > > > > > but
> > > > > > should not make a huge difference in this case
>
> > > > > > <div id="feed-control" style="width:275px;overflow:hidden;">
>
> > > > > > On Jan 21, 9:23 pm, Reciprocal <rmioffice.flor...@rminet.org> wrote:
>
> > > > > > > Ok, Jinx, I think I have it like you said, but it still doesn't
> > > > > > > look
> > > > > > > right. Take a look again at the link...
> > > > > > > http://www.rminet.org/new_page_1.htm
>
> > > > > > > On Jan 21, 11:18 pm, Vision Jinx <vjn...@gmail.com> wrote:
>
> > > > > > > > Thanks for the link, you may want to add overflow:hidden also
> > > > > > > > so it
> > > > > > > > does not push the other page elements around
>
> > > > > > > > <div id="feed-control" style="width:400px;overflow:hidden">
>
> > > > > > > > On Jan 21, 9:14 pm, Reciprocal <rmioffice.flor...@rminet.org>
> > > > > > > > wrote:
>
> > > > > > > > > Here is a link of the page I am working
> > > > > > > > > on...http://www.rminet.org/new_page_1.htm
>
> > > > > > > > > The problem is that the feed box is wider than the column I
> > > > > > > > > am putting
> > > > > > > > > it in. I just can't figure out how to reduce the width of
> > > > > > > > > the feed
> > > > > > > > > back.
>
> > > > > > > > > On Jan 21, 10:59 pm, Reciprocal
> > > > > > > > > <rmioffice.flor...@rminet.org> wrote:
>
> > > > > > > > > > I am having some trouble setting a width. Can someone
> > > > > > > > > > please help me
> > > > > > > > > > set a width for my feeds? Here is my code...
>
> > > > > > > > > > <!-- ++Begin Dynamic Feed Wizard Generated Code++ -->
> > > > > > > > > > <!--
> > > > > > > > > > // Created with a Google AJAX Search and Feed Wizard
> > > > > > > > > > //http://code.google.com/apis/ajaxsearch/wizards.html
> > > > > > > > > > -->
>
> > > > > > > > > > <!--
> > > > > > > > > > // The Following div element will end up holding the
> > > > > > > > > > actual feed
> > > > > > > > > > control.
> > > > > > > > > > // You can place this anywhere on your page.
> > > > > > > > > > -->
> > > > > > > > > > <div id="feed-control">
> > > > > > > > > > <span
> > > > > > > > > > style="color:#676767;font-size:11px;margin:10px;padding:
> > > > > > > > > > 4px;">Loading...</span>
> > > > > > > > > > </div>
>
> > > > > > > > > > <!-- Google Ajax Api
> > > > > > > > > > -->
> > > > > > > > > > <script
> > > > > > > > > > src="http://www.google.com/jsapi?key=notsupplied-wizard";
> > > > > > > > > > type="text/javascript"></script>
>
> > > > > > > > > > <!-- Dynamic Feed Control and Stylesheet -->
> > > > > > > > > > <script
> > > > > > > > > > src="http://www.google.com/uds/solutions/dynamicfeed/
> > > > > > > > > > gfdynamicfeedcontrol.js"
> > > > > > > > > > type="text/javascript"></script>
> > > > > > > > > > <style type="text/css">
> > > > > > > > > > @import
> > > > > > > > > > url("http://www.google.com/uds/solutions/dynamicfeed/
> > > > > > > > > > gfdynamicfeedcontrol.css");
> > > > > > > > > > </style>
>
> > > > > > > > > > <script type="text/javascript">
> > > > > > > > > > function LoadDynamicFeedControl() {
> > > > > > > > > > var feeds = [
> > > > > > > > > > {title: 'From the RMI Blog',
> > > > > > > > > > url:
> > > > > > > > > > 'http://rminethaiti.blogspot.com/feeds/posts/default'
> > > > > > > > > > }];
> > > > > > > > > > var options = {
> > > > > > > > > > stacked : false,
> > > > > > > > > > horizontal : false,
> > > > > > > > > > title : ""
> > > > > > > > > > }
>
> > > > > > > > > > new GFdynamicFeedControl(feeds, 'feed-control',
> > > > > > > > > > options);
> > > > > > > > > > }
> > > > > > > > > > // Load the feeds API and set the onload callback.
> > > > > > > > > > google.load('feeds', '1');
> > > > > > > > > > google.setOnLoadCallback(LoadDynamicFeedControl);
> > > > > > > > > > </script>
> > > > > > > > > > <!-- ++End Dynamic Feed Control Wizard Generated Code++ -->
--
You received this message because you are subscribed to the Google Groups
"Google AJAX APIs" group.
To post to this group, send email to google-ajax-search-...@googlegroups.com.
To unsubscribe from this group, send email to
google-ajax-search-api+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-ajax-search-api?hl=en.
