I have a funny situation where I need to use an obscure display: inline-block; rule. Of course, IE is wonky with it and I must use a tag that is naturally inline (p, div, won't cut it).

And so, I'm stuck with trying to find a decent way to load up content within a A tag. Right now I can't think of a way to keep the <br />'s out of there...I'm not sure how MS will behave if I toss a display: block on those spans (but I'll certainly give it a shot). I'm wondering what the opinion might be on something like this...

(Note: this is a first draft, eventually we'll try to get the onclick out of here with something less obtrusive)

<a id='img4' class='img-hold' style='width: 138px'>
<span class='img' onclick="toggleImg(4,425,120,284,120);">
<img src='/indx/gimgs/th-11638599690.jpg' alt='11638599690.jpg' />
</span><br />
<span class='title'>Title</span><br />
<span class='text'>Some text</span>
</a>

Currently, it's like this...works great...except for IE...

<div id='img5' class='img-hold' style='width: 138px'>
<div style='width: 120px;' onclick="toggleImg(5,425,120,284,120);">
<img src='/indx/gimgs/th-11638592021.jpg' alt='11638592021.jpg' />
<h3>And more</h3>
<p>Texty text...</p>
</div>
</div>

Thanks for any input...


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to