Note that there are some explanatory texts on larger screens.

plurals
  1. POVery basic vertical menu in pure html5 and css
    primarykey
    data
    text
    <p>I've been googling for quite a bit and can't find anything that helps me put all the pieces together here. My specs are as follows:</p> <ul> <li>Have three files: index.html, menu.html, and style.css</li> <li>The menu.html has all the content needed for my menu, and is included by index.html via html5 objects. I understand objects can be used like this: <a href="https://stackoverflow.com/questions/9001418/include-html-file-in-html-using-html5">Include html file in html using html5</a></li> <li>style.css can have be very very minimal. Maybe just blue text on a red background, as an example.</li> </ul> <p>What I have managed to accomplish:</p> <ul> <li>Getting the text from menu.html to show up in index.html</li> </ul> <p>My issue is just putting all the pieces together. If someone could help provide the needed lines for index.html (ie, an object tag that correctly references the style) and a very minimal style.css, I would be all set. </p> <p>Thanks for the help, and sorry for the n00b question, but I can't seem to find anything on the combination of html5 objects and css. </p> <p>index.html: <a href="http://pastebin.com/xn2PNAsS" rel="nofollow noreferrer">http://pastebin.com/xn2PNAsS</a></p> <p>menu.html: <a href="http://pastebin.com/A72csf14" rel="nofollow noreferrer">http://pastebin.com/A72csf14</a></p> <p>style.css: <a href="http://pastebin.com/QXxwbpyq" rel="nofollow noreferrer">http://pastebin.com/QXxwbpyq</a></p> <p>What is broken:</p> <ul> <li><p>I just can't get the <em>object only</em> (the menu) to use the style sheet and have a red background. For the main page I would like to have a white background.</p></li> <li><p>Clicking on a menu link seems to open the page in a new frame. I want the entire page to change. The reason for having a menu.html is to stick with the DRY paradigm.</p></li> </ul>
    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.
 

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