December 27, 2003
Just testing...
This isn't a post about John Adams, I'm just following, in my half-educated way, an interesting tutorial on using CSS to float an image to the right of a block of text. Is 'floating" an image the same as "aligning" it to the left or right? Beats me. (As usual, it's just assumed that one already knows various things.) Well, it's different in one way—ALIGN doesn't let you have both a margin and the text-wrap.
Why didn't they have this stuff when I was young and had huge amounts of time to fill learning arcane arts? All that time wasted on Alchemy because there was no XHTML...
And why is there a white area around the picture? I didn't add the padding, so it shouldn't be there...Ah, never mind, the white is part of the picture itself...
Oh well: "Facts are stubborn things; and whatever may be our wishes, our inclination, or the dictates of our passions, they cannot alter the state of facts and evidence." --John Adams
Posted by John Weidner at December 27, 2003 06:36 PM | TrackBackIt's worth the effort. Your site is beautiful to behold.
Posted by: Alan Sullivan at December 28, 2003 04:28 AMActually, you *can* wrap text and have a margin with aligning -- you use the "hspace=n vspace=n" for horizontal and vertical aligning, and text will still automatically wrap around an image when you use "align=right" or "align=left" That's how I sometimes get my images to have a margin. I've noticed, though, that the html-coded images sometimes this gets screwed up if I change the css code for my site.
Another method I used is tables -- see here (http://spleenville.com/journal/archives/000863.php) -- if I want to put a caption on the picture. But everyone hates tables; I understand they are awkward, slow-loading, and don't format correctly in every browser. I just happen to have a template code saved that is easy to use for lazy me. Anyway, I think I'll try out the css method.
Posted by: Andrea Harris at December 28, 2003 08:00 AMThanks Alan!
Andrea, That link doesn't work.
I would like to understand tables better—my book is wee bit vague on the subject...
Posted by: John Weidner at December 28, 2003 12:54 PMOops -- that's because for some reason the ")" at the end is included in the url. You don't seem to have html turned on in comments so I just typed in the url -- I should have left out the parentheses. Here is is by itself:
http://spleenville.com/journal/archives/000863.php
Posted by: Andrea Harris at December 28, 2003 01:14 PMHere "it" is! Brain, must have more brain...
Posted by: Andrea Harris at December 28, 2003 01:15 PMIt's I what needs more brain--the parentheses were in plain sight but I couldn't see them.
I'll ponder your table a bit. Looks like FLOAT:RIGHT is a style applied locally, which is what I was going to try next.
TABLE CLASS ??
Posted by: John Weidner at December 28, 2003 02:15 PM"Table class" -- I dunno either. I think it means you can apply a class to a table just like any other html thing (object?). I will admit that I stole this image table thing from someone else's website; I can't remember where! Also -- I still need to brush up on my css. At the rate they are developing it, I will never learn it all... and then they'll change everything! Here's a site I use for reference as well:
http://www.w3schools.com/css/default.asp
I'm SO glad you don't know either--I was thinking you were a web prodigy and had this stuff down pat.
That CSS site looks good...
Posted by: John Weidner at December 28, 2003 04:22 PM
