[Date Prev][Date Next] [Thread Prev][Thread Next] [Date Index] [Thread Index]

Bug#772963: release-notes: cellphone friendly CSS



Am 31.01.2015 um 17:14 schrieb Stéphane Blondon:
> Thank you Niels for your help! I cloned your git repository and
> patched the debian.css file.
> I attach here the new file and a diff. If it's nicer for you, I could
> create a temporary repository on GitHub. I've got a account on alioth
> (sblondon-guest) too.

Me, too (stebe-guest). It would be nice to exchange ideas there, if desired and
possible.
> 
> The temporary demo:
> http://stephane.yaal.fr/tmp/release-notes.amd64.html/index.en.html

> The home image is below the arrows. In my opinion, it would be better
> to display it at the same height than the arrows. I don't know if it's
> hard to do.

The first quick and dirty solution (only touching the .html file) is to suppress
the second table row in the.html file. (1) I've only applied it to the What's
new in Debian 8.html, just as an example. In this case you do not have to change
anything in the .css. Disadvantage: The footer has lost height.
For now, I cannot provide a demo url and I don't want to attach a file because
it's too large for a mailing list. Below you find a simple diff.

A second solution I'll work on is to replace the table with a
"div id="navfooter" containing a nav element that includes anchors and images.
I think it's better to use "table" only for "real" tables, not as a space
structuring design element. This solution will imply changes to the .css.

(1) diff --suppress-common-lines ch-whats-new.en-old.html ch-whats-new.en.html
215c215
<   </p></div></div></div><div class="navfooter"><hr /><table width="100%"
summary="Navigation footer"><tr><td width="40%" align="left"><a accesskey="p"
href="ch-about.en.html"><img src="images/prev.png" alt="Prev" /></a> </td><td
width="20%" align="center"> </td><td width="40%" align="right"> <a accesskey="n"
href="ch-installing.en.html"><img src="images/next.png" alt="Next"
/></a></td></tr><tr><td width="40%" align="left"
valign="top">Chapter 1. Introduction </td><td width="20%" align="center"><a
accesskey="h" href="index.en.html"><img src="images/home.png" alt="Home"
/></a></td><td width="40%" align="right" valign="top"> Chapter 3. Installation
System</td></tr></table></div></body></html>
\ no line-break at end of file
---
>   </p></div></div></div><div class="navfooter"><hr /><table width="100%"
summary="Navigation footer"><tr><td width="40%" align="left"><a accesskey="p"
href="ch-about.en.html"><img src="images/prev.png" alt="Prev" /></a> Chapter 1.
Introduction</td><td width="20%" align="center"><a accesskey="h"
href="index.en.html"><img src="images/home.png" alt="Home" /></a></td><td
width="40%" align="right"> Chapter 3. Installation System <a accesskey="n"
href="ch-installing.en.html"><img src="images/next.png" alt="Next"
/></a></td></tr></table></div></body></html>
\ no line-break at end of file

> 
> 
> What do you think about these changes?
> 
> For next improvement, we could replace the caution and note images
> with more modern ones (from the publican project or tango desktop
> project for example).

I haven't had time to check but if there's still time I'll check some new designs.
> 

Regards

Stephan





Attachment: signature.asc
Description: OpenPGP digital signature


Reply to: