473,399 Members | 3,656 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,399 software developers and data experts.

img align=right :-(

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
13 2629
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
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
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
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
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
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
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
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
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
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
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
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
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 thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

7
by: Phil Powell | last post by:
Code: <!-- script src="/js/val_header.js"></script --> <style> <!-- BODY { scrollbar-3d-light-color:#eeeedd; scrollbar-arrow-color:#000000; scrollbar-base-color:#000000;...
12
by: Ted Mencini | last post by:
When I replaced older <IMG ALIGN=RIGHT ...> tags with a CSS definition <IMG class=right ...> xxx.css: IMG.right { BORDER: 0; align: right } I notice that the effect is NOT the same....
8
by: André Hänsel | last post by:
Hi! When I put a table into a table and try to align it right, it works in IE but not in Firefox. Simplest code to reproduce: <html> <body> <table style="width: 100%"> <tr>
1
by: Astra | last post by:
Hi All This has been bugging me for months and I just can't my finger on why it won't work in Safari/FireFox (IE lets me off cos it's nice liek that). In essence, the offending code is as...
6
by: tshad | last post by:
I have a cell with 2 items in it: a textbox and a link. The link is actually a button (image), but for the example I am using a link, which is doing the same thing. Here is the stripped down...
6
by: Hymer | last post by:
Hello, I have a paragraph where I want to add one word at the end. I want this word to be aligned right but I want it to appear on the same line as the last line of the paragraph. So I don't...
3
by: Sjef Janssen | last post by:
Is it possible to have a box (div) which sets a background-color and which contains (on the same line) text which is left aligned and text which is right aligned. (as in a table: two td's left one...
4
by: Bjorn Sagbakken | last post by:
With .NET 2.0: Is there a way to right align the text in a textbox? The task is to edit numbers in a table-column, and it looks kind of silly with the numbers left-aligned. A label respond to...
10
by: Roderik | last post by:
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...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.