[libreoffice-website] Re: Check for upcoming "4.0 New Features and Fixes" -- help with Chrome

Hi Erich,

Le 2013-01-31 13:58, Erich Christian a écrit :
> Hi Marc,
>
> Am 31.01.2013 19:17, schrieb Marc Paré:
> > The  "4.0 New Features and Fixes" is going live next week and for the
> > past 3-4 releases we have been ignoring the fact that our pages are
> > not rendered the same under Chrome.
> >
> > The problem is a known problem with Chrome with rendering sides in a
> > Table. So, for example if you go to our soon to be released page
> > [https://www.libreoffice.org/download/4-0-new-features-and-fixes] and
> > view it in FireFox and compare it with Chrome you will see that the
> > sides in Chrome do not render correctly.
> >
> > I have tested the page on WinIE, FF, Chrome, Opera. All of the
> > Chrome-type browsers behave the same way.
> >
> > Does anyone have a suggestion to fix this?
>
>
> What exactly do you want to achieve?
>
> Imho only Chrome and Safari display a white collapsed border correctly:
> <table border="1" style="width: 100%; border: 1px solid #ffffff;">
> (taken quickly by Firebug)
>
> and
> .typography table {
>      border-collapse: collapse;
>
> but I see a black borders between cells in Mozilla, IE, Opera.
>
> It already helps to delete one of the two "border" style attributes, the
> first one calls the black lines. (Firebug helps :)
>
> Suggesting valign=top and some padding for the cells.
>
> HTH
>
> Cheers
> Erich
I have the borders showing only the bottom line on each row and this is 
correctly drawn on FireFox, Chrome does not draw these and gives a blank.

Just for reference, the correct look that I want to achieve is the one 
in FF and IE. Not sure why it is not showing the same in Chrome.

For example
======================

Here is the HTML code SilverStripe wrote for the section starting at 
"Writer" (top of page) as header and followed by a table with 2rows X 
2columns. The effect I want is for only the left/right border to NOT 
show. Code below:

-----

<h1><em><img class="left" 
src="assets/Uploads/EN-Project_images/LOIcons40x48/2013LibOIcons40X48-2/writer.png" 
alt="https://www.libreoffice.org/assets/Uploads/EN-Project_images/LOIcons40x48/2013Li"; 
title="Writer" width="40" height="48" />Writer<br /><br /></em></h1>
<table style="width: 100%; border: 1px solid #ffffff;" border="1">
<tbody>
<tr>
<td>
<p style="text-align: center;"><a class="selectedImage" 
title="Comment-text-range.png" 
href="assets/Uploads/EN-Project_images/4.0NewFeatures/Writer/Comment-text-range.png?r=45758"><img 
class="center" 
src="assets/Uploads/EN-Project_images/4.0NewFeatures/Writer/_resampled/resizedimage165112-Comment-text-range.png" 
alt="Comment-text-range.png" width="165" height="112" /></a></p>
<ul>
<li><a name="Comment Text Range">&nbsp;</a>Enable attaching comments to 
document text ranges. <a class="external text" rel="nofollow" 
href="https://bugs.freedesktop.org/show_bug.cgi?id=38244"; 
target="_blank">fdo#38244</a> (Mikl&oacute;s Vajna)<br /><br /></li>
</ul>
</td>
<td colspan="2" width="50%"><a class="selectedImage" 
title="LOdev4.0newWordCountoptions.png" 
href="assets/Uploads/EN-Project_images/4.0NewFeatures/Writer/LOdev4.0newWordCountoptions.png?r=27919">
<p style="text-align: center;"><img class="center" 
src="assets/Uploads/EN-Project_images/4.0NewFeatures/Writer/_resampled/resizedimage192112-LOdev4.0newWordCountoptions.png" 
alt="LOdev 4.0 new Word Count options.png" width="192" height="112" /></p>
</a>
<ul>
<li style="text-align: left;">Allow extra word boundary characters. This 
feature overrides long dash
(&mdash;) and short dash (&ndash;) to be word boundary characters for 
the purposes
of counting words, and allows the user to specify additional word
boundary characters (at Tools ‣ Options ‣ Writer ‣ General ‣ Word
Count). (Caol&aacute;n McNamara)</li>
</ul>
<a class="selectedImage" title="LOdev4.0newWordCountoptions.png" 
href="assets/Uploads/EN-Project_images/4.0NewFeatures/Writer/LOdev4.0newWordCountoptions.png?r=27919">&nbsp;</a><a 
class="selectedImage" title="LOdev4.0newWordCountoptions.png" 
href="assets/Uploads/EN-Project_images/4.0NewFeatures/Writer/LOdev4.0newWordCountoptions.png?r=27919">
</a></td>
</tr>
<tr>
<td>
<p><br /><img class="center" 
src="assets/Uploads/EN-Project_images/4.0NewFeatures/Writer/_resampled/resizedimage130112-Inkimport.png" 
alt="Inkimport.png" width="130" height="112" /></p>
<ul>
<li>Import ink annotations from DOCX and RTF documents (available when 
using Word on a Tablet PC). (Eilidh McAdam)</li>
</ul>
</td>
<td colspan="2">
<p><br /><img class="center" 
src="assets/Uploads/EN-Project_images/4.0NewFeatures/Writer/_resampled/resizedimage163112-Rtf-math-native.png" 
alt="Rtf-math-native.png" width="163" height="112" /></p>
<ul>
<li>Import / export support for <a class="external text" rel="nofollow" 
href="http://blogs.msdn.com/b/murrays/archive/2006/10/25/mathematical-rtf.aspx"; 
target="_blank">native RTF math expressions</a> (Mikl&oacute;s Vajna)<br 
/><br /><br /></li>
</ul>
</td>
</tr>
-----

In this case FF and IE render that section correctly as per SilverStripe 
HTML code, however, Chromium does not show any borders at all.

Would you have any suggestions?



Marc


--
Marc Paré
Marc@MarcPare.com
http://www.parEntreprise.com
parEntreprise.com Supports OpenDocument Formats (ODF)
parEntreprise.com Supports http://www.LibreOffice.org


--
Unsubscribe instructions: E-mail to website+help@global.libreoffice.org
Problems? http://www.libreoffice.org/get-help/mailing-lists/how-to-unsubscribe/
Posting guidelines + more: http://wiki.documentfoundation.org/Netiquette
List archive: http://listarchives.libreoffice.org/global/website/
All messages sent to this list will be publicly archived and cannot be deleted