Mad Page! Help!

keystothemind · 10-25-2009, 04:53 AM

Ok so maybe 'incompetent editor' (me) rather than mad page, but I need all the help I can get.

I uploaded a template, and then created the text for this page by editing the raw html online. (I have given up on html editor programs)

Advertise On KeysToTheMind.blogspot.com

But things keep going bonkers, (I am new to html, but made a recent decision that I need to learn this stuff properly, as you can see, I'm struggling).
I tried Googleing my questions, but nothing helpful came up, so I now turn to my faithful warrior colleagues!

First, you'll notice my two pathetic attempts at bullet points (one under the big screenshot, the next after the PS)
How do i create proper bullet points, allign them properly in the center of the page (when I use div allign= center the formatting for each line is different)
and use an image as the bullet? I want to use this image for the bullets,:
http://www.effectivehypnosis.com/mar.../checkmark.jpg
but can't seem to figure it out!

Also, if you look closely you'll seem some raw html (a url I think) appears at the top of the page, why is that there, and how can I remove it? (right up at the top left)

And finally, why is the font formatting of the text not consistent throughout, and how do I change that?

Please help me both fix this page and learn a valuable lesson.

Thank you in advance for your help and assistance.
Cheers
Nathan.

PS
Have attached the source code as a text file, in case it helps.

Havenhood · 10-26-2009, 01:05 AM

It looks pretty good, but you have this url string (http://effectivehypnosis.com:2082/fr...es/editit.html ) right after the title tag. It's in the header section. Don't know how that happened.

You should consider moving your CSS to it's own file.

Do you have a FTP client?

AlexR · 10-26-2009, 01:43 AM

G'day, Nathan.

Your problem is that you can't use centre align with bullet points because the command overides the <li>your text</li> command which creates the bullets. Bullets are always indented from the left hand side of the page and cannot be successfully centre justified.

To my knowledge, you cannot replace bullets with images as such. What I would do in this case is create a three column table at the location required for the bullet points and make the centre column the width you would like to see for the text and insert the image at the start of each line of text.

You also have closing </u> tags without opening tags.

Generally, your site is a disaster. Sorry, mate there is no way to be kind about it. It could be that the original template code was dodgy and what you are trying to achieve would be a losing battle anyway. It's quite possible that the person who developed the original code knew less about HTML than you do. Don't beat yourself up over it.

If I may make a suggestion...develop the site in either MS word or OpenOffice writer so that you can see what the site looks like as you are developing it and then "saveas" a html file. You'll find that the code will be a lot cleaner than what you are working with.

There is little point in anyone trying to debug the code as it is because it really sucks. It really requires some major surgery to clean up.

If you need more help after redoing in either of the progs I've suggested, PM me.

Alex

keystothemind · 10-26-2009, 06:30 AM

Thanks a lot for the help guys!
I have attacked the page and tried to clean it up as best I can, I *think* it looks better, I got the bullet points sorted at least passably (adding images next to the bullets, and changing the margin rather than allignment) and although it's not great, I think it services its purpose.

Thanks again for the help!
(you'll hear from me again, no doubt

)
Cheers
Nathan.

Aronya · 10-26-2009, 12:58 PM

You absolutely CAN use images as bullets. You just need to apply CSS rules to the list.

Using Word as an HTML editor is a terrible idea. It creates a ton of crap coding that, at best, will slow down the loading of your page, and at worst, will cause problems with non-IE browsers. I can't speak to OpenOffice Writer. What are you using to edit your code now?

I can't see your page. Getting network errors when I try, so can't help much more, but I agree with Havenhood's suggestion to move the CSS to an external file, if possible.

10-26-2009, 01:05 AM	#2
Havenhood Article Publisher War Room Member Join Date: Jul 2009 Location: Out West! Posts: 139 Thanks: 13 Thanked 18 Times in 18 Posts Social Networking	Re: Mad Page! Help! It looks pretty good, but you have this url string (http://effectivehypnosis.com:2082/fr...es/editit.html ) right after the title tag. It's in the header section. Don't know how that happened. You should consider moving your CSS to it's own file. Do you have a FTP client?
	--= -_- =--

10-26-2009, 01:43 AM	#3
AlexR Senior Warrior Member War Room Member Join Date: Jan 2005 Location: Chelsea, Victoria, Australia. Posts: 5,241 Thanks: 10 Thanked 19 Times in 17 Posts Contact Info	Re: Mad Page! Help! G'day, Nathan. Your problem is that you can't use centre align with bullet points because the command overides the <li>your text</li> command which creates the bullets. Bullets are always indented from the left hand side of the page and cannot be successfully centre justified. To my knowledge, you cannot replace bullets with images as such. What I would do in this case is create a three column table at the location required for the bullet points and make the centre column the width you would like to see for the text and insert the image at the start of each line of text. You also have closing </u> tags without opening tags. Generally, your site is a disaster. Sorry, mate there is no way to be kind about it. It could be that the original template code was dodgy and what you are trying to achieve would be a losing battle anyway. It's quite possible that the person who developed the original code knew less about HTML than you do. Don't beat yourself up over it. If I may make a suggestion...develop the site in either MS word or OpenOffice writer so that you can see what the site looks like as you are developing it and then "saveas" a html file. You'll find that the code will be a lot cleaner than what you are working with. There is little point in anyone trying to debug the code as it is because it really sucks. It really requires some major surgery to clean up. If you need more help after redoing in either of the progs I've suggested, PM me. Alex
	Sig released on parole.

10-26-2009, 06:30 AM	#4
keystothemind The Hypnotic Warrior War Room Member Join Date: Aug 2009 Posts: 119 Thanks: 73 Thanked 10 Times in 9 Posts Social Networking Contact Info	Re: Mad Page! Help! Thanks a lot for the help guys! I have attacked the page and tried to clean it up as best I can, I think it looks better, I got the bullet points sorted at least passably (adding images next to the bullets, and changing the margin rather than allignment) and although it's not great, I think it services its purpose. Thanks again for the help! (you'll hear from me again, no doubt ) Cheers Nathan.

10-26-2009, 12:58 PM	#5
Aronya Advanced Warrior War Room Member Join Date: Feb 2008 Location: Escondido, CA. Becase San Marcos just wasn't hot enough. Posts: 510 Thanks: 35 Thanked 56 Times in 55 Posts	Re: Mad Page! Help! You absolutely CAN use images as bullets. You just need to apply CSS rules to the list. Using Word as an HTML editor is a terrible idea. It creates a ton of crap coding that, at best, will slow down the loading of your page, and at worst, will cause problems with non-IE browsers. I can't speak to OpenOffice Writer. What are you using to edit your code now? I can't see your page. Getting network errors when I try, so can't help much more, but I agree with Havenhood's suggestion to move the CSS to an external file, if possible.