On 11/08/2014 11:45, Robert Newson wrote:
On 11/08/14 09:56, Rich Mellor wrote:
Thank you Davide - Thomas Kral will soon upload the latest conversion
tool to the QL Forum.
Someone needs to look at the CSS and why the page edited by Dilwyn does
not display correctly on Firefox - see
http://www.rwapsoftware.co.uk/SBASIC_reference_manual_online/ForewordDJC.html
compared to
http://www.rwapsoftware.co.uk/SBASIC_reference_manual_online/Foreword.html
Rich
Hi,
It's not just Firefox that has the problem, Opera (on my tablet) shows
the same problem - which is the text jumps to the bottom of the page
instead of being displayed to the right of the sidebar.
The difference is in the mark-up of the text itself:
In the original, each line of the paragraphs of the text is followed by
a break line (<br>) whereas in DJC's version the only the last line of
the paragraph has the break line tag.
This actually affects the original as well: if I reduce the width of the
window on Firefox to 798 pixels wide the text jumps to the bottom of the
screen.
A suggested "fix" is to change the ccs #mainText to include:
width:66%;
to give:
#mainText {
float:top;
display:inline-block;
border-left:2px solid #000;
padding-left:15px;
padding-bottom:20px;
width:66%;
}
which allows the window to be reduced to 758 pixels before the jump
occurs; a width of 67% jumps at 779 pixels - the problem of setting a
percentage width is that the sidebar is a fixed width (about 254 px) and
as the window is shrunk it takes a larger percentage of it.
A width of 75% jumps at 1018 px - which may be more reasonable as most
people should be able to do 1024 pixels wide. Alternatively you could
specify it as a width:
width:472px;
will make the text near enough the same as the original with similar
word breaks (511px is the same width, but the line breaks originally
inserted may have been due to a constant, as opposed to proportionally,
width font and they occur else where). Alternatively, 490px requires a
minimum 768 pixel window, 746px requires a minimum 1024 pixel window,
before the text jumps.
Also, adding:
text-align:justify;
may make the output look neater.
Hope this helps,
Robert
Thanks for the suggestions - hopefully this should now have fixed the
CSS issues - I managed to do it without specifying a percentage width...
Works here on Safari...
--
Rich Mellor
RWAP Services
Specialist Enuuk Auction Programming Services
www.rwapservices.co.uk
_______________________________________________
QL-Users Mailing List
http://www.q-v-d.demon.co.uk/smsqe.htm
