Avatar billede mik789 Nybegynder
07. februar 2003 - 16:29 Der er 2 kommentarer og
1 løsning

div i xhtml strict

Hvorfor validerer det her ikke:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css"><!--
a {
    text-decoration: none;
}
.info {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    background-color: #dfdfdf;
    text-align: left;
    display: none;
    margin-left: 5px;
    border: thin dotted #333333;
    position: static;
    height: auto;
    width: 90%;
}
--></style>
<script type="text/javascript"><!--
function OpenClose(id){
if (document.getElementById){
  if (document.getElementById(id).style.display == 'none'){
  document.getElementById(id).style.display = 'block';
  } else {
  document.getElementById(id).style.display = 'none';
  }
}
}
//--></script>
</head>

<body>
<p><a href="java script:;" onclick="OpenClose('linje01');"><strong>Her er en linje med tekst</strong></a>
<div id="linje01" class="info" style="display:none;">
Navn Efternavn, stilling,<br />
Telefon, adresse, e-mail<br />
Interesser: blablabla blabla bla.</div></p>
<p><a href="java script:;" onclick="OpenClose('linje02');"><strong>Her er endnu en linje</strong></a>
<div id="linje02" class="info" style="display:none;">
Navn02 Efternavn02, stilling<br />
Telefon, adresse e-mail<br />
Interesser: mere blabla</div></p>
<p><a href="java script:;" onclick="OpenClose('linje03');"><strong>Og her er en tredje</strong></a>
<div id="linje03" class="info" style="display:none;">
Navn03 Efternavn03, stilling<br />
Telefon, adresse, e-mail<br />
Interesser: plidderpladder</div></p>
</body>
</html>


-------

W3C siger (ved alle linjer med divs):
document type does not allow element "div" here; missing one of "object", "ins", "del", "map", "button" start-tag
Avatar billede werd Nybegynder
07. februar 2003 - 16:49 #1
du må ikke have et blockline element inde i et inline-element

altså.. ingen <div> tags inde i <p> tags!
Avatar billede mik789 Nybegynder
07. februar 2003 - 17:08 #2
werd> OK... men jeg troede da at <p> som standard er block. det er da hvad det står på: http://www.blooberry.com/indexdot/html/tagpages/p/p.htm
Avatar billede werd Nybegynder
07. februar 2003 - 17:48 #3
det er også mig dermumler... men di må ihvertfald ikke have div-tags inden i <p>! - virkede det ikke at fjerne dem, når du validerer?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester