Page 1 of 1
thelinuxlink.net displaying whacky
Posted: Tue May 30, 2006 6:21 pm
by DaveQB
This is in Firefox 1.0.8, the latest release on Kubuntu.
Its like one of those non-standard compliant IE only sites.
Posted: Tue May 30, 2006 7:18 pm
by dann
Actually, that is thelinuxlink.net, not tllts.info.
Anyway, I'm not sure what that is happening, have to look at the code. It displays fine in 1.5.0.3 and all other versions of FF and Konqueror I have tested it in.
Re: tllts.info displaying whacky
Posted: Tue May 30, 2006 7:50 pm
by Tsuroerusu
DaveQB wrote:This is in Firefox 1.0.8, the latest release on Kubuntu.
Its like one of those non-standard compliant IE only sites.
Once again, Kubuntu screwed up, oh well, better luck next release!
Posted: Tue May 30, 2006 10:14 pm
by DaveQB
Posted: Tue May 30, 2006 10:59 pm
by snarkout
FWIW it looks fine on 1.5 on dapper. So far, dapper appears to be much better than either hoary or breezy - several nagging issues seem to have been fixed.
Posted: Wed May 31, 2006 7:55 am
by godzero
It has to do with font size.
If the line that reads:
Your Source for GNU/Linux Web-Radio & Podcasts!
Goes past about the 1/2 way point on the page, the graphic drops to the next line. That line seems to have word-wrap turned off.
Try
Code: Select all
<img alt="world dominating penguin"
src="images/world_penguin_grad_lbolt.png"
style="width: 307px; height: 162px; float: right; margin-left: -307px;" />
Posted: Wed May 31, 2006 7:58 am
by Patrick
The iss is defintely a YAKC (yet another kubuntu customization).
It looks fine on my laptop under Ubuntu which I just upgraded to Dapper Drake.
Posted: Wed May 31, 2006 8:03 am
by godzero
Kubuntu Dapper here
Seriously, it's just the font size; if I drop my (already large due to my high res monitor) font size, it looks right.
Posted: Wed May 31, 2006 8:10 am
by snarkout
godzero wrote:It has to do with font size.
If the line that reads:
Your Source for GNU/Linux Web-Radio & Podcasts!
Goes past about the 1/2 way point on the page, the graphic drops to the next line. That line seems to have word-wrap turned off.
Try
Code: Select all
<img alt="world dominating penguin"
src="images/world_penguin_grad_lbolt.png"
style="width: 307px; height: 162px; float: right; margin-left: -307px;" />
Good catch. That should really be a graphic as well.
Posted: Wed May 31, 2006 8:45 am
by godzero
Woo, I saw you tried the code snip already!
I should have mentioned, the painting of the page happens in the same order as the html source, unless you use z buffers.
Now the text clips... to fix; move the img tage to after the div class header like this:
Code: Select all
<div class="bodywrapper">
<div class="header">
<img alt="world dominating penguin" <!-- move it to here -->
src="images/world_penguin_grad_lbolt.png"
style="width: 307px; height: 162px; float:right; margin-left: -307px;" />
<div style="float: left;"><img style="width: 255px; height: 57px;"
alt="The Linux Link" src="images/linux_link_logo2.png" />
<h3 style="padding-left: 2em; color: rgb(255, 255, 255);">Your
Source for GNU/Linux Web-Radio & Podcasts!</h3>
</div>
</div>
Now the Text should print on top of the img.
Posted: Thu Jun 01, 2006 2:01 am
by DaveQB
I'll test this when I get home.
