The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Help with columns
Rick5150
post Dec 6 2011, 07:53 AM
Post #1


Newbie
*

Group: Members
Posts: 11
Joined: 6-December 11
Member No.: 16,007



I designed a site a few years ago mostly using an existing template, and for whatever reason, it is starting to go wonky. I am using Expression Web and I noticed that nowadays some of my DWT's are causing the menus to float left. An example is here:

http://www.filmjackets.com/FEATURES/featur...feOnMars_UK.htm

What I need to do is make the section on the right (the image and the description to the right) 2 separate columns. The image will always be 250px, but will vary in height depending on the image used.

The next issue I have is that I need both columns to react together. That is, if the description gets long, the column with the image will also expand, or vice versa. In the case of the link above, the image is longer than standard, and it pushed the copyright information into the horizontal rule.

How can I make this work nice and neat?

I know there are a lot of issues with the styles in the code and that is part of what I am working on by integrating them directly into the CSS. Any and all help is appreciated.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Dec 7 2011, 03:19 AM
Post #2


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



For the menu, you've set left and right to auto on #mainnavigation, but that should be margin-left and margin-right.

As for the columns, you'll have to change the structure of the HTML, and subsequently the CSS for that.
The easiest way is to use a table for each entry (image + description), as the heights will adapt autmatically to the longest column. That probably will solve the issue with the copyright too.

Or you can use DIV's and floats. See http://css-discuss.incutio.com/wiki/Two_Column_Layouts , http://css-discuss.incutio.com/wiki/Any_Column_Longest .

Use the validators to check both the HTML and CSS:
HTML validator: http://htmlhelp.com/tools/validator/
CSS validator: http://jigsaw.w3.org/css-validator/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Rick5150
post Dec 7 2011, 02:17 PM
Post #3


Newbie
*

Group: Members
Posts: 11
Joined: 6-December 11
Member No.: 16,007



My concern is not the menu, as you will see the updated one if you click the "HOME" link.

Wouldn't tables be a huge step in reverse? I have hundreds of pages to publish and if each had a table, I cannot help but think that easy does not equal best for this application.

It looks like most of the CSS/HTML I need is probably beyond my capability right now though.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 25th April 2024 - 11:44 AM