Re: [css-d] Synchronized paragraphs in adjacent columns

[Jesse Dawson]

>> Von: "Climis, Tim" 
>
>>> I hope that someone will have a suggestion for me.
>>
>> Brace yourself...
>>
>> I actually think that this could be argued to be a legitimate use  
>> of tables to display tabular data.  It's certainly not tabular data  
>> in the tradition spreadsheet sense, but it is data that corresponds  
>> to other data arranged logically in columns and rows.
>>
>> But, it is pretty easy to do this with CSS.
>> Styled something like:
>>
>> p[lang="en_US"] {
>> clear: both;
>> float: left;
>> width: 49%;
>> }
>>
>> p[lang="fr"] {
>>  float: right;
>>  width: 49%;
>> }
>>
>> ---Tim
>>
> Ah well, "tabular" is scarcely limited to spreadsheets, except  
> perhaps in the PC-world.
>
> Thanks for the several hints on displaying two adjacent columns,  
> which I have digested.
>
> I haven't recognized at any rate, an idea on how to make  
> corresponding paragraphs begin on the same line.
>
> Bruce

This may be a crazy suggestion, but in my mind a definition list (dl,  
dt, dd) wouldn't be out of the question since there is a relationship  
between the texts (one translates into the other). A little float:  
left action, set width for dt and dd, and some clearing would allow  
you to both columnize and get the paragraphs to line up.

http://www.maxdesign.com.au/articles/definition/

One downside is that block elements aren't allowed in the dt element,  
according to the standard. You'd either have to avoid paragraph tags,  
etc, or damn the standards.

Jesse

__
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/

Re: [css-d] syntax highlight inside possible ?

[Jesse Dawson]

On Dec 19, 2008, at 1:49 PM, David wrote:

> Is there any way to get some basic syntax highlighting with css?

It's not purely CSS,  but I hear good things about the Google  
Javascript code prettifier:

http://google-code-prettify.googlecode.com/svn/trunk/README.html

Jesse
__
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/

Re: [css-d] pesky 3 pixels padding

[Jesse Dawson]

On Dec 19, 2008, at 10:04 AM, Jody Levinson wrote:

> There's an extra 3 pixels of padding on the left of the center column.
> I hesitate to change it in the CSS because it's working on all the
> other pages and I don't seem to be able to override it on this one.
> These are all template pages:
>
> Here's the pesky one:
> http://web536.plainblack.net/interior_academic_lvl2.html


#rightColContainer appears to be the problem. On the pesky page you  
have two divs with id 'rightColContainer', one nested in the other,  
and that selector has a 3px left padding rule applied to it. The other  
pages you linked to don't have multiple 'rightColContainer' divs.

Jesse
__
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/