CSS Help

About CSS and Web design

C12design have been using css fully for about ten months now,
Time of writing August '05.
Prior to that about two years web design, learning html and the elements of page construction. Dreamweaver html and tables for layout, spacer gifs the norm, lining up pages, often a time consuming and tedious task. But no longer, thanks to css.
Read More

Central12 Design

At Central12 Design, We produce websites that adhere to web standards.

HyperText Markup Language HTML is primary code used in the construction of pages on the world wide web. The code can be written in any text editor and uses specific tags to inform the browser how to present a page. Unfortunately browsers do not all interpret the code in a uniform manner and whilst your creation may look fine when viewed in firefox a standards complient browser, the same page may loose its cohesion when viewed in another browser.
Enter Cascading Style Sheets CSS, usually externally linked to the html page, these styles allow the author to specifically define how structual elements are to be rendered on the page. Documents are displayed consistantly across a wide range of browsers overriding set defaults, thus allowing pages to be enjoyed by the largest possible audience.

W3C

CSS Help and Web Site Construction Tips

Here you will find, coming soon solutions to some of the pitfals and problems you may encounter along the way. There is loads of online information, forums, sites dedicated to tutorials, the Zen Garden is out there. These pages are different, reflecting on practical applications relating to random situations encountered when construting a site using CSS.

Do you get complacent with your coding?

Testing your hard crafted layout

I'm using firefox 1.5, and testing layout in Internet Explorer, but havn't ever seen my site on a Mac, just assuming the situation would be ok. That was until just this week a work collegue of mine told me my pages where displaying a good deal of horizontal scrolling.
The situation has I think been sorted, A few, actually quite a few CSS errors. They didn't break the layout when viewed from my pc, but obviously had wider ranging ramifications.

Please contact me if you notice any strange page behaviour, It might not be an isolated incident.

Background graphic transparency tutorial

Just finishing a site for a client, and during the production of the graphic side I wanted to use an image that would have a transparent background. Read More, Soon.

A graphic Banner for Zoomcities Jan21st 2006

I have been going through the process of applying for a hosting account with these guys. It is for an ongoing future project. It has been a good experience on their forums so far, so I guess we'll wait and see. More

Firefox: View image, View background image

It has happend a couple of times when I have been looking at sites to determine how a designer has accomplished a particular graphic effect. Two graphics placed within a div to combine to form one image, fair enough, no big deal there. But you hit view image over the various aspects of the graphic and only one of the images is rendered by the browser. There might be an obvious explanation for this, but I am at a loss. You can check the source code and find the location of the image, and view it through that route. Is this a designers trick to confuse would be design thieves, or simply to do with the parent child inheritence order?

What's going on?

Web

central12.com