<div>
We would really need to see your current markup. We can assist in what you are doing, but not do it for you...
</div>


We would really need to see your current markup. We can assist in what you are doing, but not do it for you...

<div>
I'm just looking for advice on how to approach this (what to research, web examples etc) issue as I'm currently clueless on how to achieve this. Is there JQuery out there or can this be achieve purely in css? ...hide or show divs etc?<br />
<br />
Thanks. 
</div>


I'm just looking for advice on how to approach this (what to research, web examples etc) issue as I'm currently clueless on how to achieve this. Is there JQuery out there or can this be achieve purely in css? ...hide or show divs etc?

Thanks.

<div>
Got it.<br />
<br />
Yes, this can be done with either CSS only, or using jquery.<br />
<br />
Here is a great place to learn how to do it with CSS only. This is probably the best example I have found of a multiple column CSS dropdown.<br />
<br />
<a href="http://www.cssplay.co.uk/menus/multi-column.html" rel="ugc">http://www.cssplay.co.uk/menus/multi-column.html</a>
</div>


Got it.

Yes, this can be done with either CSS only, or using jquery.

Here is a great place to learn how to do it with CSS only. This is probably the best example I have found of a multiple column CSS dropdown.

http://www.cssplay.co.uk/menus/multi-column.html [http://www.cssplay.co.uk/menus/multi-column.html]

<div>
You could try something like this<br />
<a href="http://cssmenumaker.com/" rel="ugc">http://cssmenumaker.com/</a><br />

</div>


You could try something like this
http://cssmenumaker.com/ [http://cssmenumaker.com/]


<div>
<div class="content wysiwyg-content">
Hi,<br />
<br />
What's the best solution using CSS to go from...<br />
<br />
&nbsp;<a href="https://filedb.experts-exchange.com/incoming/2011/05_w19/456499/login1.jpg" target="_blank" title="from (14 KB)"><img alt="from" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2011/05_w19/800_456499/login1.jpg" /></a><br />
to...<br />
<br />
&nbsp;<a href="https://filedb.experts-exchange.com/incoming/2011/05_w19/456500/login2.jpg" target="_blank" title="to (31 KB)"><img alt="to" class="file-block lazyload" style="max-width: 800px;" data-src="https://filedb.experts-exchange.com/incoming/2011/05_w19/800_456500/login2.jpg" /></a><br />
Thanks.
</div>
</div>


login1.jpg

login2.jpg

Hi,

What's the best solution using CSS to go from...

 

to...

 

Thanks.

How can I style my web page using CSS?

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.

JScript is Microsoft's dialect of the ECMAScript standard that is used in Microsoft's Internet Explorer. JScript is implemented as an Active Scripting engine, so it can be "plugged in" to OLE Automation applications that support Active Scripting, such as Internet Explorer, Active Server Pages, and Windows Script Host. It also means such applications can use multiple Active Scripting languages, e.g., JScript, VBScript or PerlScript.

JScript

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.