PSX5Central

Non Gaming Discussions => Off-Topic => Topic started by: Richard on May 23, 2005, 09:12:14 AM

Title: Web design Question
Post by: Richard on May 23, 2005, 09:12:14 AM
Many Web sites have content centered in the page and it does not matter what the visitor\'s resolution is the content is centered and any extra space is usually filled with a solid color or pattern

examples:
http://www.nypl.org
http://www.lapl.org

how is this achieved i just want pointed in the right direction.
Title: Re: Web design Question
Post by: Riku on May 23, 2005, 09:53:41 AM
Quote
Originally posted by Richard
Many Web sites have content centered in the page and it does not matter what the visitor\'s resolution is the content is centered and any extra space is usually filled with a solid color or pattern

examples:
http://www.nypl.org
http://www.lapl.org

how is this achieved i just want pointed in the right direction.


Learn here: http://www.w3schools.com/

The background (color, pattern, etc) is set in your [body] tag, and the content is placed in a which you can center by putting
align="center" in your table tag.

I think those are right, I haven\'t played with HTML in a while.  I think there are a couple HTML savvy people here so they can probably help you out more.





I didn\'t know we could use HTML code in here!


Looks at the bottom

I see it now, duh.
Title: Web design Question
Post by: Cyrus on May 23, 2005, 10:26:55 AM
hes is right they are just using a table...
Title: Web design Question
Post by: Richard on May 23, 2005, 11:16:31 AM
I don\'t think it\'s a table... look at the source.  Any more ideas?
Title: Web design Question
Post by: Black Samurai on May 23, 2005, 11:19:20 AM
^^^Forget what the source says. It is done with tables.
Title: Web design Question
Post by: Cyrus on May 23, 2005, 12:40:05 PM
did you even look at the source??

begin main navigation

div id="mainnav"
   
begin main nav table

table align="center" border="0" cellpadding="0"
Title: Web design Question
Post by: THX on May 23, 2005, 12:47:05 PM
Could be declared in CSS but this is what I see:

#masterdiv {
   width: 800px;   /* IE5.x/Win width hack */
   voice-family: "\\"}\\"";
   voice-family: inherit;
   width: 780px;   /* This is the correct value */
}
html>body #masterdiv {
   width: 780px;
}

nothing about alignment, weird.

The 2nd link is easy:

<div align="center">

<table width="750" border="0" cellpadding="0"
cellspacing="0">
Title: Web design Question
Post by: THX on May 23, 2005, 12:50:04 PM
cyrus ah good job.  How is the logo centered though?  Mainnav is just for the links underneath the logo.

edit- either way Richard an easy way is to make a main table for EVERYTHING to go in and label it like this:

<table align=center >

That\'ll work but I\'d rather do it in CSS because it\'s neater. ;)
Title: Web design Question
Post by: Cyrus on May 23, 2005, 01:58:40 PM
the logo is centered in a table also just in the code is all mixed up in differnt place because the whole thing is done as some sort or image slicer for the rollovers
Title: Web design Question
Post by: MPTheory on May 23, 2005, 02:41:00 PM
Quote
Originally posted by Cyrus
the logo is centered in a table also just in the code is all mixed up in differnt place because the whole thing is done as some sort or image slicer for the rollovers


Ahh yes.  Its actually very easy to do... you can make a quazi-liquid design very easy with a centered table set at 800 x 600

a lot of the inexpensive sites I make are done that way mainly because it looks decent and is very quick.  making a full liquid design and still keeping it look the way you want it to can me more of a pain in the ass... Hey Cy, have you had any luck making sites with nothing but layers?  I did a small one a while back.. it was fun to do but took a long time to get it right.. some browsers still dont like it all that much.
Title: Web design Question
Post by: Cyrus on May 24, 2005, 06:29:49 AM
Actually you MAC bastard.. The new version of frontpage just came out with the layer ability so i have just now started using it.
Title: Web design Question
Post by: SwifDi on May 24, 2005, 06:35:15 AM
I am a super noob when it comes to html, I was wondering if you guys could tell me how the hell can I organize the pictures on my page so you don\'t have to scroll all the way to the right.

1)http://www.nd.edu/~dlewis3
2)Click "SummerPicsHere!.txt"
Title: Web design Question
Post by: MPTheory on May 24, 2005, 06:42:49 AM
Try this. you can just copy the code for each table inside the main table for as many pics as you want. I just made each table 580px wide, so you would need to adjust to whatever size your images are, or resize your images of course...




Untitled Document




 
   
 

     
       
     
   
 

     

   

     
       
         
       
     
 

     

     
       
         
       
     
 

     

     
       
         
       
     
 

     

     
       
         
       
     
 

     

     
       
         
       
     
 

     

     
       
         
       
     
 

     

     
       
         
       
     
 

     

     
       
         
       
     
 

     

     
       
         
       
     
 

     

     
       
         
       
     
 

   






quote this to get the source code
Title: Web design Question
Post by: MPTheory on May 24, 2005, 06:43:54 AM
Quote
Originally posted by Cyrus
Actually you MAC bastard.. The new version of frontpage just came out with the layer ability so i have just now started using it.


I still think your insane for using frontpage haha.
Title: Web design Question
Post by: SwifDi on May 24, 2005, 06:47:59 AM
Quote
Originally posted by MPTheory
what web software are you working with?


Notepad
Title: Web design Question
Post by: Cyrus on May 24, 2005, 07:10:28 AM
Swifdi... That doesnt make you cool just so you know we all know html writing it in notepad is just plain dumb you have no refence to what the page is gonna look like when its done. I write scripts and code in notepade but thats it.
Title: Web design Question
Post by: SwifDi on May 24, 2005, 07:14:27 AM
Yeah but this is just a really bare bones place to put my pictures I\'ve taken this summer so my friends can see. I just want thumbnails, and thats about it.
Title: Web design Question
Post by: MPTheory on May 24, 2005, 07:31:48 AM
I cant stand writing script if I have a WYSIWYG program.
Title: Web design Question
Post by: THX on May 24, 2005, 07:36:25 AM
Cyrus check out one of the awesome fully text editors such as Edit Plus, Ultra Edit, or Note tab.  Sometimes they have a preview mode.

And as a point of reference IE has so many things wrong with it that you shouldn\'t be basing your code on IE\'s way of doing things.  Choose Dreamweaver if you have to.

On that subject, have you guys been reading the official IE7 blog?  The beta is supposed to fix A LOT of things.  Most of which are 5-year old updates that MS has refused to implement.  What a pain.
Title: Web design Question
Post by: MPTheory on May 24, 2005, 07:50:19 AM
I kind of wish everyone used firefox as the norm.  The only complaint I have about it is the way it shows table borders.. other than that, my designs always look perfect on firefox and I have to jack around with it to make it look the way I want it to on IE
Title: Web design Question
Post by: Cyrus on May 24, 2005, 08:19:51 AM
Quote
Originally posted by THX
Cyrus check out one of the awesome fully text editors such as Edit Plus, Ultra Edit, or Note tab.  Sometimes they have a preview mode.

And as a point of reference IE has so many things wrong with it that you shouldn\'t be basing your code on IE\'s way of doing things.  Choose Dreamweaver if you have to.

On that subject, have you guys been reading the official IE7 blog?  The beta is supposed to fix A LOT of things.  Most of which are 5-year old updates that MS has refused to implement.  What a pain.


Yes IE has so many things wrong with it BUT YOU SHOULD use it as a point of reference..

Even with the recent influx of people switching to Firefox or alternative browsers I would venture to say that IE still holds 70 percent of the market AT LEAST... and when I say 70 percent out of that 70 percent I would say that 90 percent of them are your "basic" users the kind that actually come to your website. How can you not build for it if? You dont want to loose that many visitors due to crapy site design.

Now maybe Im differnt because I build mostly commerical stuff with extremly high visiotr percentage wait let me get a stat.

Ok one of my sites had 5263 unique visitors so far this month out of those visitors 90.2 % were IE and 4.7 % were firefox. How can you not build for it?

btw MP out of those visitors only 2 % were mac users :bounce:
Title: Web design Question
Post by: MPTheory on May 24, 2005, 08:39:44 AM
haha.. yeah, but I love my mac.  I actually use both.  I just find mac OS to be much more stable and just all around made more with care
Title: Web design Question
Post by: THX on May 24, 2005, 08:45:38 AM
Yes it\'s a crying shame that 80% of web users use the absolute worst web browser available, I know first-hand what a PITA it is.  IE doesn\'t support PNG alpha tranparency, the :hover class over 100% of elements, position:fixed, and a whole other myriad of glitches that happen when you don\'t adopt 5-year old W3C standards.

As for coding it just depends on the designer.  I like to know what I created was made the right way and is not some funky sh!t that IE likes.  I usually design in Edit Plus or KWrite, see how it looks in Firefox/Konqueror, then go on to IE to clean up any little crap I see. :(
Title: Web design Question
Post by: MPTheory on May 24, 2005, 09:24:09 AM
Quote
Originally posted by THX

As for coding it just depends on the designer.  I like to know what I created was made the right way and is not some funky sh!t that IE likes.  I usually design in Edit Plus or KWrite, see how it looks in Firefox/Konqueror, then go on to IE to clean up any little crap I see. :(


I kind of do that backwards.  I design and make it look as best as I can on IE, and it usually looks perfect on firefox.
Title: Web design Question
Post by: Cyrus on May 24, 2005, 09:29:13 AM
Quote
Originally posted by MPTheory
I kind of do that backwards.  I design and make it look as best as I can on IE, and it usually looks perfect on firefox.


Yup me too better to make sure it works on the most widey use browser that to do it the other way sometime i dont even care what it looks like on mozilla....
Title: Web design Question
Post by: Evi on May 27, 2005, 01:19:27 AM

Have Fun  With HTML...
Title: Web design Question
Post by: THX on May 27, 2005, 06:36:51 AM
Quote
Originally posted by EviscerationX
alt="HTML Code Tutorial"

You did that all by yourself? ;)
Title: Web design Question
Post by: Paul2 on May 27, 2005, 09:20:38 AM
hmmm...interesting.
Title: Web design Question
Post by: Evi on May 27, 2005, 10:54:38 AM
Quote
Originally posted by THX
You did that all by yourself? ;)
Actually...that was after I gave up trying to figure out how to put an image with the scrolling marquee, which I\'ve never done before because it looks tacky as all holy f*ck on a webpage.
Title: Web design Question
Post by: Richard on May 31, 2005, 06:34:47 AM
I have three areas in this Web that I want to remain the same, the “banner”, “contents” and footer areas will appear on every page and if I change say the banner area, I do not want to change it on every page. Frames came to mind, but it doesn’t seem practical. Attached is a small jpg of my “Web concept “the highlighted areas are the areas that I want to be able to change on every page simultaneously.

(https://psx5central.com/community/proxy.php?request=http%3A%2F%2Fwww.nchcpl.org%2Fimages%2Fhighlights.jpg&hash=e70b7f52158d4d216ec3afc900cc93358344dd1b)

thanks again
Title: Web design Question
Post by: THX on May 31, 2005, 09:26:21 AM
mmmm not quite sure I understand..

The contents that are highlighted you DON\'T want to change?

Is it a database-driven site (PHP, ASP, CFM, etc..)?  Or do you create each and every html page by hand?
Title: Web design Question
Post by: Riku on May 31, 2005, 09:44:52 AM
Quote
Originally posted by Richard
I have three areas in this Web that I want to remain the same, the “banner”, “contents” and footer areas will appear on every page and if I change say the banner area, I do not want to change it on every page. Frames came to mind, but it doesn’t seem practical. Attached is a small jpg of my “Web concept “the highlighted areas are the areas that I want to be able to change on every page simultaneously.

(https://psx5central.com/community/proxy.php?request=http%3A%2F%2Fwww.nchcpl.org%2Fimages%2Fhighlights.jpg&hash=e70b7f52158d4d216ec3afc900cc93358344dd1b)

thanks again


You would do well to learn how to make templates and use css (cascading style sheets), neither of which are difficult and will help you out tremendously.

Invest in Dreamweaver or a program like it.  You don\'t need it to do what you want, but it would make things alot easier.