Meteo widget

Hello, I’m inserting a “meteo widget” from this site. But it does not look nice (text is cut off, corners are not rounded), is there a way to correct this? Or a better site to retrieve from.

thanks, Lode


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Interesting that you brought this up as I was considering something for a site I am working on so I tried it there http://www.deltadesign.co/roulotte/nouvelles.html

I also got the cut off text and square corners so I adjusted the widget so that it had no border, changed colours etc. and then copied the code.

In FW I Inserted a Markup Item Insert>Markup and pasted the code.

Once I had the Markup Item on the page I cut it to the pasteboard and created a larger HTML item clicked inside to get the flashing cursor and pasted. I then styled the outer container gave it a border and used the CSS Corners action to give me a corner radius of 12px.

Earlier versions of IE wont display the curved corners but who cares about them anyway!

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi David,

Thanks, it works like a charm! Funny, I use to know some people in France who had a similar “roulotte”, antique dealers from Paris. Like to see the gallery.

Btw, I checked the site with IE 9 (Parallels Desktop) and no rounded corners (CSS Gradient also didn’t work). Any idea? Other than promoting Safari?

Bye, Lode


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Like to see the gallery.

You and me both - I am being patient but you can’t rush folk from that part of the world, they travel at a different pace from the rest of us!

I checked the site with IE 9 (Parallels Desktop) and no rounded corners

Strange coz it looks OK in NetRenderer in IE9
Moved but I haven’t fired up VMWare Fusion on mine to try it for myself.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

“You and me both - I am being patient but you can’t rush folk from that part of the world, they travel at a different pace from the rest of us!”

I know it is a different world, but I like it (and btw, I lived there for a while). Tried IE8, no rounded corners.

Bye, Lode


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Support for rounded corners only came with IE9 - supposedly. Though like you I am not seeing it in IE9 under VMware Fusion.

To be honest I don’t really care too much about the IE users as they don’t know what rounded corners look like anyway.

I did try a JS trick using curvycorners.js but it interfered with the JS in the widget causing the weather info to flash and then disappear. So I binned it.

I will continue to look for another solution but I am not going to waste much time over it.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Just to add to this - I just realised that I was checking with IE8 not 9 and that is likely why I got no rounded corners.

I remembered that I wasn’t going to upgrade to 9 because it had better support for CSS3 and then I wouldn’t be able to see from the Dark Side.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I’ll check it later on the 9, if I don’t get rounded corners on my “Meteo widget” and yours have, I’m doing something wrong.

Keep you posted,

Bye, Lode


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

This page uses curvycorners.js to let IE8 display rounded corners so look at it too.

http://www.deltadesign.co/fw_examples/css3shadow.html

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I checked with IE9, and your box as indeed rounded corners. What ever I try , nothing CSS works; no rounded corners, gradient, drop shadow …

I can make rounded corners with the “graphic effects” in the inspector.

I let it rest now, and try to find out later why it is not working.

Bye, Lode

(Come to think, I had an issue with “CSS gradient” a couple months ago, the decimal was the problem: I use a “Belgium” system (1.000,00) (Max fixed that), are their some decimals involved in the rounded corners?)


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Have you a link to your example?

IE9 doesn’t like gradients and rounded corners at the same time.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi,

samples on this site, (no corner and shadow on 1 box).

www.roselnet.be

bye, L


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Have you applied a CSS corner to anything on here - I really need to see something with the action applied.

Also is your CSS Layout button on? Are your elements layers? If not then they should be to be able to get the effect.

In FW I Inserted a Markup Item Insert>Markup and pasted the code.

Once I had the Markup Item on the page I cut it to the pasteboard and created a larger HTML item clicked inside to get the flashing cursor and pasted. I then styled the outer container gave it a border and used the CSS Corners action to give me a corner radius of 12px.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi,

I changed the site a little bit: 3 page, last 2 have CSS Rounded corners (visible in Safari, not in IE9). All elements are layers.

Thanks, Lode


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I forgot, the “Meteo Widget” is only applied on the first page.

Bye, L


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

OK - what version of CSS3 Corners are you using - the latest is 0.3

I am seeing the browser specific code for Webkit (Safari) and Mozilla (Firefox)

-webkit-border-radius: 12px;
-moz-border-radius: 12px;

but not the general code for IE

border-radius: 12px;

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Here are all the CSS3 actions - make sure you have the latest versions. http://www.actionsforge.com/projects/view/78-css3-goodies

Note that CSS3 Shadow doesn’t appear to work with IE - try CSS3 Shadows Extra instead.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

THANK YOU!
And the drop down menus DO work on my friends Windows platform! I am so relieved, they didn’t work on the older Mac Versions.

I appreciate all of the info,
R

On Dec 3, 2011, at 5:35 PM, DeltaDave wrote:

Here are all the CSS3 actions - make sure you have the latest versions. http://www.actionsforge.com/projects/view/78-css3-goodies

Note that CSS3 Shadow doesn’t appear to work with IE - try CSS3 Shadows Extra instead.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi,

Thanks for this, I did some testing with this and IE9: Rounded Corners, Shadow extra, Rollover (more or less) works, Column, Gradient, Text Shadow and RGBa don’t. I’ll do some more testing later. I run in to some “PHP Reflection Action” issues that I need to look at first.

Bye, Lode


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I dont think that IE9 supports most of that - certainly not Text Shadow

Have a look with IE at http://www.deltadesign.co/fw_examples/css3-reflector.html and let me know if you see the reflection.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options