Layout question

	Home Register Search Help Login

Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Free FrontPage Templates

Search Forums

Recent Posts

Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

Layout question

View related threads: (in this forum | in all forums)

Logged in as: Guest

Users viewing this topic: none

Printable Version

All Forums >> Web Development >> Cascading Style Sheets >> Layout question

Page: [1]


DaveX Posts: 217 Joined: 5/4/2004 Status: offline	Layout question - 12/5/2007 11:30:25 I'm FINALLY trying to learn css. I've got a couple of projects I'm trying to work on. One is a 'from scratch' thing and the other is modifying something already begun which is the one in question. What I've got is a simple column of images on the left and, with help of a script, when you click an image the large version shows up on the right. What I want to do is have 3 or 4 columns. The current column is within a div. Would it be best to put all of the thumbs in a table or is there a different way?


jaybee Posts: 14191 Joined: 10/7/2003 From: Berkshire, UK Status: offline	RE: Layout question - 12/5/2007 12:00:34 The whole point of CSS is that you don't use tables. Can you post a link so we can see what you have? _____________________________ If it ain't broke..... fix it until it is. GAWDS Now where did I put that Doctype? (in reply to DaveX)


DaveX Posts: 217 Joined: 5/4/2004 Status: offline	RE: Layout question - 12/5/2007 12:57:12 Right. I'm still sorting out how it all goes together... Anyway, here it is: http://www.sonofnostalgiazone dot com/temp/untitled.html (in reply to jaybee)


jaybee Posts: 14191 Joined: 10/7/2003 From: Berkshire, UK Status: offline	RE: Layout question - 12/5/2007 13:36:21 You could try something like this http://www.cssplay.co.uk/menu/photo_scroll.html#nogo or one of the other gallery demos on there. _____________________________ If it ain't broke..... fix it until it is. GAWDS Now where did I put that Doctype? (in reply to DaveX)


DaveX Posts: 217 Joined: 5/4/2004 Status: offline	RE: Layout question - 12/5/2007 15:14:51 Thanks for the suggestion. I hadn't seen that site before and going to bookmark it for future use but I'm really wanting to use what I have as it took me months to find something with the correct function. I'm just looking for some initial ideas as to which direction I should go here. (in reply to jaybee)


jaybee Posts: 14191 Joined: 10/7/2003 From: Berkshire, UK Status: offline	RE: Layout question - 12/5/2007 15:58:49 I wasn't suggesting you use those just consider the way he has blocks of thumbnails stacked up. 3 or 4 across and however many down you can fit on the page. Use your current Div, put the thumbnail images one after the other and float them left. Give them margins to space them out. I've done something similar here: it uses css in a different way to my suggestion above but it's the thumbnail layout I'm offering as a suggestion. _____________________________ If it ain't broke..... fix it until it is. GAWDS Now where did I put that Doctype? (in reply to DaveX)


bobby Posts: 11394 Joined: 8/15/1969 From: Seattle WA USA Status: offline	RE: Layout question - 12/5/2007 20:48:36 I agree with Jaybee that CSS can replace tables for layout... in fact that's the way it was intended to be done I believe... However depending on your layout a table or set of tables may work very well for you... CSS can still be used to style and control those tables. So if you're frustrated by a table-less layout don't fret... go ahead and build your page using a CSS controlled table or tables... get used to CSS... then worry about figuring out how to do it the other way. For simple layouts I will still use a table, or three tables stacked on top of each other... but I always use CSS to control them. Give each cell a style name and declare everything in the stylesheet. However you end up containing your page content you will be much, much happier having learned CSS. _____________________________ If con is the opposite of pro, is Congress the opposite of progress? (in reply to jaybee)


jaybee Posts: 14191 Joined: 10/7/2003 From: Berkshire, UK Status: offline	RE: Layout question - 12/6/2007 4:29:31 quote: For simple layouts I will still use a table, or three tables stacked on top of each other... Boooooo Hissssssss. Smacky smacky. Tables are for tabular data, not layout. _____________________________ If it ain't broke..... fix it until it is. GAWDS Now where did I put that Doctype? (in reply to bobby)


bobby Posts: 11394 Joined: 8/15/1969 From: Seattle WA USA Status: offline	RE: Layout question - 12/6/2007 19:29:50 and list items are for displaying bulleted lists... not for navigation buttons. But we use what works. _____________________________ If con is the opposite of pro, is Congress the opposite of progress? (in reply to jaybee)


d a v e Posts: 4179 Joined: 7/24/2002 From: England (but live in Finland now) Status: offline	RE: Layout question - 12/7/2007 2:47:02 list items are for lists - if you have a list of links then you can style that list to make navigation. bullets are optional ;) _____________________________ David Prescott Gekko web design (in reply to bobby)


jaybee Posts: 14191 Joined: 10/7/2003 From: Berkshire, UK Status: offline	RE: Layout question - 12/7/2007 6:14:32 Quite correct. A list is a list whether it's text or links. _____________________________ If it ain't broke..... fix it until it is. GAWDS Now where did I put that Doctype? (in reply to d a v e)


DaveX Posts: 217 Joined: 5/4/2004 Status: offline	RE: Layout question - 12/10/2007 17:08:22 Thanks for all of the suggestions everyone! I've been studying up and playing around a bit. I'm beginning to understand it more and more! I have another question related to the topic. I'm doing a simple project that requires a left-hand menu with a body of thumbnails to the right. The menu items would change the area where the thumbs are. Is this possible without a script? Also, when trying to plan how to lay it out I'm wondering the best way to do it assuming I'm not using tables. I'm getting a bit bogged down in the whole parent/child business and it's hard for me to determine whether I should keep every element labeled separately or have some nested in others... This is where it startes falling apart for me. (in reply to jaybee)


jaybee Posts: 14191 Joined: 10/7/2003 From: Berkshire, UK Status: offline	RE: Layout question - 12/10/2007 17:24:10 Google for css layouts or css templates and you'll find loads of examples which should give you ideas. It's absolutely possible. Ignoring any header/footer divs, you would have a left hand div for your nav and a content div to the right of it for the body of the page. Within that content div you set up your thumbnails. _____________________________ If it ain't broke..... fix it until it is. GAWDS Now where did I put that Doctype? (in reply to DaveX)


DaveX Posts: 217 Joined: 5/4/2004 Status: offline	RE: Layout question - 12/10/2007 17:48:51 Great suggestion! It seems there are many to choose from. I'm wondering though what the mechanism is to click links in one section and have it change the content of another? I USED to use frames for that... (in reply to jaybee)


jaybee Posts: 14191 Joined: 10/7/2003 From: Berkshire, UK Status: offline	RE: Layout question - 12/11/2007 6:35:29 Are you still talking the gallery here or are you saying you want all the page content to change when you click a nav link (as per frames)? The easiest way to do it is to use includes. Set up a master page with an empty space. Set up all your individual pages without whatever is on the master page then include those into the master. I tend to do it the other way so I have individual pages and then include the common stuff into them, so I'll include header, nav and footer. _____________________________ If it ain't broke..... fix it until it is. GAWDS Now where did I put that Doctype? (in reply to DaveX)


DaveX Posts: 217 Joined: 5/4/2004 Status: offline	RE: Layout question - 12/11/2007 18:31:45 I guess what I'm wondering is how a menu might be implemented when there are sub-menus involved. If I have a simple menu I can keep it the same on every page. If I have sub-menus it can get out of hand fast especially if I have lots of pages. (in reply to DaveX)


bobby Posts: 11394 Joined: 8/15/1969 From: Seattle WA USA Status: offline	RE: Layout question - 12/14/2007 0:33:16 Now you'll want to investigate another magical thing we call "Includes" Next to CSS includes are my favorite development shortcut. _____________________________ If con is the opposite of pro, is Congress the opposite of progress? (in reply to DaveX)


jaybee Posts: 14191 Joined: 10/7/2003 From: Berkshire, UK Status: offline	RE: Layout question - 12/14/2007 4:58:37 quote: If I have sub-menus it can get out of hand fast especially if I have lots of pages. Rethink the way you're doing your menus. If they keep changing on every page you're just going to confuse the heck out of your visitors. Maybe you need drop down or flyout menus or possibly breadcrumb menus. Whatever, don't have different ones all over the place. If it's a truly massive site then take a look at the way the BBC do it and not just the way the menus change but the whole page feel to go with it. They effectively have sub sites. _____________________________ If it ain't broke..... fix it until it is. GAWDS Now where did I put that Doctype? (in reply to bobby)

Page: [1]

All Forums >> Web Development >> Cascading Style Sheets >> Layout question

Page: [1]

Jump to: 1

New Messages	No New Messages
Hot Topic w/ New Messages	Hot Topic w/o New Messages
Locked w/ New Messages	Locked w/o New Messages

Post New Thread

Reply to Message

Post New Poll

Submit Vote

Delete My Own Post

Delete My Own Thread

Rate Posts