[pmwiki-users] Notebook-NT-Skin - some more tests

[Henrik Bechmann]

Patrick, VK,

I have upgraded the css framework that I sent you earlier to a PmWiki 
skin (attached) to make a completely table-less skin that looks like the 
default PmWiki skin. To try it out I copied the wikitext from your test 
page into mine. You can see the result at

http://www.dufferinpark.ca/common/wiki/pmwiki.php?n=Test.Test

(sorry, no editing, but you can set it up in the PmWiki test area, per 
the attached). I looked at it briefly with IE 5.5, 6, 7 and FF, and it 
looks OK to me.

To make the skin based on the css framework, I copied a few things 
(block borders, background colors, sizes, padding) from Patrick's css 
file (as noted in the file) into the framework css rules. I also added 
background colours to the sidebar and footer (sometimes it makes a 
difference in stability - but this can be tested). Otherwise the page 
uses pmwiki.css, as provided in the distribution. I also adjusted the 
sidebar width to make it match PmWiki.org's sidebar in width.

Please feel free to set up this pmwiki-div skin (my name for it) in a 
test area (or let me know how/where), and you can test it/ try to break 
it to your heart's content.

Hope you find this helpful or at least interesting.

I have been using these techniques for years (and dufferinpark.ca is 
table-less), so I think there's a good chance this will work well. More 
than a prototype, still needs testing before deployment.

Best,

- Henrik

Patrick R. Michaud wrote:
> On Sun, Sep 03, 2006 at 02:48:24AM +0530, VKrishn wrote:
>   
>> http://www.pmwiki.org/wiki/Test/Notebook-NT-Skin?skin=notebook-nt
>> done
>>     
>
> Alas, no such luck -- using clear='right' doesn't work with %lframe%.
>
>     http://www.pmwiki.org/wiki/Test/Notebook-NT-Skin-LeftFloat
>
> Pm
>
>
>
>   
>> On Sunday 03 September 2006 00:59, Patrick R. Michaud wrote:
>>     
>>> Just looked (19:29 UTC).  That page doesn't show the problem
>>> because the bottom border of the sidebar is higher than the
>>> bottom border of the image.
>>>
>>> If you make the sidebar very long on the insteps.net site
>>> (as I've now done on pmwiki.org in the Test group), then
>>> I think you'll see the problem there as well.
>>>
>>> Pm
>>>
>>> On Sun, Sep 03, 2006 at 01:19:19AM +0530, VKrishn wrote:
>>>       
>>>> Could you have look here
>>>> http://insteps.net/test/notebook-nt/pmwiki.php/Test/Notebook-NT
>>>>
>>>> V.Krishn
>>>>
>>>> On Sunday 03 September 2006 00:43, Patrick R. Michaud wrote:
>>>>         
>>>>> On Sun, Sep 03, 2006 at 01:00:46AM +0530, VKrishn wrote:
>>>>>           
>>>>>> I can see some whitespace in first instance of the test. I pasted the
>>>>>> same code below to repeat and the problem seems to have gone.
>>>>>> Pls have a look at.
>>>>>> http://www.pmwiki.org/wiki/Test/Notebook-NT-Skin?skin=notebook-nt
>>>>>>             
>>>>> The problem will only occur once.  What is happening is that
>>>>> we have a floating image, and then the [[<<]] markup
>>>>> creates a <br clear='all' /> that causes the text to skip to
>>>>> below any floating elements.
>>>>>
>>>>> Since the left sidebar is a floating element, the clear='all'
>>>>> attribute is causing the text to jump to the bottom of the left
>>>>> sidebar content, as opposed to the bottom of the image.  Later
>>>>> instances of [[<<]] won't show this problem because we've already
>>>>> skipped past the floating left sidebar.
>>>>>
>>>>> Pm
>>>>>
>>>>> _______________________________________________
>>>>> pmwiki-users mailing list
>>>>> pmwiki-users at pmichaud.com
>>>>> http://www.pmichaud.com/mailman/listinfo/pmwiki-users
>>>>>           
>>> _______________________________________________
>>> pmwiki-users mailing list
>>> pmwiki-users at pmichaud.com
>>> http://www.pmichaud.com/mailman/listinfo/pmwiki-users
>>>       
>
> _______________________________________________
> pmwiki-users mailing list
> pmwiki-users at pmichaud.com
> http://www.pmichaud.com/mailman/listinfo/pmwiki-users
>
>   

-- 

Henrik Bechmann
www.osscommons.ca
www.bechmannsoftware.com
Webmaster, www.dufferinpark.ca

-------------- next part --------------
A non-text attachment was scrubbed...
Name: pmwiki-divs.zip
Type: application/octet-stream
Size: 4649 bytes
Desc: not available
Url : /pipermail/pmwiki-users/attachments/20060902/190d2d40/attachment.obj