RE: [WSG] Image alignment and text
Excellent, many thanks.
Chris
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun
Sent: 25 January 2005 14:28
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Image alignment and text
Chris Taylor wrote:
> Is there a CSS equivalent for the age-old image properties
> 'align="left"' and 'align="right"'. When these are used any text that
> is next to the image is automatically lined up with the top of the
> image.
The way we usually do it looks more like this:
img{
float: left;
}
The Company Name
...where the entire paragraph flows up and align with the top of the image.
You can also make your "image in a paragraph" work by using vertical-align.
Some more about that here:
http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align
regards
Georg
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
Re: [WSG] Image alignment and text
Chris Taylor wrote:
Is there a CSS equivalent for the age-old image properties
'align="left"' and 'align="right"'. When these are used any text that
is next to the image is automatically lined up with the top of the
image.
The way we usually do it looks more like this:
img{
float: left;
}
The Company Name
...where the entire paragraph flows up and align with the top of the image.
You can also make your "image in a paragraph" work by using vertical-align.
Some more about that here:
http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align
regards
Georg
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
[WSG] Image alignment and text
Hi,
Is there a CSS equivalent for the age-old image properties
'align="left"' and 'align="right"'. When these are used any text that is
next to the image is automatically lined up with the top of the image.
Using 'float: left' keeps the text level with the bottom of the image.
Example:
Source:
The Company Name
Old-style:
The Company Name
= correct display
New style:
img{
float: left;
}
The Company Name
= incorrect display
I know it sounds stupid, but I'm a bit stumped. Any help will be
gratefully received.
Thanks
Chris
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
**
