473,785 Members | 2,129 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

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 2675
In article <48**********@m k-nntp-2.news.uk.tisca li.com>,
Roderik <no****@atall.n lwrote:
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.a u/alt/floatleftFloatr ight.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:le ft;">
and alternating:
<p style="clear:ri ght">
or for all simply:
<p style="clear:bo th;">

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:le ft;">
and alternating:
<p style="clear:ri ght">
or for all simply:
<p style="clear:bo th;">

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

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

7
6807
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; scrollbar-dark-shadow-color:#eeeedd;
12
95548
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. While in the past the text was flowing smoothly around the picture on the right side there is now a hard cut: Text, then picture below with white space on the left and finally
8
20033
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
10978
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 follows: <TD CLASS="NavBarHeaderCellB"> <!-- #include file="../incs/sprocs/fred.asp" --> </TD>
6
1791
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 version of my page that shows the problem: *********************************************************************************** <html> <head></head>
6
2641
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 want to use <p align="right"because that drops it down to the next line. Also, I am modifying an online third party html so I can't use CSS. Is there an html solution to right justifying one word on the same line as the last line of a paragraph?
3
7877
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 left aligned, right one right aligned). Thanxs!!
4
32021
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 formatting of the table cell, but text within the texbox doesn't. Bjorn
10
443
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 and Opera it works fine. http://www.roderik.net/2008/05/25/robotchallenge-vienna-2008/ Mucht thanks for any suggestions.
0
10350
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
9957
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
8983
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, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7505
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 presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
0
5386
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
0
5518
by: adsilva | last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
1
4055
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
2
3658
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
2887
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.