Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 07-18-2008, 06:19 PM   PM User | #1
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
Exclamation Still struggling with this site. Things are looking up now.

http://exitfegs.co.uk/Angela1.htm

This site I need to improve for my church. As it stands it's awful. At least I think so and I have almost zero artistic skills. It is from a word 2003 document, converted with their 'save as web page' facility.

The code is bl--dy awful and I cannot begin to edit it. Some advice as to what to do ( I've even contemplated suicide. - only joking.) but I do have an obligation to help with this, even though my coding skills are almost at the same level as my artisic ones.

General guidance would be much appreciated. I can't guarantee a heavenly reward, but you never know!

Frank
__________________
* Sources (updated: 21.11.2012.
Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

Last edited by effpeetee; 07-19-2008 at 03:14 PM..
effpeetee is offline   Reply With Quote
Old 07-18-2008, 07:21 PM   PM User | #2
jerry62704
Senior Coder

 
jerry62704's Avatar
 
Join Date: Oct 2007
Location: Springfield, IL
Posts: 1,046
Thanks: 9
Thanked 81 Times in 81 Posts
jerry62704 is on a distinguished road
You might run it through a validater. There are 39 errors.

Things I would do include changes from:
<p align="center" class="style2"><span class="style5"><center>LIGHT OF THE HARVEST</center></span></p>
to:
<p class="style2 style5">LIGHT OF THE HARVEST</p>
putting the center in either style2 or 5. As style2 is a center, it shouldn't be needed elsewhere. And one line is better than two (as displayed here).

Further, the styles should be in an external sheet and validated. I'd be interested in what "~" (lines 24, 25, 34) does.

The last image overlays text, but I don't know if you intended that or not.
__________________
.
.
...and gladly would he learn and gladly teach

Visit www.LiberalsWin.com for humor and the unique Bush/Obama Approval Polls
jerry62704 is offline   Reply With Quote
Old 07-18-2008, 07:30 PM   PM User | #3
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
I didn't write any of the code. It has come from Word 2003's convert to web page. and put through a further filter.
I know it's crap, but I don't have the time or skill to use it as it is. I could labouriously convert the inline code to divs, but as I don't have any faith in this existing code, I would rather make a fresh start. If you think this code is awful, you should see what came out of Word!

If I have an outline of what to do, I can probably do it, but as I explained, that is one skill that I lack. I am not a good organiser. As I am expected to maintain and update this site, I want to start with valid code. Using the validator only convinced me of the need to start from scratch. Well, back to the drawing board. Thank for your reply.

By the way, I normally leave the css in the head section while developing and then move it to a separate file when finished.

Frank
__________________
* Sources (updated: 21.11.2012.
Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

Last edited by effpeetee; 07-18-2008 at 07:35 PM..
effpeetee is offline   Reply With Quote
Old 07-18-2008, 07:51 PM   PM User | #4
tomws
Senior Coder

 
tomws's Avatar
 
Join Date: Nov 2007
Location: Arkansas
Posts: 2,644
Thanks: 29
Thanked 330 Times in 326 Posts
tomws will become famous soon enoughtomws will become famous soon enough
If it's supposed to be an article type site (as it appears it might be), then why not go with a CMS and a decent included template? That would take care of the code in one fell swoop AND allow Ms Goonewardene to login and post her own writings. As it is, at least on the surface, there's nothing worth keeping except the textual content anyway.
tomws is offline   Reply With Quote
Old 07-18-2008, 07:53 PM   PM User | #5
_Aerospace_Eng_
Supreme Master coder!


 
_Aerospace_Eng_'s Avatar
 
Join Date: Dec 2004
Location: In a place far, far away...
Posts: 19,293
Thanks: 2
Thanked 1,044 Times in 1,020 Posts
_Aerospace_Eng_ is a glorious beacon of light_Aerospace_Eng_ is a glorious beacon of light_Aerospace_Eng_ is a glorious beacon of light_Aerospace_Eng_ is a glorious beacon of light_Aerospace_Eng_ is a glorious beacon of light
Go through the page and look for sections of that could be split up and put on a page of its own.

Once you do this find a free template somewhere maybe churched themed or something.

Make sure its a CSS template and that it doesn't use tables. After you've found your theme start creating the pages by copying the template over and over.

If you have to you can use php includes but if its small you won't really need to use includes as you could just edit the menu if you needed to.

If you have Dreamweaver you can use his templating abilities. By that I mean you can create a new template with whatever code you want. Any change you make to the template will be made through out the site. If you don't have Dreamweaver ignore this part.

Now once you have your pages created start taking the text out of the document and put them into paragraphs arranging them similar to how they are. You can keep the images as well. You can have text wrap around any image if you put the image before the paragraph and float it to the left or right. Your choice.

I know it sounds like a lot of work but maybe you could post in the partners/collaboration forum as there may be someone who would help you for free especially if they are trying to build up their portfolio.
__________________
||||If you are getting paid to do a job, don't ask for help on it!||||
_Aerospace_Eng_ is offline   Reply With Quote
Old 07-18-2008, 07:56 PM   PM User | #6
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
Quote:
Originally Posted by tomws View Post
If it's supposed to be an article type site (as it appears it might be), then why not go with a CMS and a decent included template? That would take care of the code in one fell swoop AND allow Ms Goonewardene to login and post her own writings. As it is, at least on the surface, there's nothing worth keeping except the textual content anyway.
Yes, I think you are right. The lady has grandiose ideas that she will make money from this venture as well as spreading the word. I'm afraid that she is in for a disappointment, but I don't want to discourage her. I'll look round and see what's available.

Thanks for you input. It is all helpful.

Frank
__________________
* Sources (updated: 21.11.2012.
Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.
effpeetee is offline   Reply With Quote
Old 07-18-2008, 08:04 PM   PM User | #7
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
Thanks Aero.

I will definitely have a go at building the site. But I will have to get something up pro-tem to keep her happy. I'd much rather have my own code and will do so. I believe my editor has template facilities.

Now,I'll have to dissuade her from sending me the design all ready made up in Word.

Regards,

Frank
__________________
* Sources (updated: 21.11.2012.
Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.

Last edited by effpeetee; 07-18-2008 at 08:07 PM..
effpeetee is offline   Reply With Quote
Old 07-19-2008, 03:50 AM   PM User | #8
bazz
Master Coder

 
Join Date: Apr 2003
Location: in my house
Posts: 5,211
Thanks: 39
Thanked 201 Times in 197 Posts
bazz will become famous soon enoughbazz will become famous soon enough
Frank I hope this helps to make it easier to re-code. I have taken out all the bumph and put the various elements into what I consider to be, their correct tags.

bazz
Attached Files
File Type: txt Angela1.txt (14.0 KB, 59 views)
__________________
"The day you stop learning is the day you become obsolete"! - my late Dad.

Why do some people say "I don't know for sure"? If they don't know for sure then, they don't know!
Useful MySQL resource
Useful MySQL link
bazz is offline   Reply With Quote
Old 07-19-2008, 03:53 AM   PM User | #9
macwiz
Regular Coder

 
Join Date: Jul 2008
Posts: 195
Thanks: 3
Thanked 11 Times in 11 Posts
macwiz is on a distinguished road
That CSS should be made external. Much easier to change if it is for more than one page.
macwiz is offline   Reply With Quote
Old 07-19-2008, 08:33 AM   PM User | #10
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
Quote:
Originally Posted by macwiz View Post
That CSS should be made external. Much easier to change if it is for more than one page.
I only leave the stylesheet there until I have finalised the page. THEN I transfer it to an external sheet.

However, I am still having problems. Slowly trying to get the page v alid, I am defining divs and classes. I am currently stuck with the first headline.
I have defined h1 to be red and centered yet the headline refuses to obey.
Can anyone tell me why?
This is the site.

I know that it is invalid.

Frank
__________________
* Sources (updated: 21.11.2012.
Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.
effpeetee is offline   Reply With Quote
Old 07-19-2008, 08:43 AM   PM User | #11
FWDrew
Regular Coder

 
FWDrew's Avatar
 
Join Date: Apr 2008
Location: Missouri
Posts: 380
Thanks: 38
Thanked 45 Times in 43 Posts
FWDrew is on a distinguished road
You haven't set the style properly for your h1 tags.

Change this:
Code:
.h1{color:red;
text-align:center; }
to this:
Code:
h1{color:red;
text-align:center; }
Note the absence of the period in the second code, you were declaring a class called h1, not setting the styles for the h1 tags.

Best Regards,

Drew
__________________
Dev-Tips.com || Employee at the Envato Network || My Portfolio
FWDrew is offline   Reply With Quote
Old 07-19-2008, 08:57 AM   PM User | #12
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
Many thanks. Due to my poor eyesight. I didn't notice the dot. I must be going "dotty"

Thanks again, Still a lot of work to do.

Frank
__________________
* Sources (updated: 21.11.2012.
Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.
effpeetee is offline   Reply With Quote
Old 07-19-2008, 08:58 AM   PM User | #13
FWDrew
Regular Coder

 
FWDrew's Avatar
 
Join Date: Apr 2008
Location: Missouri
Posts: 380
Thanks: 38
Thanked 45 Times in 43 Posts
FWDrew is on a distinguished road
No worries Frank, best of luck with the site.

Regards,

Drew
__________________
Dev-Tips.com || Employee at the Envato Network || My Portfolio
FWDrew is offline   Reply With Quote
Old 07-19-2008, 10:45 AM   PM User | #14
effpeetee
Senior Coder

 
effpeetee's Avatar
 
Join Date: Feb 2007
Location: Clapham Junction - London SW
Posts: 4,884
Thanks: 228
Thanked 204 Times in 203 Posts
effpeetee is an unknown quantity at this point
I think I'll have to admit defeat.I just cannot get it right. It's such a mess.

despondent Frank
__________________
* Sources (updated: 21.11.2012.
Using Windows 8 Professional. 64bit with HP Photosmart 5510 printer Very useful site here.
effpeetee is offline   Reply With Quote
Old 07-19-2008, 11:07 AM   PM User | #15
Millenia
Open Source Zealot

 
Join Date: May 2008
Location: Lost in Localhost...
Posts: 702
Thanks: 3
Thanked 43 Times in 42 Posts
Millenia is on a distinguished road
Quote:
Originally Posted by effpeetee View Post
I think I'll have to admit defeat.I just cannot get it right. It's such a mess.

despondent Frank
Don't give up

Why not try using a CMS?
Millenia is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 06:22 AM.


Advertisement
Log in to turn off these ads.