By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,480 Members | 1,231 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,480 IT Pros & Developers. It's quick & easy.

img align=right :-(

P: n/a
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.
Jun 1 '08 #1
Share this Question
Share on Google+
13 Replies


P: n/a
In article <48**********@mk-nntp-2.news.uk.tiscali.com>,
Roderik <no****@atall.nlwrote:
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
Jun 1 '08 #2

P: n/a
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.

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/

Jun 1 '08 #3

P: n/a
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.

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.
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.
>
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
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.
Jun 1 '08 #4

P: n/a
Roderik wrote:
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.
>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:

<p><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" />
<p>Already more than a month ago,..........

--
Gus

Jun 1 '08 #5

P: n/a
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.

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

Jun 1 '08 #6

P: n/a
Jukka K. Korpela schreef:
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.
Jun 1 '08 #7

P: n/a
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 <p>aragraph. What I'm saying is that you will have to
change the html anyway.

--
Gus
Jun 1 '08 #8

P: n/a
Jukka K. Korpela wrote:
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
Jun 1 '08 #9

P: n/a
Gus Richter schreef:
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 <p>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.
Jun 1 '08 #10

P: n/a
Roderik <no****@atall.nlwrote in news:48420632$1_4@mk-nntp-
2.news.uk.tiscali.com:
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/
Your issue is within your global reset.

--
BootNic Sunday June 1, 2008 8:06 PM
"The POP3 server service depends on the SMTP server service, which
failed to start because of the following error: The operation
completed successfully."
*Windows NT Server v3.51*

Jun 2 '08 #11

P: n/a
Roderik wrote:
Gus Richter schreef:
>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.
If you "prefer", it tells me that you "can".
>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.

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'm not assuming, it's terrible as it is! You mean to say that it's
intentional?
I know can overcome that by clearing ............
Sure you do. That's why you didn't and presented a garbage page.
....... but is not a browser specific issue and it has
nothing to do with images not floating to the right in IE.
I couldn't have cared less about this since you didn't mention it, but I
thought that since you probably "should" change this and it required
markup changes, then you might "prefer" to make all changes at the same
time. If not, then don't. It's all the same to me.
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.
A page using Transitional doctype and nine stylesheets is not what I
think worthwhile responding about, however, since you seemed to get no
satisfaction, I gave you my solution. There may be better. Try Jukka's
since it's the only other one, or wait for another solution to your
liking in this NG or CIWAS. On the other hand you seem to know what the
problem is in order to use your preferred deprecated markup. I leave you
and Jukka to discuss further, because I'm out of this thread.
Jun 2 '08 #12

P: n/a
Gus Richter schreef:
Roderik wrote:
>Gus Richter schreef:
>>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.

If you "prefer", it tells me that you "can".
>>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.
>>
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'm not assuming, it's terrible as it is! You mean to say that it's
intentional?
Yes and some people like it also.
>I know can overcome that by clearing ............

Sure you do. That's why you didn't and presented a garbage page.
>....... but is not a browser specific issue and it has nothing to do
with images not floating to the right in IE.

I couldn't have cared less about this since you didn't mention it, but I
thought that since you probably "should" change this and it required
markup changes, then you might "prefer" to make all changes at the same
time.
But I don't know how to change it related to the initial problem stated
in the first message of this thread. This problem does not stands on its
own it will arise for everybody using the WYSIWIG editor in the CMS that
inserts a picture through the picture popup and chooses to align it on
the right. After all I didn't ask how to solve it! I want to know why it
happens in order to avoid it in the future. And also didn't ask for a
lecture on best practice. I consider myself quite knowledgable about web
design and web development although you will prob. conclude otherwise.
One of the sources I gained knowledge from was people explaining issues
I questioned about on usenet. Pointing out specific bugs. Telling me
other things and not giving an answer to the initial "why" question is a
waste of time, because everything you told me about floating and
clearing is part of my present knowledge. I feel that I have to explain
every time, to be polite to you, why I considered not to apply it in
this specific case. Main reasons were that it is time consuming to
rewrite an editor (time that can be spend otherwise resulting in either
more pleasure or more gain in terms of money) and that I want to know
(in order to learn from it) why sth. is wrong before fixing it.

If not, then don't. It's all the same to me.
>
>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.

A page using Transitional doctype and nine stylesheets is not what I
think worthwhile responding about, however, since you seemed to get no
satisfaction, I gave you my solution.
Sorry I can't give you any points for it because it was not a solution
the question stated. Maybe you misinterpret my "much thanks..."
statement. Of course I meant suggestions about what I had written before.
So if you think it is due to the doctype, I will consider changing the
doctype. I usually use strict so that wouldn't be much of a problem.

There may be better. Try Jukka's
since it's the only other one, or wait for another solution to your
liking in this NG or CIWAS.
I will check it from time to time.

On the other hand you seem to know what the
problem is in order to use your preferred deprecated markup. I leave you
and Jukka to discuss further, because I'm out of this thread.
ok
Jun 2 '08 #13

P: n/a
BootNic schreef:
Roderik <no****@atall.nlwrote in news:48420632$1_4@mk-nntp-
2.news.uk.tiscali.com:
>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/

Your issue is within your global reset.
Thanks, that's it. Short and to the point! :-)
Jun 2 '08 #14

This discussion thread is closed

Replies have been disabled for this discussion.