Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Looks like noone is considering this easy :)</p> <p>[edit]</p> <p>If it's only about it looking nice - people hate to see default pure html. So adding body background and nice fonts is almost enough. Then define 1px borders in tables with a nice trick:</p> <ol> <li>set table background to the same color as border</li> <li>set td background to the background You want and make it have a 1px margin</li> </ol> <p>And add some paddings to default elements like div or p.</p> <p>Your boss will be delighted ;)</p> <p>Read below only if You want to make layout changes without adding anything in the html</p> <p>[/edit]</p> <p>You need to put some html structure information in the CSS. And the whole CSS writing is not that hard if You know how to access desired elements on the page, isn't it.</p> <p>eg. </p> <pre><code>body table{ } </code></pre> <p>refers to every table that is directly in body</p> <pre><code>body div table{ } </code></pre> <p>refers to every table that has a parent div that is directly in body</p> <p>For more complicated stuff look up a specification on </p> <pre><code>:first-child :nth-child() </code></pre> <p>pseudoclasses. It can be given a lot of interesting parameters in those braces :) </p> <p><a href="http://www.w3.org/TR/2001/CR-css3-selectors-20011113/#nth-child-pseudo" rel="nofollow noreferrer">nth-child@W3C</a> <a href="http://www.w3schools.com/css/pr_pseudo_first-child.asp" rel="nofollow noreferrer">first-child@W3C</a></p> <p><strong>caution</strong>: first-child has some old IE7 issues (but works) and nth-child doesn't work in any IE</p> <p>also look <a href="http://www.w3schools.com/css/css_pseudo_elements.asp" rel="nofollow noreferrer">here</a> for inspiration </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.
 

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