Author Topic: birdmansplace.myftp.org  (Read 3179 times)

0 Members and 1 Guest are viewing this topic.

Offline BirdmansplaceTopic starter

  • Enthusiast
  • Posts: 152
  • Birdmansplace
    • View Profile
    • Birdmans place
Re: birdmansplace.myftp.org
« Reply #15 on: December 24, 2008, 07:07:55 AM »
well i made some changes.  code is still not valid but i am slow at that.  I changed background and nav bar back ground and workin on changin all the text to the same size.    I could use some ideas on what color for the .: (page name text) :. and font.  And anything else
half bald already, must refrain from pulling the rest out!

Offline BirdmansplaceTopic starter

  • Enthusiast
  • Posts: 152
  • Birdmansplace
    • View Profile
    • Birdmans place
Re: birdmansplace.myftp.org
« Reply #16 on: December 31, 2008, 07:05:02 AM »
well i am .css validated.  php code on the other hand i can't stop getting errors.  I fix and error and it tells me to do one thing. so i do that and go validate again and tells me its still wrong.  So the hell with that.....
half bald already, must refrain from pulling the rest out!

Offline nrg_alpha

  • Staff Alumni
  • Addict
  • *
  • Posts: 2,480
  • Gender: Male
  • PHPenchant, I haz it!
    • View Profile
    • Portfolio Site
Re: birdmansplace.myftp.org
« Reply #17 on: December 31, 2008, 02:57:19 PM »
well i am .css validated.  php code on the other hand i can't stop getting errors.  I fix and error and it tells me to do one thing. so i do that and go validate again and tells me its still wrong.  So the hell with that.....

Good for you and congrats on the CSS validation (I only checked the home page)!
As for your 'php code' not validating, it is actually your (x)html document (the php parser on the server that has executed your php scripts within your page and put the end results as html) is what is the problem.

Simply have a look at what the validator is saying... I had a glance at your xhtml code on your homepage... and I can immediately see many serious issues..
You have divs in your <head> tags (don't do that), and you have multiple <head> tags as well as Doctype declarations! (again, don't do that). You should have only one <head> tag and one Doctype declaration.

If you are using an IDE such as Dreamweaver, you can start off of a template. Here is a sample 'blank page':

Code: [Select]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
</body>
</html>

Note how the structure is laid out.. there is no double DTD doctype or <head> tag declarations.
Also note that in xhtml, tags like <img> are self closing.. so when I look at an example of an imag tag you have (in your header.. again.. don't do that):
Code: [Select]
<img src="images/header.jpg" alt="">Should be located within your <body> tag (along with your divs) and in this case, your image tag should be:
Code: [Select]
<img src="images/header.jpg" alt="" />
(note the closing / before the > character.. in fact, if you look carefully, even the meta tags follow this notion)

I know when starting out, webdev is rough.. but you're getting there..Do a google search on proper semantic xhtml structure. Read up on what is acceptable and what is not within say <head> tags by example.. Read up on how xhtml tags should be structured. You fix those problems, your site will really start falling into place. (FYI, I see 133 errors in the validator...Understand that in reality, you may have less than half that.. once an error occurs, this creates a chain reaction of sorts).. so don't get discouraged by that number.. it is really far less.

Hang in there if you truly want to learn web coding.. the beginning is the hardest.. it gets easier from here.

Cheers
« Last Edit: December 31, 2008, 03:02:38 PM by nrg_alpha »
"Build a man a fire, you warm him for a day. Set a man on fire, and he'll be warm for the rest of his life."
PHP = One cool palindrome!

Offline BirdmansplaceTopic starter

  • Enthusiast
  • Posts: 152
  • Birdmansplace
    • View Profile
    • Birdmans place
Re: birdmansplace.myftp.org
« Reply #18 on: January 01, 2009, 02:18:52 AM »
thanks for the boost. I have gone through and changed alot of things  i just have to go through all my html files.  have to weed out the double info. So basicly all the crap i have displayin should be after <body>.   I have set up overall_header and footer.html and everyother page with its own html.  So would it be smart to put <body> tag last in the header and then close it in the first line of the footer?
half bald already, must refrain from pulling the rest out!

Offline nrg_alpha

  • Staff Alumni
  • Addict
  • *
  • Posts: 2,480
  • Gender: Male
  • PHPenchant, I haz it!
    • View Profile
    • Portfolio Site
Re: birdmansplace.myftp.org
« Reply #19 on: January 01, 2009, 06:16:13 AM »
So would it be smart to put <body> tag last in the header and then close it in the first line of the footer?

No. You do not put the body tag within the header (again, look at the sample in my last post.. you should follow that structure without moving those tags around. All your content goes in your <body> tag (including your footer code... placed at the very bottom just before closing your body tag), all the initial info (stuff like doctype, meta tags, title and link tags by example) in the <head> tag.
Again, simply take a step back and google up how wesite (x)html structure works.. once you have this foundation down pat, it will fall into place much easier from there.
"Build a man a fire, you warm him for a day. Set a man on fire, and he'll be warm for the rest of his life."
PHP = One cool palindrome!

Offline BirdmansplaceTopic starter

  • Enthusiast
  • Posts: 152
  • Birdmansplace
    • View Profile
    • Birdmans place
Re: birdmansplace.myftp.org
« Reply #20 on: January 02, 2009, 02:41:37 AM »
i will do that
half bald already, must refrain from pulling the rest out!

Offline esgarrouth19

  • Enthusiast
  • Posts: 95
  • Gender: Male
    • View Profile
    • The blog of Brandon Frohs
Re: birdmansplace.myftp.org
« Reply #21 on: January 21, 2009, 10:03:28 PM »
The first thing I would suggest is boxing things in. Make your site the width of your header and separate the content with borders as you see fit. Generally, I'll have a border around the content, and below the header and menu. Sometimes I'll also include borders around some of the content if it's in several columns.

As for the colors, try a black base color (body {background-color:#000;}) and a dark grey content background (#content {background-color:#333;}). You could then go with #777 for #999 for the color of the text. The #777/#999 won't be too difficult to read, yet keeps the dark look you're going for.

After checking your code, I've noticed you several tables just to put the title or paragraphs of text in. It's completely unnecessary and that would be where you're getting the multi-colored borders from. Replace the title with h tags (<h1>, <h2>) and add an alt message to your header image (search engines can't read images :-)). Place the text of the page into paragraphs (<p>text goes here</p>) and set the borders/padding/margins of the tables in the css - it gives you a lot more flexibility.

Also, I could not completely load the website. You may want to look into that.

In short, ditch the tables, separate the content, and change the colors around a bit. If you have any questions, feel free to ask :-)

Offline BirdmansplaceTopic starter

  • Enthusiast
  • Posts: 152
  • Birdmansplace
    • View Profile
    • Birdmans place
Re: birdmansplace.myftp.org
« Reply #22 on: January 23, 2009, 03:50:54 AM »
About the website not all loading.  There is one part of my site that runs on another computer and i have been having issues with that computer. but i think have it figured out. 

I like the lay out i have now but wish i new more about css.  I am html pron most of the time.  I may go and do another hole rewrite of everything.  I just have spent so much time on it already i hate starting over. I need to find something that works and that I understand. So thats the reason for tables.  Helps me find info when i forget where its at.

If i can get a template going of like the things you said above it would be and easyer change over.  But o well for now.

Also trying to find an easy graphics program to make better ones. I have been using gimp
« Last Edit: January 23, 2009, 03:56:48 AM by Birdmansplace »
half bald already, must refrain from pulling the rest out!

Offline esgarrouth19

  • Enthusiast
  • Posts: 95
  • Gender: Male
    • View Profile
    • The blog of Brandon Frohs
Re: birdmansplace.myftp.org
« Reply #23 on: January 23, 2009, 07:02:23 PM »
About the website not all loading.  There is one part of my site that runs on another computer and i have been having issues with that computer. but i think have it figured out. 

I like the lay out i have now but wish i new more about css.  I am html pron most of the time.  I may go and do another hole rewrite of everything.  I just have spent so much time on it already i hate starting over. I need to find something that works and that I understand. So thats the reason for tables.  Helps me find info when i forget where its at.

If i can get a template going of like the things you said above it would be and easyer change over.  But o well for now.

Also trying to find an easy graphics program to make better ones. I have been using gimp

Code: [Select]
<p>Text goes here.</p>
Code: [Select]
p {width:470px;border:1px solid #333;padding:15px;}
That would make all paragraph tags a max width of 470 pixels wide (500 after padding) with a 1 pixel border that is colored dark grey. It would also have 15 pixels of padding on the inside. Just put the css in your css file (.css) and the other in between the body tags where you want it :-)

As for the H1, H2, and H3 tags, you can use the the same way - they just come bold and with font sizes... so change the font size (font-size:1.2em or something) and the weight if you want (font-weight:bold; or font-weight:normal;). If you have any other questions or need more help, feel free to contact me on any IM or by PM. Email works too :)

Offline BirdmansplaceTopic starter

  • Enthusiast
  • Posts: 152
  • Birdmansplace
    • View Profile
    • Birdmans place
Re: birdmansplace.myftp.org
« Reply #24 on: January 27, 2009, 05:03:33 AM »
Just did a major change.  What does everyone think.  I do know my code is still not valid.
half bald already, must refrain from pulling the rest out!