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"> </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ó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
(—) and short dash (–) 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á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"> </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ó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é
[email protected]
http://www.parEntreprise.com
parEntreprise.com Supports OpenDocument Formats (ODF)
parEntreprise.com Supports http://www.LibreOffice.org
--
Unsubscribe instructions: E-mail to [email protected]
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
