[TYPO3-content-rendering] CSS Styled Imgtext

JoH info at cybercraft.de
Tue Jul 5 12:01:54 CEST 2005


>> But back to the original problem:
>> Do something like this using floated elements (span, div or li -
>> whatever you like) that will look the same in all major browsers.
>
> well it does, doesnt it?

No it does not!

You still ignore the fact that I asked you to do something completely
different from the thing you have been showing!
Do this:
http://www.4any1.de/fileadmin/imgtext.jpg
And show me how to style this with floated elements!
And I mean exactly this: Different heights in different columns with uniform
spacing between images, captions and text.
Correct horizontal and vertical alignment between text and imageblock.

This is default behaviour of textpic and image elements.

> this is really getting childish. I thought you know css - apparently you
> dont. thats all about calculations, assigning width, height...


Of course - and the height and witdh has to be different for Firefox, IE ...

> ...and padding.

... and Opera. This is not childish but something I have lots of experience
with. I have been working on a TS based solution for a few months. So you
can believe me that I know how to style things correctly.
I have been able to create exactly what you want to do using pure TS IMAGE
and TEXT objects with floated divs just to find out that there are some
things you can't do (one of them is "no rows").

And I found out something else:
I produced a ton of weird TypoScript (or call it PHP code) to create another
ton of absolutely weird HTML and CSS code just to make sure there is no
<table> in it.
It took me days to finetune different CSS approaches to make it work in
Opera. It took me another few days to finetune different solutions for
images with and without borders, correct alignment of the imageblock without
additional spacing and so on and still it didn't work in all browsers with
all possible options from the table based original ...
... and now there is this little show-off coming along talking big: "Yo man
... it's all about calculations ... you just don't know CSS"

Show me that you can do it - and don't come back before you got a completely
working solution that is _not_ using Kilobytes of additional code just to
avoid a few lines of <table><tr><td>.
And make sure that you take a look at my screenshot before ... ;-)

You remember the original meaning of semantic? It has something to do with
the meaning or sense of things.
And believe me: What you want to prove here simply makes no sense ... it's
just a waste of time and resources.

Joey

-- 
Wenn man keine Ahnung hat: Einfach mal Fresse halten!
(If you have no clues: simply shut your knob sometimes!)
Dieter Nuhr, German comedian
openBC: http://www.openbc.com/go/invuid/Jo_Hasenau





More information about the TYPO3-project-content-rendering mailing list