CPFBlues test

Tomas · #1 07-05-2003, 06:48 PM

CPFBlues test
Code:<hr /><pre>
This should be in a preformatted
and monospaced format (4 spaces in)
This line should be 8 spaces in. </pre><hr />

This should again be in the normal
whatever the default format is (4 spaces in)
and this line is also 8 spaces in.

If this works it should allow proper line-up of columnar information or anything else that requires repeatable and exact spacing.

Code:<hr /><pre>
The "code" UBB Code
should now reflect
the change in font
to courier, or to
any other monospace
font. I don't recall
off the top what the
proper listing of
fonts for that is so
that it coveres all
possibilities, but
I'm sure that someone
can find it without my
having to open up Adobe
GoLive in another OS to
see what it uses. If just
Courier is called for,
those systems without
Courier installed will
usually drop back to
their default variable
space font. </pre><hr />

Test over ...

Tomas · #2 07-06-2003, 02:56 AM

Test of a common text "table" using UBB "code" code:

Code:<hr /><pre>Name LED Type Batteries Intensity Spread
-----------------------------------------------------------
Arc LS 1W Luxeon 1X CR123 Very High Medium
Arc AAA 1X 5mm 1X AAA Low Medium
Inova 24/7 2X 5mm 1X CR123 High Wide
123 Proto 1W Luxeon 1X CR123 Very High Medium
Photon II 1X 5mm 2X ???? Low Wide
Arc AAA UV 1X 5mm 1X AAA UV: High Medium
Dopalec Opalec 3X 5mm 2X AA High Medium
MiniMag AA Opalec 3X 5mm 2X AA High Medium
MiniMag AA BB400 Luxeon 2X AA Very High Medium</pre><hr />

All columns should line up.

[img]/ubbthreads/images/graemlins/thinking.gif[/img]

Tomas · #3 07-06-2003, 03:06 AM

EXACTLY the same table NOT using UBB "code" code. (To show effect of variable spaced fonts and no <pre> on this type of text "table.")

Name LED Type Batteries Intensity Spread
-----------------------------------------------------------
Arc LS 1W Luxeon 1X CR123 Very High Medium
Arc AAA 1X 5mm 1X AAA Low Medium
Inova 24/7 2X 5mm 1X CR123 High Wide
123 Proto 1W Luxeon 1X CR123 Very High Medium
Photon II 1X 5mm 2X ???? Low Wide
Arc AAA UV 1X 5mm 1X AAA UV: High Medium
Dopalec Opalec 3X 5mm 2X AA High Medium
MiniMag AA Opalec 3X 5mm 2X AA High Medium
MiniMag AA BB400 Luxeon 2X AA Very High Medium

All columns should line up (but won't).

[img]/ubbthreads/images/graemlins/ohgeez.gif[/img]

Saaby · #4 07-06-2003, 08:39 AM

First post shows the text being spaced as it should be. Second post things don't quite line up. Third post things are worse. Safari on Jaguar. Desert stylesheet.

x-ray · #5 07-06-2003, 10:48 AM

All looks fine from IE running with CPF Blues.

Nice one Tomas, whenever anyone asks "what's the code button for ?" we can simply point them to this thread
[img]/ubbthreads/images/graemlins/thumbsup.gif[/img]

PhotonBoy · #6 07-06-2003, 01:12 PM

Code:<hr /><pre>
1234 1234 43434 12344 124124
24 235 234 5435 23454
asdf fff aaa asdf ff
this is just a test
</pre><hr />

Thanks Tomas!

Too bad UBB didn't have something like:

<code title="This is the title for my code">
</code>

Tomas · #7 07-06-2003, 01:49 PM

Finally, the table as a jpg image - it gets the table here at the expense of a much larger download (50K image as opposed to 0.7K text) and support from a non-CPF server.

This sort of presentation is non-archival in that it is useful only so long as the image is maintained on the non-CPF server unchanged as to path and name.

This is, of course, ignoring the background work each time of preparing the table in another application, taking a screen shot, using a graphics program to crop and change format, uploading to a foreign server, and linking to the image on that server here on CPF. It also, of course, makes the content of the table non-searchable using a CPF Search since it is not text ...

[img]/ubbthreads/images/graemlins/jpshakehead.gif[/img]

Saaby · #8 07-06-2003, 03:26 PM

Tom, the image is also the only one that lines up.

As biased as I may seem I promice I'm neutal on this issue, but so far Sasha is right. I'm bitching because the plain text table doesn't line up.

Bitch logged.

Tomas · #9 07-06-2003, 03:54 PM

Saaby, what's interesting about that is the JPEG image of the table is from a screenshot of it being displayed on CPF ("Infopop" style, Mac OS X 10.2.6, Camino 0.7 browser) from two posts up ... [img]/ubbthreads/images/graemlins/grin.gif[/img]

If you are using another CPF style, you might want to try either the Infopop or CPFBlues styles as those might be working correctly as opposed to the others.

If you are seeing the table in the "code" post with the spaces, but not lined up, you are getting the <pre> HTML argument but not the proper monospaced font argument. [img]/ubbthreads/images/graemlins/frown.gif[/img]

If you are seeing a different (monospaced) font, like Courier, but there are only single spaces between table elements you are seeing the proper font argument, but not the <pre> argument. [img]/ubbthreads/images/graemlins/frown.gif[/img]

If everything lines up perfectly, as in the JPEG image, then you are getting all the HTML arguments correctly from the UBB "code" code in the stylesheet you are using (from CPF). [img]/ubbthreads/images/graemlins/smile.gif[/img]

(I hope that actually made some sense ... [img]/ubbthreads/images/graemlins/ooo.gif[/img] )

Graham · #10 07-06-2003, 04:16 PM

The one thats supposed to line up using UBB code looks fine in Mozilla, too..

Saaby · #11 07-06-2003, 04:51 PM

Here ya' go. The point here isn't that I could use a different stylesheet, the point is that I don't want to.

Tomas · #12 07-06-2003, 05:19 PM

CHANGED!

Saaby, I grabbed screenshots in five different browsers of the UBB "code" code post using the "Desert" stylesheet, and Safari and Opera are the only ones that do not use a monospaced font when displaying it. Sorry! Still a bug or two to work out with those, there is ... [img]/ubbthreads/images/graemlins/frown.gif[/img] (Neither displayed correctly in this incarnation of the browsers.)

I have put the screenshots on-line. Here are the image URLs

Camino (The one I use - Mozilla based)

Safari (Apple's first release)

MSIE (Microsoft's Finest)

Opera (Many use this one, especially w/Linux)

iCab (Excellent features for page designers)

(Yes, this means I even downloaded MSIE and took a look with it - then dumped it, of course. Now I'm going to have to clean the bottom of the cage from all the droppings it leaves. [img]/ubbthreads/images/graemlins/rolleyes.gif[/img] )

Saaby · #13 07-06-2003, 09:47 PM

Tomas, your Safari is just so...ugly!

Anyway, for those keeping score, Safari is supposed to look like this:

also, the colums don't line up in Safari in Panther either, but the 'Window' option is finally usable in grab.

highlandsun · #14 07-08-2003, 04:03 AM

I think "monospace" is the correct default. Have to check on www.w3c.org to be sure...

Yep.
http://www.w3.org/TR/REC-CSS1#font-properties

highlandsun · #15 07-08-2003, 04:05 AM

You might have a look at your Preferences in those browsers, to see if they let you specify particular fonts for particular HTML styles. Netscape does. Maybe you just don't have a monospaced font configured.

Tomas · #16 07-08-2003, 04:23 AM

I do not believe Safari has the ability (yet) to spec the monospaced font, but it should have displayed "Courier" if called for since "Courier" is one of the 400+ fonts on this machine. (Remember Safari is new enough that this is the 1.0 first release after the betas ... )

For Opera, the convoluted option settings may indeed include a setting for this, but as I don't use Opera, I didn't bother to dig into the preferences to see ... [img]/ubbthreads/images/graemlins/smile.gif[/img]

As it stands right now, Mozilla based and MSIE based browsing should display things encoded with the "code" code correctly. (Gak! What a horrible sentence!)

[img]/ubbthreads/images/graemlins/thumbsup.gif[/img]

Saaby · #17 07-08-2003, 01:39 PM

It's there Tomas. Safari:Prefrences then click the Appearances button. Fixed width font is specified as Courier 13