- Web ressourcer
- Tests & Demos
- HTML version
- Se HTML...
- Se CSS...
- XHTML version
- ©justdesign
- Kode for
XHTML 1.1 udgave
XHTML 1.1 kode
<?php
// Server-side Negotiation!
// XHTML 1.1 sent as 'application/xhtml+xml' to capable browsers...
// HTML 4.01 sent as 'text/html' to the others!
// Sample header:
/*
<?xml version='1.0' encoding='iso-8859-1' ?>
<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN'
'http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='da'>
*/
include("../header_da.php");
?>
<head>
<meta name='rating' content='general' />
<meta name="description" content="divless layout" />
<meta name="keywords" content="HTML, XHTML, CSS, div, table, divless, divitus" />
<title>Quick & dirty Divless layout :) (xhtml udgave)</title>
<link type="text/css" rel="stylesheet" href="./divless.css" />
<style type="text/css">
<![CDATA[
html { background-image:none; }
.gas strong { text-decoration:blink; /* ;o) */ }
/* background-image on <html> disabled for xhtml! */
/* 2 different backgrounds (on <html> and <body>) crashes Opera... */
]]>
</style>
</head>
<body>
<h1>Minus Divitus!</h1>
<dl>
<dt><a href="../webdesign.html" title="Tilbage til 'Web-ressourcer'">Web ressourcer</a></dt>
<dd><a href="./">Tests & Demos</a></dd>
<dd><a href="./divless.html">HTML version</a></dd>
<dt>Kodning :</dt>
<dd><a href="./divlex.php">Se XHTML...</a></dd>
<dd><a href="./divless.css.php">Se CSS...</a></dd>
<dd><a href="http://validator.w3.org/check?uri=referer;verbose=1">Valid XHTML!</a></dd>
<dd><a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS!</a></dd>
<dd class="gas">Best viewed in any<br /><a href="http://www.spreadfirefox.com/?q=affiliates&id=35941&t=68">good browser</a>!</dd>
<dd class="gas">©<span>just</span>design</dd>
<dd class="gas"><strong>XHTML 1.1 udgave</strong></dd>
<dd class="gas">virker kun i browsere som accepterer <code>application/xhtml+xml</code> som MIME type</dd>
</dl>
<h2>Sine Tabulae...</h2>
<p class="para">Om at bruge <code><table></code> til <em>tabulær data</em>...<br />Lorem ipsum dolor sit amet, consectetuer adipiscing <strong>TABLE FREE!</strong>. Quisque a arcu. Integer molestie turpis quis justo. Aliquam adipiscing libero <strong>TABLE FREE!</strong> nisi. Integer magna velit, hendrerit a, pretium eu, porta in, arcu. Nulla at erat. Ut tempus <strong>TABLE FREE!</strong> neque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere <strong>TABLE FREE!</strong> Suspendisse consectetuer auctor eros. Suspendisse eu massa. Proin elementum. Cras tempor adipiscing orci. Pellentesque bibendum eleifend massa.</p>
<h2>Minus Divitus!</h2>
<p class="para">... og <code><div></code> med <strong>omtanke</strong>!<br />Suspendisse eu massa. Pellentesque bibendum eleifend massa. Ut <strong>DIVLESS!</strong> adipiscing pharetra tortor. Vivamus lectus justo, fermentum malesuada, consequat ac, <strong>DIVLESS!</strong> aliquet eget, ante. Ut tempus neque. Vestibulum ante ipsum primis in faucibus orci luctus et <strong>DIVLESS!</strong> posuere cubilia Curae; Suspendisse consectetuer auctor eros. Suspendisse eu massa. Proin elementum. <strong>DIVLESS!</strong> adipiscing orci.</p>
<h2>Quick & dirty...</h2>
<p class="fod">"Quick & dirty" eksempel på <b>DIV</b>- og <b>TABLE</b>-løs layout med bl.a. styling af <b>HTML</b>- og <b>BODY</b>-elementerne...<br /><em>Don't try this at home!</em></p>
<p class="warn">experimental!</p>
</body>
</html>