img align=right :-(

#1

Hi,

I am wondering why (half of the) squared images are not aligned on the
right of the text in Internet Explorer (using <img ... align="right" />.
I thought this was supported even in IE. In FF and Opera it works fine.
http://www.roderik.net/2008/05/25/ro...e-vienna-2008/

Mucht thanks for any suggestions.

#2

In article <48420632$1_4 (AT) mk-nntp-2 (DOT) news.uk.tiscali.com>,
Roderik <nospam (AT) atall (DOT) nl> wrote:

Quote:

Hi,

I am wondering why (half of the) squared images are not aligned on the
right of the text in Internet Explorer (using <img ... align="right" />.
I thought this was supported even in IE. In FF and Opera it works fine.
http://www.roderik.net/2008/05/25/ro...e-vienna-2008/

Mucht thanks for any suggestions.

Use css to align images. Either text-align: left, or float: left;

Your site is much more accessible when all your stylesheets are turned
off.

There is no excuse for the main content not being able to squeeze
tighter when the browser window width is reduced.

Use 4.01 Strict doctype, get rid of align="" in favour of CSS. For an
example of floating pics left and right:

<http://netweaver.com.au/alt/floatleftFloatright.html>

See what happens when you play about with the browser size and compare
with yours. You need to get this kind f flexibility into your pages if
you want to jump in class.

--
dorayme

#3

Scripsit Roderik:

Quote:

I am wondering why (half of the) squared images are not aligned on the
right of the text in Internet Explorer (using <img ... align="right"
/>. I thought this was supported even in IE.

It is, but it can be overridden in CSS.

Quote:

http://www.roderik.net/2008/05/25/ro...e-vienna-2008/

There are 6 markup errors reported by a validator. You didn't do you
homework before posting.

If you switch stylesheets off, e.g. using a Tantek favelet (
http://tantek.com/favelets/ ), you'll see that IE applies align="right"
as defined.

Thus, the problem is in CSS, not HTML. Hence it is off-topic in this
group. Moreover, you should do your homework by using the available
tools for checking the syntactic correctness of your HTML and CSS before
asking for help in public.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

#4

Jukka K. Korpela schreef:

Quote:

Scripsit Roderik:

I am wondering why (half of the) squared images are not aligned on the
right of the text in Internet Explorer (using <img ... align="right"
/>. I thought this was supported even in IE.

It is, but it can be overridden in CSS.

http://www.roderik.net/2008/05/25/ro...e-vienna-2008/

There are 6 markup errors reported by a validator. You didn't do you
homework before posting.

I validate the page quite often. The 6 errors are in javascript of which
I was aware. It is a matter of adding a CDATA statement but the
javascript is automatically generated so that is a time consuming code
change. However it seemed to be quite unlikely to me that that
javascript (I mean provided by Google) was related to the image placement.

Quote:

If you switch stylesheets off, e.g. using a Tantek favelet (
http://tantek.com/favelets/ ), you'll see that IE applies align="right"
as defined.

I use web developer tootlbar.

Quote:

Thus, the problem is in CSS, not HTML.

The problem might be interrelated but it surely had to with HTML since
it concerns a HTML style (or align in this case) attribute.

Hence it is off-topic in this

Quote:

group. Moreover, you should do your homework by using the available
tools for checking the syntactic correctness of your HTML and CSS before
asking for help in public.

You shouldn't assume that I didn't.

#5

Roderik wrote:

Quote:

Jukka K. Korpela schreef:
Scripsit Roderik:

I am wondering why (half of the) squared images are not aligned on the
right of the text in Internet Explorer (using <img ... align="right"
/>. I thought this was supported even in IE.
http://www.roderik.net/2008/05/25/ro...e-vienna-2008/

The problem is not only with the right aligned, but also with the left
alligned images.

Quote:

If you switch stylesheets off, e.g. using a Tantek favelet (
http://tantek.com/favelets/ ), you'll see that IE applies
align="right" as defined.
Thus, the problem is in CSS, not HTML.

The problem might be interrelated but it surely had to with HTML since
it concerns a HTML style (or align in this case) attribute.

Remove align="left" Attribute
Add float:left; Property

Example for your first instance:

<img height="99" border="2" width="99" alt=""
style="padding: 5px; margin-right: 5px; float:left;"
src="http://www.roderik.net/lib/img/thumbtesttrack.JPG" />
Already more than a month ago,..........

Astually, I prefer this structure:

<img height="99" border="2" width="99" alt=""
style="padding: 5px; margin-right: 5px; float:left;"
src="http://www.roderik.net/lib/img/thumbtesttrack.JPG" />
Already more than a month ago,..........

--
Gus

#6

Scripsit Gus Richter:

Quote:

Roderik wrote:
[...]
The problem might be interrelated but it surely had to with HTML
since it concerns a HTML style (or align in this case) attribute.

The usual cluelessness indicators are "on", but...

Quote:

Remove align="left" Attribute
Add float:left; Property

.... that's no excuse for giving clueless "advice". Your personal, or
even the W3C's, preference for CSS formatting as opposite to HTML
formatting has nothing to do with the problem.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

#7

Jukka K. Korpela schreef:

Quote:

Scripsit Gus Richter:

Roderik wrote:
[...]
The problem might be interrelated but it surely had to with HTML
since it concerns a HTML style (or align in this case) attribute.

The usual cluelessness indicators are "on", but...

Remove align="left" Attribute
Add float:left; Property

... that's no excuse for giving clueless "advice". Your personal, or
even the W3C's, preference for CSS formatting as opposite to HTML
formatting has nothing to do with the problem.

I prefer CSS floating also (and use it quite often) but in this case I

prefer not to change the HTML because it is automatically generated. And
I wondered why the behaviour of the align is like this in internet
explorer when I know that internet explorer supports it.

#8

Roderik wrote:

Quote:

I prefer CSS floating also (and use it quite often) but in this case I
prefer not to change the HTML because it is automatically generated. And
I wondered why the behaviour of the align is like this in internet
explorer when I know that internet explorer supports it.

It's up to you of course, but look (with any other browser other than
IE) at how the subsequent text runs into the image above when the
paragraph is not enough to clear the image. To remedy that, you have to
include a clear such as:

and alternating:

or for all simply:


else include a clearing div.

Even if you wish to use a stylesheet instead of the inline style, you
still will have to change the html to include a clearing div or add a
class/id to the aragraph. What I'm saying is that you will have to
change the html anyway.

--
Gus

#9

Jukka K. Korpela wrote:

Quote:

Scripsit Gus Richter:

Roderik wrote:
[...]
The problem might be interrelated but it surely had to with HTML
since it concerns a HTML style (or align in this case) attribute.

The usual cluelessness indicators are "on", but...

Remove align="left" Attribute
Add float:left; Property

... that's no excuse for giving clueless "advice". Your personal, or
even the W3C's, preference for CSS formatting as opposite to HTML
formatting has nothing to do with the problem.

I believe that it's you that is clueless! Indicative by not being able
to produce a cure but only to call everyone clueless.

--
Gus

#10

Gus Richter schreef:

Quote:

Roderik wrote:

I prefer CSS floating also (and use it quite often) but in this case I
prefer not to change the HTML because it is automatically generated.
And I wondered why the behaviour of the align is like this in internet
explorer when I know that internet explorer supports it.

It's up to you of course, but look (with any other browser other than
IE) at how the subsequent text runs into the image above when the
paragraph is not enough to clear the image. To remedy that, you have to
include a clear such as:
p style="clear:left;"
and alternating:
p style="clear:right"
or for all simply:
p style="clear:both;"

else include a clearing div.

Even if you wish to use a stylesheet instead of the inline style, you
still will have to change the html to include a clearing div or add a
class/id to the aragraph. What I'm saying is that you will have to
change the html anyway.

You give advice for something that you assume that is wrong behaviour. I

know I can overcome that by clearing (which I did on some other pages of
the same web site) but is not a browser specific issue and it has
nothing to do with images not floating to the right in IE.
The aim is that people using the WYSIWYG editor in the CMS do not have
to look at the source code before they publish in article in order to
make it look more or less similar in the major browsers.
Images usually float to the right in IE when they have the attribute
align set to right (as shown on:
http://dorayme.890m.com/alt/roderik.html), however not in this page. So
it has something to do with the combination of the align attribute with
the context or most likely some style definitions that trigger IE to
change its behaviour when the other major browsers don't.