Skip to content
Snippets Groups Projects
Select Git revision
  • master default
1 result

css-eksempel.html

Blame
    • css-eksempel.html 1.36 KiB 
    <!DOCTYPE html>
<html>

  <head>
    <title>Nettsiden min</title>

    <style>
      p, h1 {
      	color : #FF6666;
      	background-color: yellow;
      }
      img {
      	border: 1px solid black;
      	padding: 10px;
      }
      #content {
        position: relative;
      	border: 1px dotted black;
        width: 80%;
      	min-width: 200px;
      	max-width:800px;
      	margin: auto;
      }
      header {
      	border: 2px solid red;
      }
      .kolonne {
      	border: 2px solid green;
      	float: left;
      	width: 200px;
      }
      #favoritter {
		position: relative;
        left: 2px;
        top: 2px;
    	
      }
      .clear {clear: both;}
    </style>
  </head>

  <body>
	<div id="content">
	  <header>
		<h1>Velkommen til nettsiden min!</h1>
	  </header>

	  <div id="om_meg" class="kolonne">
		<p>Her er et bilde av meg:</p>
		<img src="bildeavmeg.jpg" height="150" />
	  </div>

	  <div id="min_hobby" class="kolonne">
		<h2>Min hobby</h2>

		<p>Min store hobby er &aring; samle p&aring; frimerker. <br/> Les mer om frimerker
		  <a href="http://no.wikipedia.org/wiki/Frimerke">her</a>.
		</p>
	  </div>

	  <div id="favoritter" class="kolonne">
		<h3>Mine favorittfrimerker</h3>
		<ol id="bindersliste">
		  <li>Det r&oslash;de frimerket</li>
		  <li>Det rosa frimerket</li>
		</ol>
	  </div>

	  <div class="clear"></div>
    </div>
      </body>
</html>