HighDots Forums  

Who can check my code? Minor problem on my CSS page. . .

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Who can check my code? Minor problem on my CSS page. . . in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #11  
Old   
S
 
Posts: n/a

Default Re: Who can check my code? Minor problem on my CSS page. . . - 10-24-2005 , 03:15 PM






Great input - thanks.

I'm still learning, so please bear with me.

I integrated your suggestions as to replacing SPAN with DIV. Works great
now. Also, the page and the CSS check out with w3 as long as I use a
"transitional" HTML classification.

Questions:

- If I use a SPAN on an image, this causes it to be interpreted as text? How
so?

- Will use of "transitional" cause my pages to be drawn or recognized as
different somehow? What are the perils of doing this?

Thanks

------------S


Reply With Quote
  #12  
Old   
boclair
 
Posts: n/a

Default Re: Who can check my code? Minor problem on my CSS page. . . - 10-24-2005 , 07:52 PM






Quote:
boclair wrote:

kchayka wrote:

boclair wrote:


S wrote:

Quote:
div id="container"
span class="palletteImage"><img src="image/cp_t_tools.gif" alt=""
width="130" height="15" /></span

The first thing that needs to be done is replace <span> with <div


span> isn't necessarily wrong, but we need to look at the bigger
picture. In context, those images are acting as headings, so some <hx
markup would be more appropriate, methinks.
All your points are taken. Just one thing, IE, doing its own thing,
renders differently (and non-standardly) if span is used instead of div.
I should have been more careful. But as you point out neither is
semantically valid.


Quote:
When the image is interpreted as text, the default is to render space
for the descender isn't it?


That's what vertical-align:baseline (the img default) does.
URL:http://www.w3.org/TR/CSS21/visudet.h...vertical-align
Sorry, but I have only a blurry concept of vertical-align. I find the
Reference's treatment of vertical-align especially replete with
technical jargon and obscure in its language.

What, for example, is the meaning of
"bottom: Align the bottom of the aligned subtree with the bottom of the
line box".

But before that what is the form of an image box? It is an inline box;
is a replaced object having an inherent height property but is rendered,
by default (baseline), with allowance for descenders?

Can I assume then that the subtree is the unadorned object and this is
what vertical-align:bottom draws.

Louise


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.