- Feature Articles
- CodeSOD
- Error'd
-
Forums
-
Other Articles
- Random Article
- Alex's Soapbox
- Announcements
- Best of…
- Best of Email
- Best of the Sidebar
- Bring Your Own Code
- Coded Smorgasbord
- Mandatory Fun Day
- Off Topic
- Representative Line
- News Roundup
- Editor's Soapbox
- Software on the Rocks
- Souvenir Potpourri
- Sponsor Post
- Tales from the Interview
- The Daily WTF: Live
- Virtudyne
Admin
Aren't sections of text meant to be wrapped by SPAN, whereas DIV is for sections of the page?
Or is expecting the programmer to understand HTML too much?
Admin
Ahhh, yanks again!!
Can anyone post a good CSS tutorial for us serverside crunchers who arent that good with colours?
Admin
Well, thanks for posting this - now, when I'm recruiting, I'm going to use this in interview. "Have a look at this HTML. Tell me everything that's wrong with it." Anyone who can't list at least half a dozen things (and I counted a dozen) doesn't get hired!
Admin
What? You mean like this html?
in the preview the vAlign is not working ... but you get the general idea ... easy!
Admin
Andrew, like I said, consider the 4 fields (1,2,3,4) as single unique unbreakable fields (images) and not just breaking the fields apart and displaying bits of them inside different table cells.
It is not possible to place 4 single fields on a page and arrange them in the way I specified without altering the meaning.
Admin
You can't put a div in a table ;o)
Admin
That's easy! Rowspan and colspan are your friends. A table data field with rowspan set will overlap the same field in the row below. You don't need to declare a table data field there.
111
111
333
333
333
Admin
Here's a version with hole in the middle.
</table<table border=1>
<tr><td>0<td>A<td>B<td>C</tr>
<tr>
<td>1</td>
<td valign="bottomn" align="right" rowspan="2">111<br />111<br />111</td>
<td colspan="2">22222</td>
</tr>
<tr>
<td>2</td>
<td></td>
<td colspan="2" rowspan="2">333<br />333<br />333<br />333</td>
</tr>
<tr>
<td>3</td>
<td valign="top" colspan="2">44444</td>
</tr>
</table
111
111
333
333
333
Admin
A collegue of mine pointed out that div are better view when using a mobile phone.
And since this is a phone company, I can imagine that one of the requirements was not to use tables.
Just my two cents
Admin
Mine is better:
1> Capture screen as a image file
2> OCR 2 Text with that file
3> Text 2 voice (festival, mbrola, etc.)
4> voice 2 word document (with a assistant)
5> Save as... HTML, with word.
6> rename .htm extension to .xls
7> Open with Excel
--Tei
Admin
Goatcheez wrote "I think this might get the WTF of the year award!"
Hey Alex,
Do we get to vote?
My personal favourite is the "Storray Engine", you just can't get more WTF than that.
IANAL IAAHB
Admin
Nand,
thats the closest I have seen, I am very impressed.
It still requires immense thinking about just for this one special case and doesn't fix everything, but I shall take it and have a play.
The problem is that whilst we can craft a solution for a single problem a general solution is still lacking.
ie, when it comes across another report which has similar but not quite identical (ie, theres another field just below the 4's or something is over there and overlapping or any such things)
The older HTML table generation routine breaks apart a report section by section looking for whole horizontal or vertical spaces between the fields and the paradox came from not knowing which split to break the formatting on.
It worked nicely until I discovered problems like this.
I'm so interested in getting this right because (a) I knew it wasn't a perfect solution and (b) I am in the code library in question creating a pdf output as we speak, so if I can tablify the output (and simplify the output) then it will be better all round.
Admin
How about this site's new design as a few days' WTF. At work, with a citrix client, the desktop is 640x480 I think (could be 800x600 I suppose). The navigation/sponsor bar on the right overlaps every post by several characters, no wrapping or shrinking the post's width here.
Admin
Omg! Inline styles, how horrible! He should have made classes for it and apply it to the divs instead!
Admin
Well, the key to solving this algorithmically is to create a grid that is _finer_ than the data that needs to be displayed. Once you have that, you just need to group the fields together until you have the arrangement that you need to accomodate the data.
I don't know how varied your data is. The problem is very easy to solve "visually". Here's another example, with the solution drawn on top of the content areas. Given the outline rectangles, just add lines as needed for the top / bottom bounds, and the left/right boundaries. Once you have that, find all the ones that have cell borders intersecting them, and increase their row/column span for each intersecting line.
[image]
Admin
Nand,
Thank you.
You are indeed a HTML god, and I think the word to be used now is w000000t!
I'm gonna have a play later on, even if I cannot get it as granular as the report generator (mm placement on a page), I believe I can get it "close enough" (I am even willing to throw away overlapping problems if I can get the tables to work).
Buy yourself a beer and give yourself a pat on the back.
Admin
Some people are still using very old (broken) software, so we should break our website to suit them?
Sorry Tei, but everything after (not including) Windows 98 comes with IE6 (not saying that it isn't broken). Even under Windows 98, Windows Update makes you upgrade to IE6 as it's first point. If there are people still using IE5, that's their fault: newer version have been available for years for free.
If they proposed dropping support for IE6 because IE7 had just come out of beta, I could understand, since it will take time for people to get the new browser. But IE5? Come on, that's a good six years old!
Admin
They can.. use Opera.
Admin
Hey,
I found some funny thing to do with this one :
Increase several times the font size of the page (with "Control-+" on firefox for exemple)
The results is a good expression of WTF...
Admin
Actually, I know what did this, and it's not the work of humans (normal ones, anyway)
IBM has a system called 'Content Manager' that allows big organizations to electronically index and store their paper statements. They sell an add-on to it that they say will output the statements to PDF or HTML.
I worked for a credit card company, and we purchased this system to show statements online. However, once we saw the output it produced, we bagged it. Basically, this is what you get when translating something like postscript to HTML. Our statements looked very similar to this: an absolutely-positioned div for each word, except for the boilerplate copy from the back of the statement. That had a div for each letter.
Admin
Yes. You are paied to make a app, so design that app withouth bugs and to avoid bugs on browser implementations, and on hardware. If you app crash, your client will not notice is the hardware or the browser, but will not be happy with your work.
IE6 can be describes as "Still broken" because you can't still use simple and clean code because you need to avoid lots of bugs on PNG rendering and CSS.
IE7 will fix a few problems here and there, but is not a engine rewrite. "Still broken too" codename.
But people still use Pentium 1 with 800x600 monitors with Cirrus Logic video cards on production areas.
With Word97, Excel and Lotus Notes is all you need.
--Tei
Admin
It's still reasonable to expect that websites are readable in IE5. It's not reasonable to demand that they look good in IE5.
Admin
The real WTF is...
I think gmail remove the CSS from your mails, because CSS on IE support scripting, so is a CSS + IE = XSS. This result on... you sould design whatever you mail as html withouth CSS, formated as HTML, with good old FONT, B, I ,etc 90's friends.
Anyway you need a WTF to fix another WTF, and because CSS is broken on IE, you cant use min-width, but you can do that:
.fotocatalogo {max-width: 100px;
width:expression(this.width>100?100:true);
}
Theres still more WTF on Internet Explorer.. search at google about png support... you use direct-x filters to draw png with alfa.
--Tei
Admin
WTF, Who The F... stays on the phone for 8+ hours at a time!
Admin
You can always tell a hall monitor by his insistence on pointless rules to be followed...or else he'll frown at ya! I had a web site that used tables to vertically center some material and some nerd emailed me his "replacement HTML" that was written "correctly" and to "standards"...and also screwed up all the vertical positioning on the page. What is it with geeks who spend so much energy working toward the goal of getting reasonable people to dislike and ignore them?
Admin
now, increase your text size on that page. nicely scales, you'll notice.
Admin
/me removes Pinkfloyd's broadband and passes over a dialup modem.
Admin
It'd be easy to think someone did this - but in fact they did not. No Human has had a hand in this code - it is the result of BCL's "Magellan" converter program. The original document has been "HTMLised" by BCL - and these are the results.
We have pages in an application of ours with better than 1200 DIVs, as a result of using their system.
We have just figured out a way for it never to exceed 100 though - and that is acceptable for an automated process - at least in my view.
Admin
OH MY GOD! I've seen stupid but this one takes the cake .... uh hum, has the author of this code ever heard of TABULAR DATA ..... IE: tables? And they have the guts to call me a fanatic?
Admin
Admin
I've seen something very similar to this on a site that I've spent many hours "fixing up", which was originally coded by a freelancer who was hopelessly out of his depth. Instead of table cells he used fixed width span elements. I'd only seen the "table" from the front end, until the client requested that all the text in one of the "columns" be centred. "Easy", I thought... until I saw the code, and (after the initial "WTF" reaction) guessed that you can't centre text inside a span.
Regarding the comments blaming CSS "jihadists" for the eradication of tables: in the case of our freelancer, I doubt he understood enough about semantics to know why he would or wouldn't use a table. He'd probably just read something about "table-less CSS layout" in the spec and blindly followed it, unable to make the fundamental distinction between the layout of the site and the table of data that needed to live inside it.
Admin
Wow!
That code looks like something generated by Drumbeat 2000, which I was forced to support at my previous job. Drumbeat spewed code consisting entirely of DIVs positioned with CSS.
Admin
There's a product competing with Crystal called Actuate that also commits similar atrocities against HTML.
Admin
It's perfect! Now they just need to add some javascript to take the divs and, manipulating their css, make them fly around the screen!
Weeeh... look at the flying cell phone bill! Weeeh...
And we can even add some keyboard/mouse shortcuts to change the animation that's displayed - floating sphere/cylinder, growing/shrinking (pulsating effect), draggable net with gravity, etc.
Admin
I'm here from 2019. I can select all instantly :)