17 replies [Last post]
Nicola
Offline
Regular
Last seen: 11 years 33 weeks ago
Joined: 2009-05-07
Posts: 17
Points: 0

Hi

I am very new to website development and would like to create a curved border around a horizontal menu and around the page content. Similar to this site http://www.connecttraining.co.uk/

I've read about how to do it using a series of images but I wondered if I could just use Fieldset? Or will this cause problems?

Any help would be much appreciated.

Thanks

Vishal
Offline
newbie
Last seen: 11 years 7 weeks ago
Timezone: GMT-4
Joined: 2006-06-17
Posts: 9
Points: 0

Hi Nicola, Fieldsets are

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.

Nicola
Offline
Regular
Last seen: 11 years 33 weeks ago
Joined: 2009-05-07
Posts: 17
Points: 0

Thanks Vishal. Sorry, but I

Thanks Vishal.

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

Thanks

jadexsoln
jadexsoln's picture
Offline
Regular
Leicestershire, England
Last seen: 11 years 36 weeks ago
Leicestershire, England
Joined: 2009-02-18
Posts: 31
Points: 0

CSS 3

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 Smile

Neil Taylor
Jadex Solutions Ltd.
Small Business Web Site Design

Nicola
Offline
Regular
Last seen: 11 years 33 weeks ago
Joined: 2009-05-07
Posts: 17
Points: 0

Thanks for the help. I'm

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.

jadexsoln
jadexsoln's picture
Offline
Regular
Leicestershire, England
Last seen: 11 years 36 weeks ago
Leicestershire, England
Joined: 2009-02-18
Posts: 31
Points: 0

Source

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

Neil Taylor
Jadex Solutions Ltd.
Small Business Web Site Design

Nicola
Offline
Regular
Last seen: 11 years 33 weeks ago
Joined: 2009-05-07
Posts: 17
Points: 0

Wow - I can't tell you how

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

Ed Seedhouse
Ed Seedhouse's picture
Offline
Guru
Victoria British Columbia
Last seen: 12 weeks 2 days ago
Victoria British Columbia
Timezone: GMT-8
Joined: 2005-12-14
Posts: 3570
Points: 675

Just install the Web

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

Ed Seedhouse

Posting Guidelines

Watch out! I am carrying irony, sarcasm and satire, and know how to use them.

Nicola
Offline
Regular
Last seen: 11 years 33 weeks ago
Joined: 2009-05-07
Posts: 17
Points: 0

Great info, thanks. As you

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.

downtap
downtap's picture
Offline
Enthusiast
Dallas, TX
Last seen: 6 years 17 weeks ago
Dallas, TX
Timezone: GMT-7
Joined: 2008-01-18
Posts: 227
Points: 36

If you're serious about

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.

Nicola
Offline
Regular
Last seen: 11 years 33 weeks ago
Joined: 2009-05-07
Posts: 17
Points: 0

I'm developing very simple

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

Vishal
Offline
newbie
Last seen: 11 years 7 weeks ago
Timezone: GMT-4
Joined: 2006-06-17
Posts: 9
Points: 0

If you wish to check your

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

Hope this helps.

Nicola
Offline
Regular
Last seen: 11 years 33 weeks ago
Joined: 2009-05-07
Posts: 17
Points: 0

Just had a look at

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

Stomme poes
Stomme poes's picture
Offline
Elder
Netherlands
Last seen: 9 years 28 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

Installing FF shouldn't have

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.

I'm no expert, but I fake one on teh Internets

Nicola
Offline
Regular
Last seen: 11 years 33 weeks ago
Joined: 2009-05-07
Posts: 17
Points: 0

Thanks very much...I've

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

Stomme poes
Stomme poes's picture
Offline
Elder
Netherlands
Last seen: 9 years 28 weeks ago
Netherlands
Timezone: GMT+2
Joined: 2008-02-04
Posts: 1854
Points: 378

Tempt them with money trees.

Tempt them with money trees.

I'm no expert, but I fake one on teh Internets

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 10 weeks 4 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

Nicola wrote:Don't suppose

Nicola wrote:

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

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

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Nicola
Offline
Regular
Last seen: 11 years 33 weeks ago
Joined: 2009-05-07
Posts: 17
Points: 0

Good ideas! I'm just

Good ideas!

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