View RSS Feed

molendijk

  1. Display: table-cell in css-tables

    I learnt a few things from this thread, as far as display: table-cell in css-tables is concerned. Beverleyh's info was highly useful. I experimented a little bit further with table-cells and put my findings in a small document made for personal use. Then I thought it might be useful to others too, so here it is.
    Categories
    Uncategorized
  2. Emulating the HTML5 seamless iframe attribute

    There are many scripts that present a method for setting the iframe's height to match its contents. But I looked in vain for a script that integrates the iframe in a completely seamless way into the containing document. So I tried to write a script for emulating seamless iframes myself.
    My seamless iframes are competely indistinguishable from the surrounding text/content and inherit their css from the main document. All the code is put in the main document. No special code required in the ...
    Categories
    Uncategorized
  3. How to open a new tab together with text or code 'of my choice'

    I knew that it is possible to programmatically force the browser to open a new window instead of a new tab, or the other way round. But I didn't know until now how to open a new tab together with text or code 'of my choice'.
    The text or code we may want to 'add' to a new tab must have the format of a string. The more complex the text or code we want to add, the bigger the danger of making mistakes in writing the string.
    So I decided to create a HTML-to-javascript-converter specially ...
    Categories
    Uncategorized
  4. A close button (and text) on top of a fluid centered image II

    I learned a few things after I posted this on my blog about putting a close button on top of centered fluid images.
    I used jquery and translate in CSS transforms there to do the job. But I found that it can also be done with the help of a combination of window.innerWidth/Height and element.clientWidth/Height. As window.innerWidth/Height and element.clientWidth/Height are also supported by older browser, a technique using these methods must be preferred. Demos and explanations here.

    Updated 04-10-2015 at 10:52 PM by molendijk

    Categories
    Uncategorized
  5. A close button on top of a fluid centered image

    EDIT: see this for an alternative (better?) method..
    CLICK HERE IF YOU WANT TO GO STRAIGHT AWAY TO THE DEMO PAGE.
    The translate() method used inside the HTML-code below moves both a (super) div-containing-a-close-buttom (id: 'the_div') and an image (id: 'the_img') to the center of the window. The jquery-onload in the image ensures that the width of the div equals the width of the image. This is a requirement if we want to get the button (in the div) at the right position in front of ...

    Updated 04-10-2015 at 10:47 PM by molendijk

    Categories
    Uncategorized
Page 1 of 9 123 ... LastLast