I don’t use absolute positioning all that often but have found a new use for it, setting dimensions of an object to occupy dimensions that are hard to get. Like 100% -200px.
By giving an element opposing position values i.e left:0 and right: 0; you are saying make this elements left margin touch the left […]
Menu’s built by javascript and Menu’s with text-decoration: blink;
There’s many incarnations of lightbox js that have popularized this approach as a kind of dialog box.
It turns out it’s wonderfully simple to achieve in modern browsers:
<div id=“overlay”></div>
<div id=“dialog”>
<p>Some content</p>
</div>
#overlay {
position: fixed; /* A marvelous property */
z-index: 100;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000;
filter: alpha(opacity=75);
-moz-opacity: 0.75;
opacity: 0.75;
}
#dialog {
height: 400px;
width: 700px;
margin: 0 auto;
position: fixed;
z-index:101;
background: #F2F2F3;
left: […]
Firstly, PageUp People has a new website and it’s pretty sexy. The menu’s took some work to get right in IE6< - but nothing unusual there.
I have an interesting challenge at work at the moment, we are creating a new application that will act as a kind of portal for all the different applications […]
May be more difficult than building it..
The rich text editor is built into an ASP ‘control’ so it can be re-used and customized server-side, currently all of the HTML for the textarea, iframe and toolbars are put into the page through this control depending on it’s properties. A script tag is embedded into the […]
linky linky
I’ve moved to an OO design, using DOM, Event listeners and made it sexier - I faced some interesting challenges along the way.
One key thing I picked up was how to link an event to a specific object, i’ve seen many different attempts at doing this -
Some use global variables to keep references of […]
I’ve got a simple idea for a first firefox extension
If you visit the page above and Ctrl + Space you get little green numbered markers that you can move around the page. I’ve created screenshots for documentation of interfaces a few times and to save me ever having to take a screenshot, paste it […]
http://www.swin.edu.au/index_mb.php
Let’s take a look at some of the bigger changes in detail:
Before:
File-size:
Before:
Weighs in at 46.3 KB (47,505 bytes)
After:
17.1 KB (17,608 bytes)
CSS rules!
I thought I would share the CSS clearing method I am using these days - as it’s helped keep things much simpler.
When an element is floated it’s removed from the normal flow of the document and escapes the parent unless something clears the floats and forces it to stay within it’s parent element. Many clearing […]
Check out my Mac Style Windows, I thought it might give the mac fans out there a few laughs. Complete with maximise, minimise and close functionality.
In other news, the New Swinburne Menus are in place(Both top and left navigation) and haven’t had any real problems with them so far.. I took into consideration […]