Acrobat X Files

Home > Programming > CSS Tutorial

CSS Hacks & Issues

Sort Desciption:

Text-indent pushes the text 5000pxs to the left, making it invisible to the user. Try turning off your CSS style on your website and see how the heading looks. 8.

Content Inside:

CSS Hacks & Issues Author: Chris Thomas Monday, 12 March 2007 Company Number: 4510864      1st Floor, 77 Leonard Street, London, EC2A 4QS Table of Contents 1. Introduction.3 2. Browser-Specific selectors.3 3. Transparent PNGs in IE6.3 4. Removing dotted links.4 5. Applying a width to inline elements.4 6. Centering a fixed width website.4 7. Image replacement technique.5 8. Min-width.5 9. Hide horizontal scrolling.6 Company Number: 4510864      1st Floor, 77 Leonard Street, London, EC2A 4QS 1. Introduction This article includes 8 helpful solutions which we find essential when designing with CSS 2. Browser-Specific selectors These selectors are very useful when you want to change a style in one browser but not the others. IE 6 and below * html {} IE 7 and below *:first-child+html {} * html {} IE 7 only *:first-child+html {} IE 7 and modern browsers only html>body {} Modern browsers only (not IE 7) html>/**/body {} Recent Opera versions 9 and below html:first-child {} Safari     html[xmlns*=""] body:last-child {} To use these selectors, place the code in front of the style. E.g.: #content-box { width: 300px; height: 150px; } * html  #content-box { width: 250px; } /* overrides the above style and changes the width to 250px in IE 6 and below */ Source 3. Transparent PNGs in IE6 An IE6 bug which causes a great deal of hassle is that it doesnt support transparent PNG images. Company Number: 4510864      1st Floor, 77 Leonard Street, London, EC2A 4QS You will need to use a filter which overrides the CSS. *html #image-style { background-image: none; filter:progid:DXImageTransform.Microsoft.A lphaImage Loader(src="fil ename.png", sizingMethod="scale"); } 4. Removing dotted links Firefox produces a dotted outline that appears around links when you click on them. T ...

Source: www.solidstategroup.com

 

Related Files

The 30 minute CSS tutorial

Filed under: Programming and CSS Tutorial
They free your content (the HTML document) from the layout (the CSS file), so you may change your website ... With CSS, you first define the style. Then as you are writing the HTML, you apply the required ...

12 CSS LAYOUTS

Filed under: Programming and CSS Tutorial
A great tutorial by Jeffrey Zeldman that chronicles the steps needed to create a ... The Box Model Hack Lovingly crafted by Tantek Çelik, the Box Model Hack (www.tantek.com/CSS ...

12 CSS LAYOUTS

Filed under: Programming and CSS Tutorial
Great examples of multicolumn layouts created with absolute positioning.

Formatting Web Pages with Style Sheets

Filed under: Programming and CSS Tutorial
This way, when you want to change the look and feel of your Website, all you need to change is the style sheets. Style Sheet Fundamentals Style sheets, or more properly Cascading Style Sheets (CSS) ...

Flash sty ling with CSS and Flash

Filed under: Programming and CSS Tutorial
... may 2007 .net technique flash Knowledge needed Basic CSS, Flash ... Key styles such as margins, fonts and font sizes can be grouped ... or tags class attribute. Getting started In this tutorial, Ill ...