[css-d] Table-like design with numbered rows
I don't know how to achieve this without using a table: http://www.magstorm.se/table.htm A table-like design with four columns, with every row numbered, wrapped in a float:left div. Since these columns can get very long and I would like the items in a specific order, I must be able to paste the code for a new item, making the others jump one position to leave room for the new item, without affecting the numbering which should always be to the left. If it hadn't been for the numbering, this would have been very easy (float:left). The height of the divs containing the numbers must be equal to the height of the divs containing the items and since the images can be of different size and the text of different length, I simply don't know the height in advance. Does anyone know how to solve this? __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] position:fixed in IE 5 and IE 6?
I'd like to have a menu beside the main content that stays in the same position on the screen when you scroll down the page. Does anyone know of a way to make it work in IE 5 and IE 6? Example: #menu { position:fixed; width:100px; top:100px; left:100px; } This (surprisingly) works in IE 7... -- Mvh Magnus Fahlström __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] em or %, pros and cons?
1. Could you please explain why you choose one over the other? 2. Only for font-size or for the complete layout? Thanks Magnus Fahlström __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] IE5 vs IE6
Does anyone know the main differences between IE5 and IE6 when it comes to CSS rendering? The reason I'm asking is I'm sitting at a computer with no internet access, just an intranet access, which makes upgrading a bit more complicated... Can I use IE5 (included in W2K SP4) and assume it's going to look just about the same as in IE6? Thanks in advance! Magnus __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Easy way to replace table layout with css-layout?
Thank you very much :-) Now I have another problem (but it's not a CSS problem so I guess it doesn't really belong here, but I'll give it a shot anyway): When I try to view your layout with both the code and the layout visible inside Dreamweaver MX 2004 it crasches immediately, no warning or anything, it just goes down. It works perfectly with other files. Any ideas? Gunlaug Sørtun skrev: Magnus Fahlström wrote: I'm trying to achieve someting like this (the rows and columns that is): http://www.wiberger.se/templates/vred.htm Ok. This one is a perfect candidate for CSS table, but since no version of IE has the slightest support for the relevant part of CSS2/2.1, we'll have to use a lesser solution. Floating divs in a list... http://www.gunlaug.no/tos/moa_21.html ...or floating list-items in a list... http://www.gunlaug.no/tos/moa_21a.html ...should do. Vertical-align can't be replicated without a lot of hacking (caused by IE's lack of CSS support), so I've left that out. Since this is supposed to be part of an existing layout, I've fixed the width in pixels. You can of course also em-scale the entire list... http://www.gunlaug.no/tos/moa_21b.html ...if the layout it goes into can handle that. regards Georg -- Mvh Magnus Fahlström Eugen Wiberger AB Transportgatan 5 A Box 4093 422 04 Hisings Backa Tel: 031-520315 Fax: 031-520318 [EMAIL PROTECTED] http://www.wiberger.se/ __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Easy way to replace table layout with css-layout?
Gunlaug Sørtun skrev: Magnus Fahlström wrote: It's used for layout (images with text below, arranged in rows and columns without any visible border). I know some CSS but I haven't found a way to achieve this easily. Thanks in advance :) As mentioned: we don't often think in rows when creating CSS layouts, but columns are of course main parts of most layouts. Two and three columns layouts with header and footer being the most used. There are fluid columns layouts, fixed columns layouts, elastic layouts, and layouts with a mixture of fluid, fixed and elastic. The most experienced of us mix so many parts together that it is sometimes hard to know what to call our creations - probably not what you need though. I still need a bit more information in order to guide you into and through the maze of even the more basic CSS layouts. Otherwise you'll easily get lost in there somewhere, and may end up with solutions that don't work anywhere near as intended. Do you have an existing table-based page/site that present things (more or less) the way you want? regards Georg Hello again. I'm trying to achieve someting like this (the rows and columns that is): http://www.wiberger.se/templates/vred.htm Thanks once again __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Easy way to replace table layout with css-layout?
Hi everybody. I'm trying to find an easy way to replace a table layout with a css-layout. There will be about 100 pages with a different number of rows on each page. These pages will be attached to a Dreamweaver template with navigation, logo and so on. In a table layout I can add/remove a row in seconds. Is there a way to do this in a css layout? -- Mvh Magnus Fahlström __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/