design style missing from page Options

[rgough]

Hi

I tried to update my website with a new email address. When I saved the changes my design has gone from my contact us page

www.dunlaoghairedentalcare.ie

Also my dark blue design has moved around.

Any help?

Thanks
Ruairi

[Frederiek]

It's just that there's no LINK to the external CSS file on the contact page.

What do you mean by "Also my dark blue design has moved around"?

[rgough]

Hi Frederick

How do i fix the missing CSS link?

at the bottom of all the pages there was a dark blue rectangle covering the text it seems to have shortened to above the text?

thank you
ruairi

[Frederiek]

By putting the missing CSS link in the contact page, just like you have in the home page:
<link href="css/laoghaire.css" rel="stylesheet" type="text/css">

Set a height, of say 170px, to the #footer div.

[rgough]

Hi Frederick

That was very helpful, I have managed to resolve that, thank you, and sort out the graphics issue. I have one more thing I need to resolve, on the contact us page, there was a Google map, but it has disappeared on me. It used to sit above 'view larger map'

From reading Google, I know I need to put an iframe with the location details from google maps. I have tried inserting it twice but the html will not save for me, any help?
Where do I start the html <iframe

Is there anything I need to check for? from what I understand I need to copy the majority of the html from the 'view larger map' link?

Regards
Ruairi

[Frederiek]

The IFRAME code isn't there, only the SMALL tag that comes with the IFRAME, containing the link View Larger Map.

All you need to do is copy the IFRAME code from Google maps and paste it inside the DIV with class="rightContent", replacing what's currently there.
You do use a text-editor, I hope?

You might have to tweak the size of the map to fit in the available space and make changes so the location is in the center of the map.

Or, it will look nicer if you use an image of the map (screenshot) and link that to the larger location view at Google maps, preferably in a new tab/window. The map will then have a clean look, without the clutter of the usual UI of Google maps.


(BTW, change the "c" in my name for an "e"; it's a female name)

[rgough]

Hi Frederiek

Apologies that was just lazy on my part, again thank you for your help. So just to be clear before I do it.

1. Leave in class="right content"
2. remove the rest of that paragraph
3. Replace with iframe code from Google maps

Thanks for your help
Ruairi

[rgough]

Hi Frederiek

I am editing the code live on the website, through the hosting editor, should I not be doing this?

Do I need to download it, fix it and then upload it?

Sorry for all the questions, but I have done pretty well so far. I think I understand though, if I edit it live, and the files are then lost or damaged I have nothing to fall back on, right?

Ruairi

[Frederiek]

Your code should look like this:

CODE

<div class="rightContent">
    <!-- put the iframe code here -->
</div>

Only, when I tried that on your page, the iframe was larger than the space you have for it. That's why I said you need to tweak it or use a cleaner screenshot image that you link to a larger view at Google maps.

I have no experience with hosting editors. I always code offline in a text-editor and then upload through FTP.
But you are right, you then always have a backup copy, if you keep them synchronized.

You are doing quite well. I like the look of the site. Don't forget to put a proper title on each page