<div>
thanks, that turned out to be simple, i must not have tried that combination properly before.<br />

</div>


thanks, that turned out to be simple, i must not have tried that combination properly before.


<div>
Glad to help, and thank's for the A :)
</div>


<div>
<div class="content wysiwyg-content">
I have a mouseover effect that works well for a span i have that spans text.<br />
I'd like the hover effect to occur whenever the mouse is over any part of the rectangle area for the encompassing DIV.<br />
I realize that SPANs are more for text, but is there another way to accomplish the scope for the DIV?<br />
<br />
I've included the skeletal structure below. &nbsp; Currently the onMouseOver works fine for hovering over the text. &nbsp;I would like to somehow have the hover effect be triggered for mousing over anywhere in the Bar19 rectangular area. &nbsp; I couldn't get anywhere by putting the span and/or mouseover surrounding or in combination with the DIV. &nbsp;I may be missing something about how onMouseOver is intended to work across browsers/platforms.<br />
<br />
any advice?<br />

<pre><code id="code-118058">&lt;div id='Bar19' class='bar' style='position: relative;background-color:#FFFF00; '&gt;
   &lt;div class='early' style='position: absolute; background-color:#FFFFCC; '&gt;&lt;/div&gt;
   &lt;span  style='position: absolute;'      onMouseOver=' etc' &gt;Text&lt;/span&gt;
&lt;/div&gt;
</code></pre>
</div>
</div>


I have a mouseover effect that works well for a span i have that spans text.
I'd like the hover effect to occur whenever the mouse is over any part of the rectangle area for the encompassing DIV.
I realize that SPANs are more for text, but is there another way to accomplish the scope for the DIV?

I've included the skeletal structure below.   Currently the onMouseOver works fine for hovering over the text.  I would like to somehow have the hover effect be triggered for mousing over anywhere in the Bar19 rectangular area.   I couldn't get anywhere by putting the span and/or mouseover surrounding or in combination with the DIV.  I may be missing something about how onMouseOver is intended to work across browsers/platforms.

any advice?

HTML CSS &lt;span&gt;   how to get span to have scope over a DIV

Web development can range from developing the simplest static single page of plain text to the most complex web-based internet applications, electronic businesses, and social network services using a wide variety of languages and standards, including the familiar HTML, JavaScript and jQuery, ASP and ASP.NET, PHP, ColdFusion, CSS, PHP, Flex and Flash, but also the implementation of a broad list of standards including XML, WSDL, SSDL, VoiceXML and many more.

Web Languages and Standards

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.

JavaScript

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML CSS &lt;span&gt; how to get span to have scope over a DIV

HTML CSS <span> how to get span to have scope over a DIV