tabel in template niet zichtbaar

Status
Niet open voor verdere reacties.
T

thedonnl

Gebruiker
Lid geworden
25 mrt 2004
Berichten
85
Hallo allemaal,
voor een studieopdracht heb ik templates/slabloon aangemaakt en daarop html pagina's gebaseerd waarbij de mainsectie <div id= Main>editable gemaakt is.
Nu heb ik hierin de code geplakt van mijn html pagina die nog niet gekoppeld was aan een template (waar de bewuste tabel keurig zichtbaar is) maar in de op de template gebaseerde html pagina wordt de tabel niet zichtbaar.
Alle div'jes staan goed en kom er niet meer uit waarom deze "mondriaan-tabel) niet zichtbaar wordt.
Iemand enig idee??
bedankt alvast voor de hulp. thedon:eek:

dit is de CSS code van de mainsectie:

Code: 
#main{
	background-color: #FFF;
	width: 450px;
	height: 530px;
	float: left;
	overflow: auto;
	font-size: 1.1em;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

dit staat in de HTML-mainsectie:

Code: 
<div id="main"><!-- InstanceBeginEditable name="Main" --><span class="verdanaroodbold24">Mijn Mondriaan</span><br /><p>

<table width="450" height="450" cellpadding="0px" align="center" border="5" bordercolor="#000000" cellspacing="5" bgcolor="#000000">
  <tr>
    <td bgcolor="#FF0000" colspan="2"></td><!--1-->
    
    <td bgcolor="#0000FF" colspan="3"></td><!--3-->
    
    <td bgcolor="#FFFF00" rowspan="3"></td>
    <td bgcolor="#FF0000" colspan="2"></td>
  </tr>
  <tr>
    <td bgcolor="#FFFF00" colspan="3"></td>
    
    <td bgcolor="#FF0000" colspan="2" rowspan="2"></td>
    
    <td bgcolor="#FFFFFF" colspan="2" rowspan="2"></td>
  </tr>
  <tr>
    <td bgcolor="#FFFFFF" colspan="2" rowspan="4"></td>
    <td bgcolor="#FFFFFF"></td>
    
  </tr>
  <tr>
    <td bgcolor="#0000FF" colspan="6"></td>
  </tr>
  <tr>
    <td bgcolor="#FF0000" rowspan="2"></td>
    <td bgcolor="#FFFFFF" colspan="2"></td>
    <td bgcolor="#FFFF00" colspan="3" rowspan="2"></td>
  </tr>
  <tr>
    <td bgcolor="#0000FF" colspan="2"></td>
  </tr>
</table></p>
<!-- InstanceEndEditable --></div><!--eindtag main-->
 
Dat is dus normaal dat je in je template/sjabloon geen inhoud hebt.
het is in je template dat je Editable regions aanmaakt om dan in de html paginas die je aanmaakt met die template/sjabloon de Editable regions in te vullen met je inhoud.
Anderzijds is het wel zo als je in je template/sjabloon dingen veranderd, die in al je paginas die je hebt aangemaakt met die template/sjabloon mee zullen veranderen.
vb een menuitem toevoegen of verwijderen.
mvg
defietser
 
Hallo defietser,

Dat gedeelte was me ook wel duidelijk, ik heb die tabel geplakt in een nieuwe html-pagina, gebaseerd op die template, in de basis-template staat natuurlijk niets, aleen maar editable regions.
Mijn probleem is dat ik een exacte code plak in die nieuwe ( op template gebaseerde) html-pagina en dat die tabel niet zichtbaar is maar in de originele (niet gekopeld aan een template) html pagina wel??
dat is zo vreemd:confused:
 
Je doet het ergens verkeerd dan.
Hier onder een template/sjabloon main.dwt(dreamweavertemplate dwt)
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
	margin: 0px;
	padding: 0px;
}
#main{
	background-color: #FFF;
	width: 450px;
	height: 530px;
	font-size: 1.1em;
	margin-right: auto;
	margin-left: auto;
}
-->
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>

<body>
<div id="main"><!-- TemplateBeginEditable name="MainTable" -->MainTable<!-- TemplateEndEditable -->
</div>
</body>
</html>
Hieronder een html pagina gemaakt met die template hierboven main.html
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/main.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
	margin: 0px;
	padding: 0px;
}
#main{
	background-color: #FFF;
	width: 450px;
	height: 530px;
	font-size: 1.1em;
	margin-right: auto;
	margin-left: auto;
}
-->
</style>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>

<body>
<div id="main"><!-- InstanceBeginEditable name="MainTable" -->
<table width="450" height="450" cellpadding="0px" align="center" border="5" bordercolor="#000000" cellspacing="5" bgcolor="#000000">
  <tr>
    <td bgcolor="#FF0000" colspan="2"></td><!--1-->
    
    <td bgcolor="#0000FF" colspan="3"></td><!--3-->
    
    <td bgcolor="#FFFF00" rowspan="3"></td>
    <td bgcolor="#FF0000" colspan="2"></td>
  </tr>
  <tr>
    <td bgcolor="#FFFF00" colspan="3"></td>
    
    <td bgcolor="#FF0000" colspan="2" rowspan="2"></td>
    
    <td bgcolor="#FFFFFF" colspan="2" rowspan="2"></td>
  </tr>
  <tr>
    <td bgcolor="#FFFFFF" colspan="2" rowspan="4"></td>
    <td bgcolor="#FFFFFF"></td>
    
  </tr>
  <tr>
    <td bgcolor="#0000FF" colspan="6"></td>
  </tr>
  <tr>
    <td bgcolor="#FF0000" rowspan="2"></td>
    <td bgcolor="#FFFFFF" colspan="2"></td>
    <td bgcolor="#FFFF00" colspan="3" rowspan="2"></td>
  </tr>
  <tr>
    <td bgcolor="#0000FF" colspan="2"></td>
  </tr>
</table></p>

<!-- InstanceEndEditable -->
</div>
</body>
<!-- InstanceEnd --></html>
werkt goed
 
Hallo defietser, bedankt voor je uitgebreide antwoord en voorbeelden, het is een groot raadsel voor me, eigenlijk staat alles goed volgens mij maar ik kom er niet achter waarom de tabel niet zichtbaar is??
Mijn <main> code staat dan in een CSS-stylesheet weliswaar maar dat zou toch geen verschil mogen maken??
:eek:
 
Dat maakt geen verschil interne of externe css. ik heb hier een interne stylsheet gebruikt voor mijn eigen gemak.
suc6
Mvg
Defietser
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan