www.webdeveloper.com
Results 1 to 3 of 3

Thread: CSS delivered in one string - how to format

  1. #1
    Join Date
    Oct 2011
    Posts
    42

    CSS delivered in one string - how to format

    Hi all,
    Our development team at work delivered this huge CSS file to us in one long string (so it isn't formatted nicely at all).
    Is there a trick in dreamweaver or another program that will format a CSS file? Meaning, make it so everything is neatly organized?

    So for example, the CSS delivered looks like:
    Code:
    .checkbox-button span.checkbox {left: 25px;position: absolute;top: 23px;background-position: 0 0;height: 20px;width: 20px;}.checkbox-button span.checkbox.selected{background-position: -20px 0;top: 21px;}
    But I want it to look like this:
    Code:
    .checkbox-button span.checkbox {
    
    left: 25px;
    position: absolute;
    top: 23px;
    background-position: 0 0;
    height: 20px;
    width: 20px;
    } .checkbox-button span.checkbox.selected{
    background-position: -20px 0;
    top: 21px;
    }
    Any help would be great, thanks!

  2. #2
    Join Date
    Dec 2012
    Posts
    136
    There are loads of tools online that'll do this for you, such as http://procssor.com/

  3. #3
    Join Date
    Oct 2011
    Posts
    42
    This worked perfectly. Thanks so much.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles