Welcome to the CSS-Discuss Wiki

This Wiki is dedicated to real-world (and ideally, browser-neutral) application of CSS. (Cascading Style Sheets) Topics include: techniques for page-layout and special display-effects, testing and validation, workarounds for limitations and bugs, CSS code-editors, beginner and advanced tutorials, and to a lesser extent pure CSS theory, and pure CSS power-demonstrations. Discourse on (X)HTML, DOM, and other webpage-technology areas is not forbidden, but keeping it associated with CSS is encouraged.

(ATTENTION Editors: Please note that this wiki uses the non-standard "['Tavi ]" markup. See EditingTips first!)''

css-discuss mailing list

Please read these before posting to the CssDiscussList!

PostingGuidelines - before you click send

When the list is misbehaving,notify css-d-no-spam-owner@lists.killspam.css-discuss.org. Please use cautiously and modify as needed for use.

CssDiscussListHeaders - why replies go to the wrong address

GmailAndCssDiscuss - advice for Gmail users

SearchCssDiscussList - tips for finding past threads in the css-discuss archive

OffTopic - where to discuss topics other than CSS, and related topics

If you're looking for info about general web or javascript mailing lists, you can find some in the OffTopic section.

IE8

The community is currently testing IE8 for CSS support and problems. You can help; see IE8

IE7

The community was testing IE7 for CSS support and problems. You can still help; see IE7

Editing

CssEditors - for CSS and HTML/XHTML

Using

[CSS References]

Specifics, the nitty-gritty of writing good stylesheets.

CssFriendlyCms - Content Management Systems that can be customised using CSS

CSS Concepts

CssInheritance

Efficient use and organization of CSS

MaintainableCss

ClassesVsIds - when should I use CLASS and when should I use ID?

StandardizedStyleNames - are there agreed on or frequently used class= and id= identifiers in CMS/Blog/Wiki software or page templates - a question and survey

ProgressiveEnhancement using CSS - exploiting the advanced CSS support of modern browsers

MediaStylesheets - how to write stylesheets for various media, including print

Box Model

BoxModel - understanding the CSS Box Model

BoxModelHack - how to fix IE's broken box model

ElementWidth - what width really means, and why it is what it is

CollapsingMargin - if you have a mysterious gap in your layout that is solved by applying padding or border, you've probably run into collapsed margins

CssPositioning - Differences between positioning methods

OverlappingAndZIndex - How browsers paint content on top of each other

CSS working group pages: - Ian Hickson

CssLayouts

FixedLayouts - using position: fixed to lay out pages

AbsoluteLayouts - using position: absolute to lay out pages

FloatLayouts - using the float property to lay out pages

[Float-less Layout]

EmulatingFrames - using CSS to recreate the effect of frames

TwoColumnLayouts

ThreeColumnLayouts - a collection of three column layouts

FooterInfo - positioning page footers with CSS

AnyColumnLongest - how to make all columns appear the same height

BorderSlants - using borders to create the illusion of non-rectangular shapes and layouts

SideScrollingNarrowColumnLayout - newspaper-like layout for more readable text

MultiColumnLayoutWithFooterAndJavascript - make a footer appear at the end of a multi-column page using JavaScript.

FluidDesign - Elastic, Flexible, Fluid and Liquid designs

Working with dimensions:

MinWidth - different work-arounds/hacks to simulate min-width in IE.

EmVsPercentWidths - Characteristics of ems and % for setting container widths

HundredPercentHeight - How to create divs that fill the entire browser window

Color and Backgrounds, color-mistakes

Switching

RenderingMode - how DocType causes browsers to use QuirksMode and StrictMode???? and what some of the differences are

StyleSwitching - how do you let users choose different style sheets?

BrowserDetection - how do you serve different style sheets to different browsers?

Hacks

CssHack - the details of using browser bugs to hide CSS or serve specific styles to specific browsers

ScriptHacks - JavaScript and other programs for solving CSS problems

AvoidingHacks - how to write CSS that works in any browser

Sizing Text

FontSize - how do I size fonts? is one of the most commonly asked questions about CSS

ForceFontSize - many authors attempt to force a given font size with pixels. There are are some problems with this of which we should be aware

LineHeight - related to font-size, this sets the (minimum) height of a line

UsingFontSize - this is a summary of the Using pages

UsingPixels - more details on sizing by pixels

UsingPoints - use point sizing for printed pages only, there are better units for computer monitors

UsingEms - more details on sizing by EMs (needs more content here)

UsingPercentages - trying to get a gradual scale across multiple browsers here's a sample css style sheet

UsingKeywords - xx-small, x-small, small, medium, large, x-large, xx-large

Sizing Images

UsingPercent - don't wait for SVG; flexible and robust

UsingEm - resize on text zoom

Tips & Tricks

CssDesignPatterns

CssConstants - how to deal with their absence from the language

MultipleClasses - use multiple classes for even more power

CssImages - how to add background images via your style sheet.

Float

AlignLeftAndRight - aligning one item left and the other right

ClearingSpace - clearing space beneath floated elements

FloatThumbnails - a table of thumbnails that use up all available horizontal space

EmulatingFixedPositioning - emulate fixed positioning using absolute positioning, to support IE for Windows.

Centering objects

CenteringBlockElement - how to center or shrink wrap a block element

CenteringAnImage - how to center any image inside a fixed-dimension container

CenteringTextVertically - how to center text vertically in a block

HorizontalLine styles - how to specify your own styles for a horizontal line [hr]

PreElement styles

DisplayInline

CssBarGraphs - A couple of examples of CSS used to draw bargraphs

DropShadows

RoundedCorners

DotLeaders

DropCaps

ScreenreaderVisibility - make accessibility information heard, but not seen.

ImageReplacement - put text in the source (for screenreaders, copy/paste, because we should but images on top so that designers are happy with the fonts used in headings

ConstantsInCSS - How to set constant values throughout a CSS document

Styling links

LinkedImages

CssRollovers - simulate JavaScript rollovers using only CSS

LinkTricks - general tips and tricks for styling links

Styling lists

MissingBulletPoints and the whole indent problem (or bullets super-imposed to left floating image/element).

ListMenus - building menus with lists and CSS

NNFourListMenus - how to create a list menu with consistent indenting and no bullets

ListTabs - how to imitate tabs with lists and CSS

ListTricks - general tips and tricks for styling lists

MultipleColumnLists - how to create a single list that displays in multiple columns

Styling tables

UnwantedGapsInTables - get rid of extra whitespace in table cells

NicerTables

CollapsingBorder

StylingColumns

StylingTableCaptions

[CSS Table Gallery]

Styling forms

FormElements

Stlying blockquotes

StylingBlockquotes

Miscellaneous:

ExternalObjects - how do I embed Flash or Quicktime and still validate?

StyleInEmail - HTML email and using style

WikiCss - CSS markup and general support in WikiEngines???

Format Excel/CSV with CSS

Bugs

BrowserBugs - list of bugs and errors by browser

Testing

WhichBrowsers - deciding which browsers to use for development and testing

BrowserAddOns - things you can add to your browser to aid testing.

BrowserStats - a quick guide to figuring out which browsers to support

BrowserTesting - gaining access to multiple browsers

CodeValidation - why validate and what the results mean

DiagnosticCss - using CSS as a testing/diagnostic tool

TestingWithJavascript - guide to using JavaScript bookmarklets to test your CSS

MysteryBug - how to quickly and efficiently isolate that unknown whatever, and spare the wallboard.

SiteCheckPlease - place a request for your site to given a once over by the list denizens

UserSites - show off your site, after it has survived a site check

CategoryCSSTesting - pages discussing techniques used to troubleshoot CSS problems

Learning

Bookmarks, tutorials, reference material and CSS-related events.

WhyCss - why we are all here

UsefulResources - bookmarks, bookmarks, and favorites too

GoodBooks - recommended books on CSS

ShowCase - of sites that use CSS to good effect

DesignInspiration - galleries to help you find other sites that use CSS to good effect

CssGlossary - alphabetical reference of terms and CssProperties???

DesignerDeveloperBlogs - follow the discussions of people who design and develop

EventsWorldwide - Workshops, seminars and conferences around the world containing the topic of CSS

[VoIP? Services Provider]

International Links

CSS Resources around the world

French-speaking and FrenchResources

Debatable

Opinions abound while consensus is elusive

LimitsOfPureCSS??

ToHackOrNotToHack - is it okay to exploit browser bugs?

TablesVsDivs

TablesVsLists

PresentationVsContent

ClassVsMarkup

SemanticVsPresentational

CssVsXcss

CssStyle

Meta

Talking about talking, or how does this wiki thing work?

EditingTips - learn how to edit and use this wiki

CssWikiBugs - bugs found & fixed in this wiki so far; need more browser testing

WikiInterfaceSuggestions - suggest improvements to the structure of this wiki

CategoryCategory - a list of categories to organize page contents for easy location

Statistics

PageSize - shows all of the pages in the Wiki, ordered by their size in bytes

LinkTable - a table of the pages in the Wiki, showing which pages they link to

OrphanedPages - pages which are not linked to by any other page

PageLinks - how many links there are on each page in the Wiki

PageRefs - a list of popular pages in the Wiki, showing how many times each page has been linked

Helping

Would you like to contribute to this wiki, but don't know where to start? Have a look at the following pages for ideas on what people would like, but haven't had the time to create.

AnswerNeeded - sometimes the specifics or the most correct answer is unknown to the author.

WantedPages - pages which have been linked to but do not exist

WikiSuggestions - ideas for content development; what should we write about next?

http://www.voip-services-provider.co.uk

Voice over IP (VoIP?) software is used to conduct telephone-like voice conversations across the internet. There are many free VOIP Software available on the webs for download. VOIP Software is popular because VOIP phone service is often cheaper than traditional phone service, and is becoming more popular for both business and personal calls.

<a href="http://www.voip-services-provider.co.uk">Voip Software</a>

[Voip Software]