Replace HTML attributes with CSS [closed] - html

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
I have many html files generated by some coworkers through Dreamweaver CS5.5 and (worse!) Frontpage 2003. The source for these files looks horrendous and I am tasked with updating them to HTML5 format. I found tools online for stripping out inline css and adding the code to external sheets as well as combining and merging multiple css files into a single file.
What I want to find is some system of taking the outdated html attributes such as align, valign, bgcolor, width, height, etc. and replacing them with css code. It's way too much to do manually so I thought I could get some ideas on software to help me do this. Thanks.
Edit: Henry wants to know the tools I found. Here they are:
http://inlinecssextractor.com/home.html (Inline CSS Extractor)
http://www.minifycss.com/css-compressor/ (CSS Compressor)

For the CSS part, fantasai will help you styling in modern CSS each deprecated attribute you removed (or replaced by a class having the same styling)
Good luck with the <ms:o part. And <font> :/

Related

How to create website as per my layout without website template.? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
I want to create a website but i don't know html and CSS . I have submitted my website layout to the teachers but i don't no how i will create that website look like layout.. so what can i do ? Is their any software like blue griffon etc (blue griffon is not good i didn't understand)
This is my small project to do but i don't no how can i do my classmates is doing this Good because they know html and css
From looking at your template, I assume that you are using Microsoft Word? There are methods which allows you to convert Word documents to HTML online. While they may not reproduce the standards of what a HTML and CSS webpage would be written from scratch, it will allow you to view the document in your browser, and edit in a text editor.
If you need to use a site builder, there are websites freely available such as Squarespace and Webflow (Which is a bit more advanced). And there is also the option of you learning HTML and CSS yourself. There are many websites, YouTube videos and books to help you get started.

html editor that finds applied css [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
Right now, I am using Notepad++ with two windows (page.html & page.css) - selecting an html tag I'd like to see the applied css for this specific tag, but with NotepadPlus I always have to scroll through deepest jungle of code.
The beavior I am asking for is similiar like with Firebug, when you inspect html and Firebug shows you the css applied on this specific tag.
The editor does not need to be complex, no wysiwyg.
(I know Dreamweaver is about visuality, but does it do the job?)
I think I have stumbled upon the functionality you require inside an editor called "Brackets". In your html file, if you target an html element, you can hit "Ctrl/Cmd + E" and you get the css for that specific element. And Brackets is a free to use Adobe editor. Hope this is what you are looking for.

Compiled HTML (.Chm) Building from project [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 8 years ago.
Improve this question
I've been searching lately for different way to present a user manual that is easy to use and understand.
At first, I tought that the Microsoft Help files would be great, since I knew my way around basic HTML. Little did I knew that Microsoft Help Workshop was a bit more complicated than simply taking HTML and processing it. I had multiple problem while trying to ajust the different styles and classes applied to my HTML.
What would be the best tool to use to convert an existing HTML project (HTML, CSS and basic Javascript) to a compiled .CHM file?
If it is not possible, what option would be worth exploring when making maintainable user manuals?
Thanks.
I would explore using pandoc to convert your html or markdown to docbook or pdf, or any of 100s of other formats.
There are various tools available to do that. Few noteworthy are: nDoc or DocBook or FAR HTML or doxygen or Microsoft's SandCastle

Is there a version of scintilla (scilexer.dll) that includes "style"(CSS) lexing for HTML? [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 5 years ago.
Improve this question
I'm fairly sure that text-highlighting (through separating the different kinds of text) is part of the scintilla lexer's job. If it's not and is instead program specific, then please correct me.
The current version of scintilla's HTML lexer has support for script tag elements (i.e. <script>) and other types of embedded code, but not for stylesheet tag elements (i.e. <style>) such as CSS.
My friend uses Notepad++ (which uses Scintilla) for web editing and would like this feature. Before I run off and build him a custom version, I figured I'd ask if anyone else has already added this though.
Before people recommend checking the latest version of Scintilla (because Notepad++'s version is 2 years behind) for if it's got this feature already, I've built the latest version and tested it. It does not work with embedded CSS either.
Upgrade to the latest version of Notepad++ (6.3.2) as it already caters for CSS syntax highlighting.

Create clean simple HTML/CSS using best practice examples [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 7 years ago.
Improve this question
I am having a hard time creating clean maintainable HTML/CSS code. Is there an editor, book or webpage that can help me using best practices.
This is some examples:
Naming of divs and classes: You might have an area with a user profile. How would you name the id and classes? (#author_profile, .username, .userBirthday etc.)
Tags or divs: A lot of times I am getting confused on when to create my own divs or use a tag with id/class. Any good examples?
Positioning: 99% of the times I set a fixed width on the elements and use float: left/right. Any tips on making CSS positioning more accessible. I have tried a lot of CSS frameworks, but this has not worked for me. Always ends up with deeply nested divs and a lot of classes.
Here you go Web Page Development: Best Practices.
http://net.tutsplus.com/tutorials/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/
Start at Nettuts...where i learnt everything i know (pretty much)
You may as well use this chrome plugin called CSS Brush to check it live on the webpage. The context-sensitive-menu helps you see what all properties exist for a particular style and apply to the element live. After you have done with all the CSS, you may copy them all and paste in your CSS file.