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.
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!
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?
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.
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?)
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.
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.