[pmwiki-users] Notebook-NT-Skin - some more tests
Henrik Bechmann
henrik.bechmann at sympatico.ca
Sun Sep 3 12:45:34 CDT 2006
Yes I tried it with floating boxes (per the test material on your NT
page), and in particular the [[<<]] markup.
Hopefully it will get set up in a test area at some point so that people
can stress test it.
- Henrik
V.Krishn wrote:
> On Sunday 03 September 2006 22:41, Henrik Bechmann wrote:
>
>> VK,
>>
>> Yes, I tried it with the left sidebar content longer than the right
>>
> Just missed this line....
> I mean with sidebar content longer and floating stuffs on the content page.
> I think it should work.
> V.Krishn
>
>
>> content. See the technical notes at
>> http://www.pmwiki.org/wiki/Cookbook/Pmwiki-DivsSkin for an explanation.
>>
>> Regrettably there is no way around special code for IE in the table-less
>> world. Fortunately, the hacks have become standard, and pretty well
>> known (see positioniseverything.net).
>>
>> Mind you we are about to "enjoy" another round of adjustment with the
>> gradual rollout of IE 7. I've already found a bug which I have reported
>> to them (interesting to see if they find my report in the pile of the
>> thousands of other reports they have received).
>>
>> - Henrik
>>
>> V.Krishn wrote:
>>
>>> On Sunday 03 September 2006 08:16, Henrik Bechmann wrote:
>>>
>>>> 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
>>>>
>>> Thanks Henrik. Looks good.
>>> Did you try making the sidebar bigger than the content area.
>>>
>>> I would try to understand it specially the IE specific css. From my
>>> template making experience I could say inserting browser specific code,
>>> be it css or javascript really gets confusing when it comes to explaining
>>> others. Among us we might be comfortable. I would still give it a try,
>>> maybe I could use in my other complicated skins which I am working on.
>>>
>>> Thanks again.
>>> V.Krishn
>>>
>>>
>>>> (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
More information about the pmwiki-users
mailing list