Baggy

Hi lm - I have managed to adjust most of the stuff at the top of the page and have saved the style.css file. So far so good! The titles in the top nav aren't spaced quite as I'd like but can't quite fathom that one yet. Still, I shall 'make haste slowly' and try to look at some of the tutorial stuff. cheers

Have been trying a few things and have got the spacings at the top of the page about right now (can't quite get the spacings/position of the headings on the top nav quite right). I'm going to move on a bit now and see if I can install some detail in the side nav.

jlhaslip - thanks, but ....

I can see the first area(s) I want to try to 'tidy', which is to equalise the spaces around the 3 main images in between the top 2 nav bars: #leftheading { background-image: url(http://www.shirefinancial.co.uk/new_work/images/left-pen.jpg); background-repeat: no-repeat; background-position: center top; display: inline; margin: 0 4px 0 0; width: 245px; height: 200px; float: left; padding: 0; } #centerheading { background-image: url(http://www.shirefinancial.co.uk/new_work/images/middle-montage.jpg); background-repeat: no-repeat; background-position: center top; display: inline; margin: 0 2px 0 0; padding: 0; width: 250px; height: auto; float: left; } #rightheading { background-image: url(http://www.shirefinancial.co.uk/new_work/images/right-money.jpg); background-repeat: no-repeat; background-position: center top; display: inline; margin: 0; padding: 0; width: 245px; height: auto; float: right; } It seems there's a 4px spacing between the first and second image but a 2px spacing between second and third (is that right - 'cos it looks to be the other way round when viewed in Firefox?). Suppose I equalise these at 4px - how do I save/apply that please? Next thing, is these images have more background colour showing above them than below - I would like to equalise that too but there doesn't seem to be any px figures showing for this?

Once again - thanks lm. I will read the stuff in your link and start 'having a go' at css editing. I will let you know how I get on. Cheers

I have downloaded Firefox and the Web Developer but in CSS - Edit CSS, I can't find anything saying 'change margins'. Once again, sorry if I'm missing the obvious.

Thelma - got it, thanks. I have it working in DW, now I just have to learn how to edit it! It looks and works quite differently from what I'm used to (in my very limited experience), for instance, I can't see any measurements for the gaps around/between the images and nav bars and there are some adjustments needed. I will certainly try to get to grips with this but may have to just put the finishing touches to what we have so far, for expediency, as I fear it will take me some time to learn the CSS 'way'. Many thanks to both of you for your kind help so far.

lm - once again thanks - but I am still struggling to follow your instructions. Here's what I've done so far: followed the link to the .css file and copied all the code then in DW I've created a new Folder (SFM-css) so that I don't risk screwing-up what I've already done (which, so far I'm quite pleased with, compared to what we have 'live' on the web at present). In the new folder, I created a new file and named it style.css and pasted all the copied code into and saved it. I think you're saying that I only need an HTML file in here now to make this 'new version of the site' work? If so, do I copy index1.html (my work-in-progress Home Page) into the new folder and put into the code somewhere to make it work off 'style.css' Or have I got that totally wrong (again)? I hope this is not too exasperating for you!

OK Thelma, thanks. There's a load of stuff there to go through, so I will be some time before I can try lm's suggestions and report back.

Thelma - many thanks done that and it works fine - very grateful. Im - that is so kind of you, many thanks indeed. Errr ... I just need to understand what you mean by "You can copy-paste HTML of this template, download CSS file with it and edit it further." I understand that I view 'source' in the page in your link, copy & paste the code, done that and saved it. I don't understand what to do next - sorry, I know I'm being thick!

"For now, I would really appreciate it if you/someone can tell me if I can fix the position of the table, a little way down from the top of the Div which it is nested in, as it would then look better on each page." Can anyone help please?

Thanks again Thelma - a lot of reading there, which I will get to asap. In the meantime, here's a link to the 'test' index page I'm working on:- www. shire finan cial.co.uk/new_work/index1.html I've already been told the code is a mess - I'm just trying to make the best of a bad job for now as previously explained. cheers

Thelma, Firstly, can you please explain what is wrong with using tables for a navigation bar? Second, I'm just trying to make the site look as good as possible, whilst we add a lot more content. Once this is done, I propose to hand over to a professional to have a complete make-over, The layout methods will be updated/improved then. For now, I would really appreciate it if you/someone can tell me if I can fix the position of the table, a little way down from the top of the Div which it is nested in, as it would then look better on each page. cheers

jlhaslip - thanks for the response, got that sorted now, cheers. Need to sort out how to permanently position a table within a Div, to stop my new Nav Bar moving down when text in the main section extends the page. That's the one that seems to be causing some 'head scratching',

Do I take it that I can't do what I wanted?

I guess I'm doing it the only way I know how?

Ben, many thanks, I have now got the linking/colour issues sorted - very grateful. One more, related, question if I may .... The table I have inserted inside a Div, for the nav bar, moves down the Div when the text expands the page. I realise I can lock it to the top/middle/bottom of the Div. However, for appearances, I would like it to appear about 1/4 of an inch below the top of the Div, so that it has the background colour of the Div as a border. This would result in the 'margin/border' looking roughly equal round the top & sides. Can this be done?

If I click on the edge of the table, so that the border becomes black and it's then possible to drag the sizes in/out, up/down, then in Properties it just refers to Table ID. If I click on the table border again, it turns blue and Properties shows the Div ID and Class, as mentioned previously. This is in Dreamweaver CS3 by the way.

Thanks for the response. The nav bar is a nested table and when I highlight it, it refers to Div ID (blank drop-down), Class is shown as none and there's an Edit CSS button. Are you able to say what I should enter in the boxes please?

We have 2 navigation bars on our web pages - the original ones across the top, created by the site designers and a new one down the side, added by me. The index.html which I am using as the 'template' for new pages I'm adding(my description - not a 'proper' template), has some CSS script at the top of the code to the page. In there it says - a: link colour:#ffffff text-decoration: none. As a result the text in the new navigation bar (nested table) changes from dark grey (#666666) to white, when I create a hyperlink. Is there a way to stop this so that the font color doesn't change please?

This is it - have removed the email addresses. Cheers <? if ($_REQUEST["email"]!="") { $msg = ""; $msg = $msg . ""; $msg = $msg . " Quote Request from shirefinancial.co.uk"; $msg = $msg . " $msg = $msg . " Enquiry Type:" . $_REQUEST["Enquiry_Type"] ." ".$_REQUEST["pfname"]." ".$_REQUEST["psname"].""; $msg = $msg . " Purchase Price ?:" . $_REQUEST["Purchase_Price"] . ""; $msg = $msg . " Amount Required ?:" . $_REQUEST["Loan_Amount"] . ""; $msg = $msg . " Repayment Type:" . $_REQUEST["Repayment_Type"] . ""; $msg = $msg . " Term of Mortgage:" . $_REQUEST["Term"] . ""; $msg = $msg . " IF REMORTGAGE"; $msg = $msg . " Current Balance ?:" . $_REQUEST["Current_Balance"] . ""; $msg = $msg . " Current Lender:" . $_REQUEST["Current_Lender"] . ""; $msg = $msg . " Current Rate:" . $_REQUEST["Current_Rate"] . ""; $msg = $msg . " EMPLOYMENT DETAILS"; $msg = $msg . " Employment Type:" .$_REQUEST["Employment_Status"] . ""; $msg = $msg . " Occupation:" . $_REQUEST["Occupation"] . ""; $msg = $msg . " Gross Income:" . $_REQUEST["Gross_Income"] . ""; $msg = $msg . " ADDITIONAL INFORMATION"; $msg = $msg . " Additional Information:" . $_REQUEST["Comments"] . ""; $msg = $msg . " PERSONAL DETAILS"; $msg = $msg . " Title:" . $_REQUEST["title"] . ""; $msg = $msg . " Surname:" . $_REQUEST["Surname"] . ""; $msg = $msg . " Forename:" . $_REQUEST["Forename"] . ""; $msg = $msg . " Email:" . $_REQUEST["email"] . ""; $msg = $msg . " Address Line 1:" . $_REQUEST["Address1"] . ""; $msg = $msg . " Address Line 2:" . $_REQUEST["Address2"] . ""; $msg = $msg . " City:" . $_REQUEST["City"] . ""; $msg = $msg . " Postal code:" . $_REQUEST["Post_Code"] . ""; $msg = $msg . " Tel. Home:" . $_REQUEST["Tel_h"] . ""; $msg = $msg . " Tel. Work:" . $_REQUEST["Tel_w"] . ""; $msg = $msg . " Tel. Mobile:" . $_REQUEST["Mobile"] . ""; $msg = $msg . " Preferred Contact Method:" . $_REQUEST["Pref_Contact"] . ""; $msg = $msg . " "; $headers = "MIME-Version: 1.0\r\n"; $headers .= "Content-type: text/html; charset=iso-8859-1\r\n"; $headers .= "From: \r\n"; mail("xxxx@xxxx.co.uk,xxx@xxxx.co.uk,xxx@xxxx.com", "Quote Request From shirefinancial.co.uk", $msg, $headers); header("location: thanks.html"); } ?>

Thanks for the response. thanks for the response. www.shirefinancial.co.uk/new_work/contact.html that should be the 'work in progress' version of the site. contact-protection.html was my attempt at the second enquiry form but it still has a lot of the features of the original contact.html in it. Although it looks OK in IE7 (not finished though), some attempts at using the form on other PC's has resulted in the emailed form arriving with some fields unpopulated and the titles appearing the same as in 'form 1' (contact.html). I hope that makes sense?

We have an Enquiry Form on our website (not designed by me/us), which comprises the following files: contact.html email.html email.php fail.html thanks.html Obviously email.php is the script but email.html comprises code only (no design). We wish to create a second Enquiry Form (to cover different subjects). It would seem logical to try to use most/all of the above files to do this, modifying as necessary. However, assuming I can modify 'contact' (saving as say, contact_second), how can I re-use the other files to interact with it? I am using Dreamweaver CS3. I hope someone can help please?

Cheers Thelma. Forgot to mention, I checked on other PC's we have and it looks fine on IE6, Safari and Firefox (last 2 on an imac) - most pleasing!

Folks, it worked! I can't thank you enough, I am really grateful to each of you. Warning - you know I will have future questions though don't you? cheers