Hello

Welcome, Guest. Please login or register.
Did you miss your activation email?

Author Topic: Web design Question  (Read 1972 times)

Offline Richard
  • Full Member
  • ***
  • Posts: 131
  • Karma: +10/-0
    • http://
Web design Question
« 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.
Friends Don\'t Let Friends Use AOL.

Offline Riku
  • Hero Member
  • *****
  • Posts: 1184
  • Karma: +10/-0
    • http://
Re: Web design Question
« Reply #1 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.
« Last Edit: May 23, 2005, 10:06:16 AM by Riku »
{o,o}
|)__)
-\"-\"-
O rly?

Offline Cyrus
  • You want this?
  • Legendary Member
  • ******
  • Posts: 2454
  • Karma: +10/-0
    • http://
Web design Question
« Reply #2 on: May 23, 2005, 10:26:55 AM »
hes is right they are just using a table...
When did I realize I was God? One day I was praying and suddenly realized I was talking to myself.[/font]

Offline Richard
  • Full Member
  • ***
  • Posts: 131
  • Karma: +10/-0
    • http://
Web design Question
« Reply #3 on: May 23, 2005, 11:16:31 AM »
I don\'t think it\'s a table... look at the source.  Any more ideas?
Friends Don\'t Let Friends Use AOL.

Offline Black Samurai
  • RAMEN, BITCHES!!!
  • Legendary Member
  • ******
  • Posts: 5073
  • Karma: +10/-0
    • http://www.zombo.com
Web design Question
« Reply #4 on: May 23, 2005, 11:19:20 AM »
^^^Forget what the source says. It is done with tables.
[SIZE=\"4\"][COLOR=\"Red\"]I\'m sorry, That\'s not a hair question.[/COLOR][/SIZE]

Offline Cyrus
  • You want this?
  • Legendary Member
  • ******
  • Posts: 2454
  • Karma: +10/-0
    • http://
Web design Question
« Reply #5 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"
When did I realize I was God? One day I was praying and suddenly realized I was talking to myself.[/font]

Offline THX
  • nigstick
  • Legendary Member
  • ******
  • Posts: 8158
  • Karma: +10/-0
Web design Question
« Reply #6 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">

\"i thought america alreay had been in the usa??? i know it was in australia and stuff.\"
-koppy *MEMBER KOPKING FANCLUB*
\"I thought japaneses where less idiot than americans....\" -Adan
\"When we can press a button to transport our poops from our colon to the toilet, I\'ll be impressed.\" -Gman

Offline THX
  • nigstick
  • Legendary Member
  • ******
  • Posts: 8158
  • Karma: +10/-0
Web design Question
« Reply #7 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. ;)
« Last Edit: May 23, 2005, 12:55:57 PM by THX »

\"i thought america alreay had been in the usa??? i know it was in australia and stuff.\"
-koppy *MEMBER KOPKING FANCLUB*
\"I thought japaneses where less idiot than americans....\" -Adan
\"When we can press a button to transport our poops from our colon to the toilet, I\'ll be impressed.\" -Gman

Offline Cyrus
  • You want this?
  • Legendary Member
  • ******
  • Posts: 2454
  • Karma: +10/-0
    • http://
Web design Question
« Reply #8 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
When did I realize I was God? One day I was praying and suddenly realized I was talking to myself.[/font]

Offline MPTheory

  • Large Member
  • Legendary Member
  • ******
  • Posts: 2434
  • Karma: +10/-0
  • Super User
    • http://www.rabidsample.com
  • PSN ID: anorok
Web design Question
« Reply #9 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.
« Last Edit: May 23, 2005, 02:42:55 PM by MPTheory »

Offline Cyrus
  • You want this?
  • Legendary Member
  • ******
  • Posts: 2454
  • Karma: +10/-0
    • http://
Web design Question
« Reply #10 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.
When did I realize I was God? One day I was praying and suddenly realized I was talking to myself.[/font]

Offline SwifDi
  • Legendary Member
  • ******
  • Posts: 9620
  • Karma: +10/-0
Web design Question
« Reply #11 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"
« Last Edit: May 24, 2005, 06:36:45 AM by SwifDi »

Offline MPTheory

  • Large Member
  • Legendary Member
  • ******
  • Posts: 2434
  • Karma: +10/-0
  • Super User
    • http://www.rabidsample.com
  • PSN ID: anorok
Web design Question
« Reply #12 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
« Last Edit: May 24, 2005, 06:51:01 AM by MPTheory »

Offline MPTheory

  • Large Member
  • Legendary Member
  • ******
  • Posts: 2434
  • Karma: +10/-0
  • Super User
    • http://www.rabidsample.com
  • PSN ID: anorok
Web design Question
« Reply #13 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.

Offline SwifDi
  • Legendary Member
  • ******
  • Posts: 9620
  • Karma: +10/-0
Web design Question
« Reply #14 on: May 24, 2005, 06:47:59 AM »
Quote
Originally posted by MPTheory
what web software are you working with?


Notepad

 

SMF spam blocked by CleanTalk