Webpage layout: Difference between revisions

From Cumulus Wiki
Jump to navigationJump to search
21 bytes added ,  14:55, 2 November 2018
m
Text replacement - "http://wiki.sandaysoft.com/" to "https://cumuluswiki.wxforum.net/"
m (→‎And finally: tidy up look)
m (Text replacement - "http://wiki.sandaysoft.com/" to "https://cumuluswiki.wxforum.net/")
(2 intermediate revisions by one other user not shown)
Line 287: Line 287:
Here is the complete source code, with the style sheet written into the HTML.  Normally the Stylesheet would be in it's own file, as per the discussion on the previous article
Here is the complete source code, with the style sheet written into the HTML.  Normally the Stylesheet would be in it's own file, as per the discussion on the previous article


http://wiki.sandaysoft.com/files/divlayout.txt
https://cumuluswiki.wxforum.net/files/divlayout.txt




Line 327: Line 327:
</article></pre>
</article></pre>


To further develop the design, include:
To further develop the design, include


  '<aside> some HTML content </aside>'
  <pre><aside> some HTML content </aside></pre>


to add in information not directly related to the
to add in information not directly related to the


  '<main> some HTML content </main>.
  <pre><main> some HTML content </main></pre>.


Your [[Stylesheets]] could position this to the right hand side of the content in 'main' for viewing on a monitor, but below it for narrower media when you print or view on some other devices. Have a look at the HTML used on those web-sites you like, as most browsers offer 'view source'.
Your [[Stylesheets]] could position this to the right hand side of the content in 'main' for viewing on a monitor, but below it for narrower media when you print or view on some other devices. Have a look at the HTML used on those web-sites you like, as most browsers offer 'view source'.


= The next article to read …… =
= The next article to read …… =

Navigation menu