tabless layout

This is a discussion on "tabless layout" within the Web Page Design section. This forum, and the thread "tabless layout are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Jul 30th, 2007, 15:29
Reputable Member
Join Date: Jul 2007
Location: UK, Essex
Age: 21
Posts: 173
Thanks: 0
Thanked 1 Time in 1 Post
tabless layout

Hi All,

Up till now all of my web site layouts have been done using tables, I use tables as I find it easy to create/design the layout and then alter it however I want.

I really want to be able to create/design my layouts with just css as I know that is the future of web design.

Can any of you guys give me a list of top tutorial sites for tabless layout's?

Cheerz
Wayne
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Jul 30th, 2007, 15:37
Reputable Member
Join Date: Sep 2006
Location: England
Age: 20
Posts: 144
Thanks: 0
Thanked 0 Times in 0 Posts
Re: tabless layout

The future is now

Hm, I slowly coded bits of my layouts to CSS and learnt how to position them. All you have to learn is how to position, google CSS float tutorial and see if you can find a 3 column layout. After that you be fine providing you know the basics of CSS.

If not... then go learn CSS.

www.tizag.com is quite good.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Jul 30th, 2007, 15:48
Reputable Member
Join Date: Jul 2007
Location: UK, Essex
Age: 21
Posts: 173
Thanks: 0
Thanked 1 Time in 1 Post
Re: tabless layout

Cheers man, ill av a look at that site when i get some free time to go through it properly, just has a quick look and it looks like ill b able to learn more than just css from it.

Brilliant link and thanks again

Wayne
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Jul 30th, 2007, 15:53
Up'n'Coming Member
Join Date: Jul 2007
Location: France
Posts: 97
Thanks: 0
Thanked 0 Times in 0 Posts
Re: tabless layout

This is the W3C schools site:
http://www.w3schools.com/css/default.asp
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Jul 30th, 2007, 16:35
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: tabless layout

Reading the stickies at the top would have given you your answer:

Resources for learning how to use CSS for layout

Last edited by karinne; Jul 30th, 2007 at 19:00. Reason: Fixed
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Jul 30th, 2007, 16:59
Up'n'Coming Member
Join Date: Jul 2007
Location: az
Posts: 59
Thanks: 0
Thanked 0 Times in 0 Posts
Re: tabless layout

it's fun, it's retro. Back to the good ol days of browser compadability issues. Do one thing for IE, doesn't work in Firefox of Netscape. Make it work in those, IE doesn't like it. Ah, the good ol days!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Jul 30th, 2007, 17:24
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: tabless layout

RZX do you own Dreamweaver? If so, I'll sent you a link that I found really useful!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Jul 30th, 2007, 18:21
Reputable Member
Join Date: Sep 2006
Location: England
Age: 20
Posts: 144
Thanks: 0
Thanked 0 Times in 0 Posts
Re: tabless layout

You should just get rid of Dreamweaver and use notepad.

Notepad ++ is amazing.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Jul 30th, 2007, 18:22
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: tabless layout

There's nothing wrong with using DW ... as long as you stick to code view
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Jul 30th, 2007, 18:27
Marc's Avatar
Staff Manager

SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Posts: 1,800
Thanks: 0
Thanked 17 Times in 17 Posts
Re: tabless layout

Dreamweaver is a great tool, if used properly!
__________________
Marc
Staff Manager - Webforumz.com


Want to be a moderator? PM me.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #11  
Old Jul 30th, 2007, 18:57
Reputable Member
Join Date: Jul 2007
Location: UK, Essex
Age: 21
Posts: 173
Thanks: 0
Thanked 1 Time in 1 Post
Re: tabless layout

Lchad - I own dreamweaver yea, altho I do prefer to hand code the tutorial would be useful as once I have done the tutorial I should be able to see how it is coded so that I could then attempt to hand code it.

Tutorial links would be great

Wayne
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #12  
Old Jul 30th, 2007, 18:58
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: tabless layout

See the link I posted above.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #13  
Old Jul 30th, 2007, 18:58
Reputable Member
Join Date: Jul 2007
Location: UK, Essex
Age: 21
Posts: 173
Thanks: 0
Thanked 1 Time in 1 Post
Re: tabless layout

PicoDeath - What is the advantage of Notepad ++ compared to Notepad?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #14  
Old Jul 30th, 2007, 18:59
Reputable Member
Join Date: Jul 2007
Location: UK, Essex
Age: 21
Posts: 173
Thanks: 0
Thanked 1 Time in 1 Post
Re: tabless layout

Karinne - this link "Resources for learning how to use CSS for layout" is a dead link when I tried it
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #15  
Old Jul 30th, 2007, 19:00
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: tabless layout

Quote:
Originally Posted by RZX Developer View Post
PicoDeath - What is the advantage of Notepad ++ compared to Notepad?
Have a look for yourself ... it's right on the homepage

Notepad++

Quote:
Originally Posted by RZX Developer View Post
Karinne - this link "Resources for learning how to use CSS for layout" is a dead link when I tried it
I fixed the link
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #16  
Old Jul 30th, 2007, 19:06
Reputable Member
Join Date: Jul 2007
Location: UK, Essex
Age: 21
Posts: 173
Thanks: 0
Thanked 1 Time in 1 Post
Re: tabless layout

Karinne - Thanks for the links you have been very helpful along with everyone else within the forum

Wayne
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #17  
Old Jul 30th, 2007, 19:17
Reputable Member
Join Date: Sep 2006
Location: England
Age: 20
Posts: 144
Thanks: 0
Thanked 0 Times in 0 Posts
Re: tabless layout

Quote:
Originally Posted by RZX Developer View Post
PicoDeath - What is the advantage of Notepad ++ compared to Notepad?
It colors the code and you can close div tags so you can edit bits easier, instead of viewing a page full of code. If you do have notepad they just get ++. It's free.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #18  
Old Jul 30th, 2007, 19:42
Elite Veteran
Join Date: Sep 2006
Location: Pink House
Posts: 3,946
Thanks: 0
Thanked 0 Times in 0 Posts
Re: tabless layout

http://www.adobe.com/devnet/dreamwea..._concepts.html

I found this one extremely helpful in making the jump.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #19  
Old Jul 30th, 2007, 19:48
Reputable Member
Join Date: Jul 2007
Location: UK, Essex
Age: 21
Posts: 173
Thanks: 0
Thanked 1 Time in 1 Post
Re: tabless layout

Lchad - Thanks for the tutorial, I have added to my favourites and I shall look at it within the next couple of days.

Wayne
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
css help

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Layout using CSS Madball Web Page Design 5 Nov 7th, 2007 09:41
My First tabless page feed back please RZX Developer Web Page Design 11 Aug 3rd, 2007 15:17
Fluid layout - IE6 clichés the layout when resizing cyberseed Web Page Design 7 Jun 16th, 2007 05:14