| Links: Practical CSS Layout Tips, Tricks and Techniques
Suppose you want to have a bunch of thumbnail images that link to larger versions of the images - a fairly common type of web page. Suppose further that each image contains a short caption that you would like to keep centered underneath its image. And, in the interest of conserving browser window real estate, you want to line these image/caption pairs up in rows across the screen, but in such a way that they will wrap as necessary depending on the width of the browser window (liquid design). With the last requirement we have stepped out of the realm of TABLEs, and into the realm of CSS. [Alistapart 17/08/2001]
Clicks: 1089 | Beoordeling: 0.00 | Stemmen: 0 | Beoordeel |
Schrijf een recensie | Voeg to aan del.icio.us Advanced CSS Layouts: Step by Step
The Challenge: Replicate WebRef's front page using CSS. The Solution: CSS and lots of iterations.
Rogelio Lizaolo improves on Kwon Ekstrom's CSS version of WebRef's tabled home page. Months in the making, the final design successfully duplicates WebRef's layout without the use of tables. Numerous bugs were discovered in Netscape and Explorer in how they handle CSS, and we found some elegant workarounds to these and other problems. What follows is a step by step CSS layout tutorial that shows how we got to the final design.
Clicks: 970 | Beoordeling: 0.00 | Stemmen: 0 | Beoordeel |
Schrijf een recensie | Voeg to aan del.icio.us Box Lessons
This is a Problem & Workaround Set for a series of CSS Boxes going from a simple single box, through 3 columns with a full width top box, all with variations. There are also some relevant content placement issues that affect box positioning, a little gem of a bg image problem or two, and my own explanation of what it's all about.
Clicks: 552 | Beoordeling: 0.00 | Stemmen: 0 | Beoordeel |
Schrijf een recensie | Voeg to aan del.icio.us CSS Positioning
To use CSS for layout effectively, it helps to know how it's used to position page content. This article gives an overview of the methods and rules that govern visual rendering in the CSS2 specification. It also points out some things to watch out for. [Brainjar]
Clicks: 564 | Beoordeling: 0.00 | Stemmen: 0 | Beoordeel |
Schrijf een recensie | Voeg to aan del.icio.us De nieuwe jas: over het redesignen van je site
Maar vergis je niet, een pagina opmaken met CSS is niet gemakkelijk. De verschillende browsers gaan nog steeds heel anders met stylesheets om. Helaas is er nog niet sprake van één algemeen geïmplementeerde standaard. Maar laten we wel wezen, dat hoeft ook helemaal niet. Een pagina hoeft helemaal niet hetzelfde in de verschillende browser uit te zien, als hij er maar goed uit ziet in de verschillende browsers. Een klein verschil dat heel veel uitmaakt. [Naar Voren 2003]
Clicks: 674 | Beoordeling: 0.00 | Stemmen: 0 | Beoordeel |
Schrijf een recensie | Voeg to aan del.icio.us Introduction to CSS Layout
These days more and more developers are pushing CSS even further, eschewing tables and embracing CSS as a web page layout tool. In this article I'll explain why CSS is in many ways preferable to using tables for layout, and then I'll show you some CSS layout techniques using a complete re-coding of the Apple Internet Developer home page as an example. [Apple Internet Developer]
Clicks: 431 | Beoordeling: 0.00 | Stemmen: 0 | Beoordeel |
Schrijf een recensie | Voeg to aan del.icio.us Max Design - Presentations and articles
CSS liquid layouts, css selectors, nested lists,
Win/IE and its mystery carriage returns, Styling abbreviations, acronyms and definitions....
Clicks: 244 | Beoordeling: 0.00 | Stemmen: 0 | Beoordeel |
Schrijf een recensie | Voeg to aan del.icio.us Vertical Bar Graphs with CSS and PHP
Op terrill.ca wordt haarfijn uitgelegd hoe je mooie grafieken op je website kunt vertonen met behulp van php en css. In het online voorbeeld wordt met javascript geswitched tussen een staaf, lijn, punt en 3d grafiek. Weer eens iets anders dan Excel!
Clicks: 36 | Beoordeling: 0.00 | Stemmen: 0 | Beoordeel |
Schrijf een recensie | Voeg to aan del.icio.us Wired News: A Site for Your Eyes
'But what isn't readily noticeable is the backbone of this new design, a landmark undertaking for a heavily trafficked, content-heavy website like Wired News. With this edition, we have rebuilt the site to comply with Web standards recommended by the World Wide Web Consortium.' Lees ook: An Interview With Douglas Bowman of Wired News
Clicks: 212 | Beoordeling: 0.00 | Stemmen: 0 | Beoordeel |
Schrijf een recensie | An Interview With Douglas Bowman of Wired News&tags=CSS_layouts" title="Add to del.icio.us">Voeg to aan del.icio.us | 
