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
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.
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
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
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.
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
Wow - I can't tell you how
Wow - I can't tell you how much that will help. Thanks very much
Just install the Web
Just install the Web Developer extension in firefox and you can do this with a couple of mouse clicks.
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.
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.
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
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.
Just had a look at
Just had a look at browsershots.org - fantastic resource thank you both.
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.
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?!
Tempt them with money trees.
Tempt them with money trees.
Nicola wrote:Don't suppose
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.
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
Good ideas!
I'm just setting up so its a steep learning curve, thanks.