The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> design style missing from page
rgough
post May 11 2012, 11:03 AM
Post #1





Group: Members
Posts: 5
Joined: 11-May 12
Member No.: 17,098



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post May 11 2012, 11:31 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 4,282
Joined: 23-August 06
From: Europe
Member No.: 9



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


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
rgough
post May 11 2012, 12:32 PM
Post #3





Group: Members
Posts: 5
Joined: 11-May 12
Member No.: 17,098



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post May 12 2012, 02:30 AM
Post #4


Programming Fanatic
********

Group: Members
Posts: 4,282
Joined: 23-August 06
From: Europe
Member No.: 9



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.


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
rgough
post May 13 2012, 03:21 PM
Post #5





Group: Members
Posts: 5
Joined: 11-May 12
Member No.: 17,098



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post May 14 2012, 01:56 AM
Post #6


Programming Fanatic
********

Group: Members
Posts: 4,282
Joined: 23-August 06
From: Europe
Member No.: 9



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)


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
rgough
post May 14 2012, 02:19 AM
Post #7





Group: Members
Posts: 5
Joined: 11-May 12
Member No.: 17,098



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
rgough
post May 14 2012, 03:06 AM
Post #8





Group: Members
Posts: 5
Joined: 11-May 12
Member No.: 17,098



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

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post May 14 2012, 11:52 AM
Post #9


Programming Fanatic
********

Group: Members
Posts: 4,282
Joined: 23-August 06
From: Europe
Member No.: 9



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 smile.gif


--------------------
"The earth does not belong to us. We belong to the earth."
from Vue du ciel (in French)

"Leave scepticism to others and take action"
from HOME by Goodplanet

An inconvenient truth by Al Gore
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 31st July 2014 - 12:34 PM