Re: [css-d] Using floats for tables

2012-05-17 Thread Susanne Jäger

Georg wrote:

On 15.05.2012 17:36, Yolanda Aguirre wrote:



Aside: I see no point in using divs and other elements to simulate
table-layout in your case.  The content you have in there can easily be
classified as _tabular data_, which calls for a proper _HTML TABLE_. But
... what HTML elements you choose to use is not a CSS problem :-)


I'd go a step further and say the pricelists should/must be marked as 
proper tables. With the current markup there is no connection between 
one item and it's price in non-visual browsers and looking at it with 
increased font-size. I find this problem quite often and its pretty 
annoying.


greetings
Susanne

--
http://sujag.de - Webentwicklung und -beratung
susjae...@sujag.de
Christinenstr. 36, 10119 Berlin, Tel: 030 - 443 241 73


__
css-discuss [css-d@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] fluid layout with irregular shapes - what techniques are available for us today ?

2012-05-17 Thread mem
Hello all,

I have this irregular layout that needs to be done:

---
HEADER HERE
--/-_-_---


--~~---/'''
FOOTER
---

So:

/-_-_

and

~'''~

and

/'''

are fancy things that the layout have. Some of them are curves. 
Visually, this seems that one div is overlapping the other div and have 
irregular shapes.


One possible solution is to crop images in a way that the end of one div 
glues with the beginning of another div, giving the impression that they are 
one solo unit.
Another possible yet incredibly laborious solution would be to draw this all 
thing with CSS polygonon like the frog on css-tricks.


I'm totally new to this irregular challenges and my question is:

What techniques exist that allow us to accommodate the irregular nature of a 
given layout with a fluid layout choice ?



k. regards,
mem

__
css-discuss [css-d@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/


Re: [css-d] fluid layout with irregular shapes - what techniques are available for us today ?

2012-05-17 Thread David Laakso
On Thu, May 17, 2012 at 3:09 PM, mem talofo.l...@gmail.com wrote:

 What techniques exist that allow us to accommodate the irregular
nature of a given layout with a fluid layout choice ?
k. regards,
mem


Most all of us face that situation on a daily basis particularly if
the need at-hand is to hit desktop, high-dpi laptop, tablet, and and
an assortment of various mobile-handsets from one address. It might be
to your advantage to provide the list with picture of exactly what it
is that your client's print-media designer has decided she would like
to make happen on the Web: A picture is worth a thousand words.

Best,
David Laakso


-- 
Chelsea Creek Studio
http://ccstudi.com
__
css-discuss [css-d@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/


Re: [css-d] fluid layout with irregular shapes - what techniques are available for us today ?

2012-05-17 Thread mem
Hello again,

Thanks for the feedback.

Here is the URL containing the layout :
http://www.tiikoni.com/tis/view/?id=a4f3585

I was thinking about:
1) doing some crops on those irregular shapes.
2) make use of background image property.
3) make sure the crops are much more wider in order to accommodate higher 
resolutions. 

May this be a good approach ?

Or should I be brave and go for some sort of sliding doors technique ?

I see nothing else to do here.


Please note:
I don't care if IE7 and earlier versions aren't targeted. 
A mobile version was not purchased by the client so, we don't have that need 
here.



Thanks a lot.


k. regards,
mem





On May 18, 2012, at 1:23 , David Laakso wrote:

 On Thu, May 17, 2012 at 3:09 PM, mem talofo.l...@gmail.com wrote:
 
 What techniques exist that allow us to accommodate the irregular
 nature of a given layout with a fluid layout choice ?
 k. regards,
 mem
 
 
 Most all of us face that situation on a daily basis particularly if
 the need at-hand is to hit desktop, high-dpi laptop, tablet, and and
 an assortment of various mobile-handsets from one address. It might be
 to your advantage to provide the list with picture of exactly what it
 is that your client's print-media designer has decided she would like
 to make happen on the Web: A picture is worth a thousand words.
 
 Best,
 David Laakso
 
 
 -- 
 Chelsea Creek Studio
 http://ccstudi.com

__
css-discuss [css-d@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/