Fix element a/button must not appear as a descendant of button/a
element.
Use only a element with distinct class style
Signed-off-by: Max Charrier <max@puffer.fish>
<BODY>
<H1>Max</H1>
<P>Welcome to Deez Nuts!</P>
- <BUTTON LANG="fr"><A HREF="index.html">Go back to La France! <-</A></BUTTON>
+ <A LANG="fr" CLASS="button" HREF="index.html">Go back to La France! <-</A>
</BODY>
</HTML>
<BODY>
<H1>Max</H1>
<P>Pain, beurre et confiture</P>
- <BUTTON LANG="en"><A HREF="en.html">-> For the English document</A></BUTTON>
+ <A LANG="en" CLASS="button" HREF="en.html">-> For the English document</A>
</BODY>
</HTML>
h1 {
font-size: 4rem;
}
-button {
+.button {
position: absolute;
top: 20px;
right: 40px;
font-family: 'comic_monobold', ui-monospace, monospace;
font-size: 1.2rem;
+ display: inline-block;
+ padding: 10px 20px;
+ background-color: #5d3a00;
+ color: #f9ea9a;
+ text-decoration: none;
+ border: 1px solid #f98948;
+ border-radius: 5px;
}
projects / max / www.git / commitdiff