tush
New Coder
I am new to this forum, I have some background in html,css and svg, but I am not an expert (yet).
I started working with Reveal.js in-browser presentations, and decided that I want a header for my slides.
I want the header to be at the top of (almost) each slide, and to appear something like the attached image, created with a word processor.
My html code looks like this:
[CODE lang="html" title="main HTML" highlight="8"]<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<header style="display: grid; grid-template-columns: 100px 1fr;" >
<img alt="Text" src="Hebrew_University_Logo.svg" width="50px"></img>
<p>A Title for Slide #_</p>
</header>
<p>Content</p>
<p>Lorem Ipsum</p>
</section>
</div>
</div>
<script src="dist/reveal.js"></script>
</body>
</html>[/CODE]
Question:
How do I make such header element to appear on each slide? Is there a css rule for this?
I started working with Reveal.js in-browser presentations, and decided that I want a header for my slides.
I want the header to be at the top of (almost) each slide, and to appear something like the attached image, created with a word processor.
My html code looks like this:
[CODE lang="html" title="main HTML" highlight="8"]<!DOCTYPE html>
<html lang="en">
<head>
</head>
<body>
<div class="reveal">
<div class="slides">
<section>
<header style="display: grid; grid-template-columns: 100px 1fr;" >
<img alt="Text" src="Hebrew_University_Logo.svg" width="50px"></img>
<p>A Title for Slide #_</p>
</header>
<p>Content</p>
<p>Lorem Ipsum</p>
</section>
</div>
</div>
<script src="dist/reveal.js"></script>
</body>
</html>[/CODE]
Question:
How do I make such header element to appear on each slide? Is there a css rule for this?
