Stack Overflow
Stack Overflow

Questions tagged [elasticlayout]

Elastic layout is a CSS design technique which allows the content dimensions to adjust to the text size that users set for their browser.

27 questions
151
votes
24 answers

Insert ellipsis (...) into HTML tag if content too wide

I have a webpage with an elastic layout that changes its width if the browser window is resized. In this layout there are headlines (h2) that will have a variable length (actually being headlines from blogposts that I don't have control over).…
BlaM
  • 28,465
  • 32
  • 91
  • 105
11
votes
3 answers

jquery elastic animation doesn't complete

http://www.thebraproject.com/collection If you slide the clothesline backwards every third item stops dead without completing the elastic animation. Can anyone see why that might be happening? I'm using the AnythingSlider for jQuery to make it…
jay
  • 10,275
  • 5
  • 34
  • 52
6
votes
2 answers

Elastic lists in Javascript

I recently came across Elastic Lists & found them totally cool. Is anyone aware of a javascript library which can give me elastic lists ? If not , any tips on writing it myself too would be most welcomed. :) Thanks,
Nikhil Garg
  • 3,944
  • 9
  • 30
  • 37
5
votes
4 answers

How do I layout a 3 pane window using wxPython?

I am trying to find a simple way to layout a 3 pane window using wxPython. I want to have a tree list in the left pane, then have a right pane that is split into two - with an edit component in the top part and a grid component in the bottom…
andy47
  • 893
  • 1
  • 9
  • 18
5
votes
3 answers

CSS: Centered, fluid left, fixed right, source ordered layout with min/max width

The titles says it. I want a 2-column CSS layout that: is centered - the main content is centered on the page has a fixed (pixel) right column width has a fluid left column - uses up all available space minus the right column width is source…
Rick
  • 1,863
  • 2
  • 19
  • 46
4
votes
2 answers

How to make a DIV inherit it's "em" value from its parent's parent

We all know that the elastic layout "em" value for a given object is relative to the object's parent, e.g.:

Hello

Hello

Simon Catlin
  • 2,141
  • 1
  • 13
  • 15
3
votes
1 answer

Creating a single elastic/liquid layout screen for Android

Is it possible create a liquid/elastic screen layout on Android that resizes to fit all screen sizes? Currently I'm playing around with different layouts for small, medium, large, xlarge etc, but all I really need is a single layout that just…
pixelkicks
  • 866
  • 2
  • 11
  • 23
2
votes
3 answers

How to make a Elastic Vertical Layout?

I have a page that has 2 areas: header and content. The header should be [of course] fixed at the top, and has no fixed height, and the content below it. The point is that I need my content area to be scrolled if it overflows... Like: the header…
igorsantos07
  • 4,456
  • 5
  • 43
  • 62
2
votes
1 answer

A modern image gallery: fluid or elastic?

cross posted (as suggested) from ux.stackexchange I am new to UX and IA and everything about interface and solution design. I need to do a simple image gallery based on grids. I read about responsive design and media queries. Ok, in wide screen i…
nkint
  • 11,513
  • 31
  • 103
  • 174
1
vote
2 answers

CSS Elastic textbox

My requirement is this. I need a text box with a width of 5px. As I type something on it the width should be increased. Is it possible to do using CSS only without js thnx
Vinesh EG
  • 1,325
  • 2
  • 9
  • 13
1
vote
2 answers

How can I make these textfieds elastic?

It is possible to make the textfields on the left fill all the gray space to the right in a elastic way using CSS?
lushiano
  • 71
  • 5
1
vote
1 answer

un expand elastic plugin

I am using elastic plugin here is the jQuery i am using for it: I have 5 textarea that i am using in code. So when user is at textarea1…
ken
  • 15
  • 3
1
vote
1 answer

Trouble with elastic layout

If anyone can help, I'd greatly appreciate it! I built an elastic website using ems, and for some reason, it still gets completely distorted when a user zooms in or out on their browser. The link to the website that I am referring to is…
suavedesign
  • 11
  • 1
1
vote
4 answers

Images and a dynamic layout

I'm working on a website with a em-based layout (so it can stretch and compress gracefully when users increase or decrease font size). This site has a header that should be displayed across all pages. I have a "header" div in all pages, and the…
stalepretzel
  • 15,543
  • 22
  • 76
  • 91
1
vote
0 answers

Column layout indexed by rows

I have the design as below: There are 9 fields, eg. paragraphs, with the same width and unknown height (I can't simply float them). I tried multicolumn layout, but needed to swap to elements order to 1-4-7-2-5-8-3-6-9. 'Working' HTML is…
user2834997
1
2