Welcome Guest ( Log In | Register)



3 Pages V   1 2 3 >  
Reply to this topicStart new topic
> My First Hand Coded Site., Made in about an hour.
barnes
post May 17 2006, 02:15 AM
Post #1


Member [Level 2]
*****

Group: Members
Posts: 83
Joined: 6-May 06
Member No.: 23,174



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://www.barnes.trap17.com

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?

This post has been edited by barnes: May 17 2006, 02:39 AM
Go to the top of the page
 
+Quote Post
Tyssen
post May 17 2006, 02:20 AM
Post #2



***********

Group: Members
Posts: 1,161
Joined: 9-May 05
From: Brisbane, QLD
Member No.: 6,818



Not a bad effort for two days' worth of learning but you've got some positional problems occurring between different pages.
Go to the top of the page
 
+Quote Post
Albus Dumbledore
post May 17 2006, 02:34 AM
Post #3


Hidden Secrets can't be told threw just words. One must feel what the other feels to truely understand...
**************

Group: Members
Posts: 1,523
Joined: 8-January 06
From: Sacramento California
Member No.: 16,756



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!
Go to the top of the page
 
+Quote Post
barnes
post May 17 2006, 02:40 AM
Post #4


Member [Level 2]
*****

Group: Members
Posts: 83
Joined: 6-May 06
Member No.: 23,174



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.
Go to the top of the page
 
+Quote Post
Tyssen
post May 17 2006, 02:58 AM
Post #5



***********

Group: Members
Posts: 1,161
Joined: 9-May 05
From: Brisbane, QLD
Member No.: 6,818



QUOTE(barnes @ May 17 2006, 12:40 PM) *

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.
Go to the top of the page
 
+Quote Post
jlhaslip
post May 17 2006, 04:18 AM
Post #6


A computer once beat me at chess, but it was no match for me at kick boxing.
Group Icon

Group: [MODERATOR]
Posts: 3,882
Joined: 24-July 05
From: In Trouble Again... still?
Member No.: 9,787
Spam Patrol



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:
CODE

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

With this:
CODE

#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.

This post has been edited by jlhaslip: May 17 2006, 04:25 AM
Go to the top of the page
 
+Quote Post
hulunes
post May 17 2006, 04:21 AM
Post #7


.::UniCorN::.
*********

Group: Members
Posts: 973
Joined: 19-September 04
From: Dalian CHN
Member No.: 1,192



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.
Go to the top of the page
 
+Quote Post
Goosestaf
post May 17 2006, 09:34 AM
Post #8


Privileged Member
*********

Group: Members
Posts: 503
Joined: 22-September 04
From: Worcester/Milton Keynes (UK)
Member No.: 1,226



nice first effort smile.gif

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.
Go to the top of the page
 
+Quote Post
elrohir
post May 17 2006, 07:45 PM
Post #9


Premium Member
********

Group: Members
Posts: 165
Joined: 17-May 06
Member No.: 23,815



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:

CODE


$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 wink.gif