|
| Latest
Web News |
Undersea cable to speed up broadband
A new 6900 kilometre, $200 million undersea data cable from Sydney to Guam announced yesterday will mean cheaper and faster broadband for all Australians, its makers say. Guam is one of the Pacific's two major exchanges that transfer data between Asia and...
Austar dumps broadband for pay-TV
Austar United Communications has made a surprise decision to sell all of its WiMAX regional wireless broadband spectrum to the Optus-led Opel consortium for $65 million and focus its attention on regional...
Telstra may not allow government to call its lawyers
The Department of Broadband, Communications and the Digital Economy has issued a tender for substantial legal assistance ahead of the rollout of the national fibre-to-the-node network, but it may have a hard time...
ATO eyes private pools of tech talent
THE Australian Taxation Office is revamping its recruitment processes to actively track candidates who could be poached from IT workforces in sectors such as banking and insurance. The hiring program...
|
|
01.15.08
Using CSS To Place Images
 By
Giorgos Kontopoulos
Yellow post it notes are cool and a really good way to get someone's attention, don't you think?
 I had in my disposal the transparent png solution for IE using CSS so all I needed was a cool graphic and a way to position it anywhere on a page using just CSS.
The advantages of this implementation are:
• you don't need javascipt
• you can position it anywhere on a page by changing a few css parameters
• any PNG-24 graphic will do, no need to think about what colors will be behind it on the page
You can take a look at the complete css post it note example and come back for the details:
| New Server Offer! Double or Triple - You Pick The Winning Savings Combo - Click here today! |
|
Html-wise all we need is two nested layers. The inside layer is basically for formatting purposes and for the sake of the OLD and buggy IE5.5 and IE6 to apply the .filter rule otherwise we would eliminate it.
making the position absolute allows us to take them "out" of the normal flow of content and position it anywhere relative to the parent container. Here I chose to put it in an absolutely centered container using CSS, which I believe does not need too much explaining. I have to specify the left and top positions relative to the wrapper container. The width and height of the dim class match those of the postit.png image.
Continue reading this article.
|
