1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Convert CSS to HTML?

Discussion in 'Blogging' started by JuicyJuice, Dec 30, 2012.

  1. JuicyJuice

    JuicyJuice Newbie

    Joined:
    Dec 22, 2012
    Messages:
    34
    Likes Received:
    12
    Location:
    Internet Land
    Anybody know of any online tools that convert cascade style sheets to html? I like to build my sites in wordpress, but I use Blogger just because Google throws some love towards blogger sites. Only problem is Blogger only supports html websites, meaning all of my hardwork may be meaningless if I can't convert these codes.

    Any help is greatly appreciated.
     
  2. Superconservativenes

    Superconservativenes Registered Member

    Joined:
    Dec 9, 2012
    Messages:
    85
    Likes Received:
    29
    I don't think there is such a tool.

    From my understanding you have a CSS file and you want to turn it into an HTML file. From knowledge, that's impossible.
     
  3. Orbit143

    Orbit143 Senior Member

    Joined:
    Aug 8, 2010
    Messages:
    893
    Likes Received:
    588
    Location:
    /home
    There is a lot of things which can't be done in simple html.
     
  4. olystyle

    olystyle Regular Member

    Joined:
    Jan 6, 2012
    Messages:
    238
    Likes Received:
    103
    Hi JuicyJuice

    To embed CSS directly in HTML you got two options:

    Option 1 - use style tags:
    Code:
    <style>
    //In here goes all of your CSS
    body{
    width:100%;
    }
    ....
    </style>
    
    Option 2 - embed directly within tags:
    Code:
    <div id="container" style="width:100%; margin:0 auto;">
    ...
    </div>
    
    cheers olystyle
     
    • Thanks Thanks x 1
  5. BlueZero

    BlueZero Power Member

    Joined:
    Jul 6, 2011
    Messages:
    500
    Likes Received:
    257
    Occupation:
    Webdeveloper, Project Manager
    Location:
    Byte in the Net
    Home Page:
    You can try to place your CSS into html.
    Copy contents of your css file and place it in HTML this way:
    Code:
    <style>
    paste css file contents
    </style>
    
     
    • Thanks Thanks x 1
  6. alias_unknown

    alias_unknown Newbie

    Joined:
    Dec 30, 2012
    Messages:
    41
    Likes Received:
    4
    CSS and HTML are two different things, but they work together. I don't know of anything to convert head or external CSS styles to inline styles (which is what is needed). It would need to be done manually. I have never used blogger but I am a web developer.

    Just to add to code examples posted above... the <style></style> tags must be in the head of the page so that it is applied to the page.

    If you want to have the CSS in the body of the document, you will need to use inline css tags.
     
    • Thanks Thanks x 1
  7. terrycody

    terrycody Senior Member

    Joined:
    Sep 29, 2012
    Messages:
    834
    Likes Received:
    193
    Occupation:
    marketer
    Location:
    Hell
    no TOOLS can do such a thing, cuz HTML and CSS are totally two language and u can not guess what HTML like just by CSS
     
  8. VinBed

    VinBed Regular Member

    Joined:
    Apr 24, 2012
    Messages:
    230
    Likes Received:
    67
    Occupation:
    Bedford Slims Affiliate Network Director
    Home Page:
    You can embed your CSS into your HTML files, but you can't convert CSS code into html.
     
  9. cutty

    cutty BANNED BANNED

    Joined:
    Jan 10, 2010
    Messages:
    148
    Likes Received:
    53
    You can look at HTML as the building blocks to your website and CSS the look and feel to it. Take a house for example. The HTML is the frame of the house, while the css is the siding and other aesthetically appealing factors of the house visually.
     
    Last edited: Dec 31, 2012