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. 13 2676
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
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/
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.
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
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/
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.
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
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
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. This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
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;
|
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
|
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>
|
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>
|
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>
| |
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?
|
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!!
|
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
|
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.
|
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, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look !
Part I. Meaning of...
|
by: Hystou |
last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it.
First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
| |
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth.
The Art of Business Website Design
Your website is...
|
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...
|
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...
|
by: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
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...
|
by: adsilva |
last post by:
A Windows Forms form does not have the event Unload, like VB6. What one acts like?
| |
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |