Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>There is no such thing as "translating from HTML to CSS". CSS is used within HTML/XHTML to style/arrange the contents.</p> <p>If you are asking this question because someone told you "CSS is better than tables", I suggest looking for some much more broad information on CSS for layouts in general.</p> <p>CSS and HTML are two complementary languages, each with their own specific purposes, which work together to produce web pages. Purists point out (very correctly) that HTML should contain 'semantic' code, and not layout code. CSS should be used to provide layout.</p> <p>A big source of issues here is that historically, <code>table</code> tags were used for page layout - to create columns within a web page, for example. Therefore, purists like to complain about the use of <code>table</code> tags in HTML for page layout.</p> <p>But many people take that way too far - incorrectly, in fact - and conclude that HTML <code>table</code> tags should not be used... at all. <code>table</code> tags exist for a reason and should <em>always</em> be used for that reason: to describe tabular data. Then, CSS should be used to style and determine the layout of that data. But some people (again: incorrectly) conclude that ALL tables are 'bad'.</p> <p>This ignores the fact that CSS and HTML/tables are not at all contradictory or mutually exclusive. They should be used together. Use <code>table</code> tags to describe tabular data, and then use CSS to style that information for display.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload