Using Fieldset to create curved borders

Hi Nicola,

Fieldsets are used for forms and I would not recommend you to use for layout function as mentioned above. In addition, if you use fieldsets, you might not be able to set proper image for top section of the curve and for bottom ones.

If you are trying to setup content like http://www.webhostingkit.com/ then just look at the html source code and download css file, you will notice its a simple issue of using images.

Hope this helps.

Thanks Vishal.

Sorry, but I know how to view the source but please could you tell me how to download the css.

Thanks

Hi,

With the advent of CSS3 that's now supported in Webkit and Mozilla based browsers etc. you can specify rounded corners on your borders:

All corners can be specified in Mozilla based browsers by:

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

Or you can specify borders for individual corners:

-moz-border-radius-topleft: 30px;
...
...
-webkit-border-radius-topleft: 30px;

You get the idea.

Of course this isn't supported by IE (even IE8) - so IE will just default to square corners (well they should use a real browser). Saves messing around with images. So if you're prepared to compromise on the design for IE why not give this a try.

Cheers

Thanks for the help.

I'm doing the site for a friend so will mention this approach but I've a feeling his users mostly use IE and he particularly likes the rounded corners.

Looks like I'm going to have to get to grips with the images.

To get to the source code most browsers have a menu item for this - in FF it's View - Page Source . This will show you the HTML.

In the head section of the HTML it will tell you where the CSS file is (assuming it's external). If it's a relative path simply add this to the URL for the website.

So for example on my website it's referenced thus:

<link rel="stylesheet" href="style/main.css" type="text/css" media="screen" />

So the full URL to pick up the CSS file would be:

http://www.jadexsolutions.co.uk/style/main.css

This will open the CSS file, from where you can save it locally.

Cheers

Wow - I can't tell you how much that will help. Thanks very much

Just install the Web Developer extension in firefox and you can do this with a couple of mouse clicks.

Great info, thanks.

As you can probably tell I am very new to all this...

I am currently using IE7 on this machine and have delayed in installing firefox in case I messed up the settings.

I have access to some redundant machines and thought about installing Firefox on one of them as I need to check that my websites are compatible across browsers.

Don't suppose anyone knows if it is best two have 2 machines or will they both work on 1?

Thanks again.

If you're serious about testing them cross browser, I suggest installing firefox, multiple versions of ie, safari, and possibly chrome. You should have no issues installing them all on a single machine. Also, browsershots.org is a good resource too.

I'm developing very simple small scale sites for a few friends but expect that it is good practise to check the browsers you've mentioned.

Thanks

If you wish to check your website on different browsers, I would recommend http://browsershots.org/

Hope this helps.

Just had a look at browsershots.org - fantastic resource thank you both.

Installing FF shouldn't have any effect (bad or good) on your current IE installation. If you are lucky enough to have extra machines running XP, try to keep a native version of IE6 on one of them. All the multiple IE installers are a bit off compared to native IE6's. If those machines all have IE7, you should be able to go to the MS site and download IE6 (and replace IE7).

Browsershots has some disadvantages... I often wait over an hour to see a real macintosh for some reason, and while I was just checking a font, you can't develop like that. It also doesn't let you see what things look and act like with changing screen sizes (live), hovering or clicking links, Flash or Javascript. There's another service that does let you do that, browsercam, but it's better to just have your own. Maybe install Linux on one of your extra machines too, to test FF, Opera and Konqueror or Epiphany on it.

Even small sites, if you like doing this you might as well dive in and learn as much as you can.

Thanks very much...I've learned more in the past two days on this site than in the whole month.

Don't suppose anyone knows how to make a customer write their content?!

Tempt them with money trees.

You're kidding, right? I can't even make me write content for my own site.

The money-tree suggestion wasn't a bad one. Agree to partial completion dates with your client. Explain to them that if they fail to deliver their content in digital form and on time, it may cause delays on your part that will increase their cost.

cheers,

gary

Good ideas!

I'm just setting up so its a steep learning curve, thanks.