[pmwiki-users] Notebook-NT-Skin - some more tests
Henrik Bechmann
henrik.bechmann at sympatico.ca
Sat Sep 2 21:46:30 CDT 2006
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
More information about the pmwiki-users
mailing list