html vspace hspace align - Google Search
Rated • 1 review • computers, faqs, help for stumblers • google.co.uk
People who have visited my pages before, and who use the Firefox web browser, may have noticed a change to the appearance of my pages in the last day or so. Basically all my posts (like this one) which have text alongside images should no longer be messed up!
I normally use Internet Explorer 7 (IE7), and if you do too then you won't see any difference.
What's happened? Well, I was previously using embedded styles to float images to left or right, and to set margins around images. The particular syntax I used worked fine for normal web pages using all browsers, including Firefox, and it worked fine for the combination of IE7 and SU, but it didn't work for the combination of Firefox and SU.
The problem is that the markups you enter in your blog can only be a subset or dialect of HTML, XTML or CSS. SU translates what you enter before passing it to the browser. What SU says about this (not a lot) will be found in various parts of SU help. Other stumblers are very helpful, but what they advise sometimes works only for the browser that they happen to be using.
So (after many hours spent reworking my blog) here is a summary of what works for me in SU for both IE7 and Firefox 2 (it may well work with other browsers). It works today, anyway; SU can and does change the way it translates your blog entries when it feels like it, although they must(?) presumably be sensitive to screams of pain from bloggers if they change too radically.
Feel free to adjust the vspace and hspace values. I often don't need to use vspace, except when an image appears by itself at the top of a blog entry (it looks nicer). You can also have two images, one on the left and one on the right, with text between (put both images first, then the text).
A good tip when you are looking at a web page whose appearance you like, and when you are wondering: "How does he/she do that?", is to look at the source of that page. In IE7 you go to the Page drop down and select "View source", in Firefox you can select Page Source from the View menu (and you'll find other ways). What you'll see if you view a blog this way is the translated form of the blog that SU passes to the browser, but in amongst all the junk you'll find some useful stuff.
Another good tip is to keep a plain text file on your computer (I call mine "clipboard.txt") on which you store fragments of frequently used HTML or other text, which you can copy into your blog entries. It saves a lot of time and mistakes!
Oh, yeah... your own posts in SU can't have tags. Did you notice how I got tags added to this post?
[Things that I wish I'd known earlier about stumbling]
