Re: Responsive concept page on WPD

Looks like the problem is the element within the one you modified is
floating within it, causing it to collapse down.  Looks like the
formatting belongs on the one classed "tleft".

And I'd float:right all of them to keep readers from getting
disoriented by the indentation.

--Mike S


On Mon, Jan 28, 2013 at 5:18 PM, Scott Rowe <scottrowe@google.com> wrote:
> I tried an in-line style, <div style='padding:10px 100px 10px 0px;
> margin:10px 100px 10px 0px'>, but couldn't get that right margin to budge.
> What's really weird is how the bullets bleed through the image.
>
> Yes, please do file some bugs here Sam.
>
> I'm hoping that someone on the list can provide a solution until we have
> bugs/fixes.
>
> +Scott
>
>
>
> On Sat, Jan 26, 2013 at 1:58 AM, Sam Dutton <dutton@google.com> wrote:
>>>
>>> Aw boy.. Visually this page is awkward
>>
>>
>> Yep -- it's a bit grim.
>>
>> The main problems are:
>> - lack of frame around thumbnail image
>> - lack of margins
>> - poor vertical alignment: the top of an image doesn't align with the top
>> of the text next to it
>>
>> The standard MediaWiki thumb image CSS would fix a lot of these problems.
>>
>> Scott -- I'm happy to raise bugs for these if you like, or get on the
>> mailing list and suggest a CSS solution. Not sure why the CSS is different
>> from the standard MediaWiki installation.
>>
>> It might also be handy to build some templates for images and other media.
>>
>> Sam
>>
>>
>> On 26 January 2013 00:03, Paul Irish <paulirish@google.com> wrote:
>>>
>>> Aw boy.. Visually this page is awkward and its not any fault of yours,
>>> really. :/
>>>
>>> It works pretty well for me as far as image placement, but the article
>>> CSS could use some help. Scott can you bring this up on the mailing list or
>>> telecon? Basically I'd like more articles in the future to have a rich
>>> layout that supports something like what Sam is trying to do and it's going
>>> take some massaging for a generic solution.
>>>
>>>
>>>
>>>
>>> On Fri, Jan 25, 2013 at 5:27 AM, Sam Dutton <dutton@google.com> wrote:
>>>>
>>>> Hi Scott/Pete/Paul
>>>>
>>>> At Paul's excellent suggestion, I've added some images to the RWD
>>>> concept page on WPD.
>>>>
>>>>
>>>> docs.webplatform.org/w/index.php?title=concepts/mobile_web/responsive_design
>>>>
>>>> Please could you sanity check this?
>>>>
>>>> Once we're happy with it, I'll ask external devs to take a a look.
>>>>
>>>> Caveat: adding images to WPD articles is slow and painful, and some of
>>>> the normal MediaWiki formatting (e.g. frames on thumbnails) doesn't work.
>>>>
>>>> Thanks!
>>>>
>>>> Sam
>>>
>>>
>>
>

Received on Monday, 28 January 2013 22:38:15 UTC