Jump to content


Creating this Web template, Picture shown for assistance


4 replies to this topic

#1 Viperjts10

    Young Padawan

  • Members
  • Pip
  • 10 posts

Posted 05 April 2007 - 12:14 PM

Posted Image

This is the basic style of the website template I would like to create. Now I’ve created website templates before in adobe photoshop, and they turn out cool, however, I can never get those to have a width percentage so that no matter what screen resolution a person is on, the tables would auto adjust by themselves.

The only way I know how to auto adjust the tables is to create the website in dreamweaver USING tables, and then set their width percentages.

* The image above shows that I want the navigation on the left with another table below it in the same column. I want that to have set width and then the main content where it shows RECENT NEWS and ATTENTION GETTER, I want those tables to have a percentage width set for the tables, like around 95% or so. I'd like the small gaps in between everything to make it look nice and neat, and I would want the whole website to be even from left to right.

So I want everything to have a percentage width EXCEPT the navigation tables which are on the left of the website template.

I’m having trouble doing this because I think I need to create tables in tables and so on, but I really need some help. If someone could please guide me as to how to start this template, that’d be awesome. I’m just really stuck right now.

Hopefully this makes sense. If not, I can try and explain it better.

#2 xis

    Young Padawan

  • Members
  • Pip
  • 191 posts
  • Gender:Male
  • Location:Los Angeles, Ca.

Posted 05 April 2007 - 07:05 PM

If I understand correctly you want the template to be full screen no matter the screen resolution?

#3 Viperjts10

    Young Padawan

  • Members
  • Pip
  • 10 posts

Posted 05 April 2007 - 09:41 PM

Yes, and I was told that creating a template using tables is VERY bad. They told me to us XHTML and CSS but I have not learned about those yet. Does anyone know anything about this?

#4 Archangel

    P2L Jedi

  • Members
  • PipPipPip
  • 988 posts
  • Gender:Male
  • Location:Indiana
  • Interests:Reading (mainly fantasy books), Gaming (Xbox 360, Wii & PS3), Sports, Outdoor Recreation, Watching/Collecting Movies

Posted 05 April 2007 - 11:42 PM

That is one thing that annoys me so much about web developers.

Using tables isn't VERY bad as long as you use them sparingly and correctly. As for speed issues you're not going to notice a different b/t CSS and Table layouts. Depending on the extent of your tables it can suck up what spiders are crawling (the only real downside I see).

IMO if you know tables...create it in tables while learning XHTML/CSS so you have something to base it off of.

There are some great sites to learn this stuff. Try checking out w3schools website.

#5 xis

    Young Padawan

  • Members
  • Pip
  • 191 posts
  • Gender:Male
  • Location:Los Angeles, Ca.

Posted 06 April 2007 - 01:08 AM

I completely agree with archangels post regarding tables vs css but I won't get into so we don't get too off topic here.

In regards to your question, pretty all you need to do is make all your tables 100% width except the ones you want to stay a certian size. Also make the table data's (<td>'s) 100% unless you want them a certian size.

Sorry my back is killing me at this moment so I wasn't able to give you a better example. I you don't have it worked out by the time I check this post tomorrow I'll try to give you a better example.

X





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users