My First Hand Coded Site. Made in about an hour.

I've been using CMS'es and Blog software, but I feel like I'm cheating myself of knowlage, so I tought myself CSS and HTML in 2 days, and this is what I came out with.

http://forums.xisto.com/no_longer_exists/

I'm going tackle PHP next.

Any ideas to make the nav tabs line up better? Any ideas on how to make the gray lines on the nav bar continue all the way down the sides?

Edited May 17, 2006 by barnes (see edit history)

Not a bad effort for two days' worth of learning but you've got some positional problems occurring between different pages.

i would suggest that you center the content....and making sure that the content touches the top of the browser instead of halfway in the middle.. other than that it looks really awsome!

All of those problems are solved. I made them all line up the same. Now I just need to add content. How hard would coding a PHP photo gallery? I'm thinking that could help me learn PHP.

How hard would coding a PHP photo gallery? I'm thinking that could help me learn PHP.

I've never used one or coded one so I'm only guessing but my thoughts would be that if you're only learning you'd be better off building your site structure with PHP and using PHP includes to put it together as a first step.

Agreed with Tyssen about starting on something smaller than a Photo Gallery for your first project.

Also, try removing the position:absolute for that #Layer1 and adding the following instead to centre your site as per the reccomendation above.
Replace this code:

#Layer1 {	position:absolute;	width:491px;	height:115px;	z-index:1;	left: 350px;	top: 50px;}

With this:

#Layer1 {	margin: 0 auto;// editted to add the colon	width:491px;	height:115px;	}

See how that looks. I agree that the logo and navbar look goofy over on the right like that. Otherwise, great job. Nice graphic and terrific rollover effect on the menu. Particularly the "selected" tab feature.
Edited May 17, 2006 by jlhaslip (see edit history)

not bad...after all this a hand coded work.did u use the div?the layer is not always in center...and you'd better to locate your main banner on the most top by set the "cellspacing" to 0.

nice first effort :)not bad for two days worth of html and css!the naviagtion isn't centered for me tho (IE)and there seems to be a thin horrizontal line below it, which doesnt even stretch across the whole page.not sure if thats ment to be there.i would defintly recommend doign soemthign simpler than a photogallery. Get a php book and look at the thigns they do in their. Like a simple login, and news/content poster etc.but i would say, that using CMSs isn't cheating, their jsut there to make life easier for you. If you really want full controll, get a simple cms and customize that to your hearts desires.

PHP works great for a photogallery handler once you know the basics you just get firing You needn't bother getting a book though - tizag.com has a great PHP guide, and somewhere down the line you get to a function that lets you get all the files in the folder and display them. Or perhaps that was from somewhere else.... anyways:

 

$user_space = "./data/images/gallery/"; /*Whatever folder the images are in. The only things that should be in this folder are the images you want displayed in the gallery.*/	if ($handle = opendir($user_space)) {   $total= count(glob($user_space));		   /* Loop over the directory, returing new filename every time.*/   while (false !== ($file = readdir($handle))) {				   if (strpos($file,'.') != '0'){ #this is so that the current folder, '.' and parent directory, '..' do not show.		  $file_path = $user_space.$file;		  echo "<img height=\"100\" width=\"100\" alt=\"I took this photo!\" scr=\"".$file_path."\"><br> \n"; #You will want to change this to suit you needs :P	   }   }closedir($handle);}

I you are new to php, this will probably seem a little overwhelming, but just skim through the tizag tut and you should be fine...

 

Remember to escape HTML when using 'echo' in php by adding '\' in front of double and sigle quotes and backslashes...

 

Keep up the good work

This is not a bad site at all!Can you send me the tutorial you used for leatning css, html and php?I mean, just two days?!?! Isn't that quick?

This is not a bad site at all!
Can you send me the tutorial you used for leatning css, html and php?

I mean, just two days?!?! Isn't that quick?

Well I knew pretty much all of HTML before, but CSS isn't really brain surgry. I used reading source codes, and catching on. Dreamweaver also helped alot by showing me what options I had.

Updates:: Added a gray border all the way around to sync into the nav bar. I'm about to use jlhaslip's suggestion to center it. Also, the navbar is all centered now. I'm really loving this CSS.

Day ones creation.
Day twos creation.



I added images now. In the Photos Section. My problem is they are aligned right. If I put them in a seperate <div> tag, then the gray box will now continue the whole way down. Any ideas?
Edited May 17, 2006 by barnes (see edit history)

Not bad but you have a couple things to fix: http://validator.w3.org/check?uri=http%3A%om%2Fmusic.html

For the first add: type="text/css"
The second: alt="Barnes"
For the third, use CSS to align.

Thanks for the link! I was going to validate after I finshed and was fully satisfied with my lay out. So far so good!I'm having a;ot of trouble lining up the Blog I have in an iFrame. I'm thinking about just coding the entries in HTML becuase it looks very crappy.

Edited May 18, 2006 by barnes (see edit history)

Validate early and often, otherwise you have a harder time fixing the errors the validator throws out. Fixing them might cause you to re-think the design and you will have to re-do more code than if you validate often. Just my opinion.

Validate early and often, otherwise you have a harder time fixing the errors the validator throws out. Fixing them might cause you to re-think the design and you will have to re-do more code than if you validate often. Just my opinion.

Will do.

I visited my site on my schools computer and in IE, it got a bit messed up, so now I have a lot to fix, alot to validate, and alot of cotent to add.

Its a never ending cycle.