Search code examples
javascriptjqueryhtmlcssdynamic-html

Frame with adjustable width and height using mouse cursor


I'm not sure where to ask this, so I've included the html, web, and css categories (I think it's css though I could be barking up the wrong tree). Basically I'm trying to create an html page with a header that never changes (non adjustable) but the content area consists of a left frame (or div perhaps?) that has search options and the right area is also divided into two rows to display the search results. Is CSS the way to go for what I'm trying to create? I've attached an image as reference.

https://i.sstatic.net/lUKdC.jpg

If CSS is the right way to go, can someone guide me on how I should start this?


Solution

  • There is a framework called jqlayout, Example http://layout.jquery-dev.net/demos/simple.html

    You can play around with this.

    Plugin page http://layout.jquery-dev.net/demos.cfm