Help with columns |
Help with columns |
Rick5150 |
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. |
Frederiek |
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/ |
Rick5150 |
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. |
Lo-Fi Version | Time is now: 25th April 2024 - 11:44 AM |