[thelist] Image *and* Text Alignment in CSS

Richard's Evolt Account evolt.list at gmail.com
Mon Feb 13 08:29:16 CST 2006


I'm doing a site at the moment with disability access in mind. The
HTML and CSS validate fine, but I'm running into "issues" with the
header:

<h1 class="header"><a title="Hyperlink to the home page" href="foobar.htm">
<img align="left" src="images/200logo.gif" width="200" height="93"
alt="Client Logo"></a>Client Name</h1>

The header class for the H1 includes:
H1.header	{
	font-size: 1.2em;
	font-weight: bold;
	text-align: right;
}

Now, the align="left" for the image isn't deprecated so I'm trying to
modify the CSS to accomplish this:

IMG <---                                                            
--->Clent Name

but of course the text-align modifies the positioning of the image.

I'd prefer not to use too many divs as the page layout is already
controlled that way with
       Header
LefNav |    Body
       Footer

Any ideas?

--
Richard Morris



More information about the thelist mailing list