Hallo Astrid,
Bedankt voor je snelle antwoord.
1. Ik heb 'position: absolute;' weggehaald en nu staat alles weer onder elkaar. Bedankt! Wel wordt de opsommingslijst nu gecentreerd weergegeven. Ik kan dat niet oplossen door er een <div align="left">...</div> omheen te zetten. Hoe kan ik dit wel doen? (De foto van het paard met de kat heb ik tijdelijk even weggehaald.)
2. Verder begrijp ik niet dat ik dit toe moest voegen:
Code:
#header ul.menu {
list-style-type: none;
margin-top: -45px !important;
}
Nu staat mijn menubalk een stuk naar beneden en dat was niet de bedoeling.
3.
Edit: Sterker nog: ik vermoed dat je hebt zitten "sleutelen" aan de index.php van je template en dat je daar iets niet goed hebt gedaan. Je header wordt iig niet meer afgesloten met een </div>, zodat alles nu onder de header valt.
Ik heb inderdaad gesleuteld aan de index.php. Er staan zoveel </div>'s in, dat ik niet meer weet welke bij elkaar horen. Daarom heb ik nu achter elke </div> gezet waar hij bij hoort (waar dat nog niet gebeurd was). Ik mis inderdaad een '</div><!-- end header -->'. Kun jij mij helpen waar die hoort?
Code:
<body>
<div id="all">
<div id="back">
<?php if(!$templateparams->get('html5', 0)): ?>
<div id="header">
<?php else: ?>
<header id="header" align="center" > <!-- ALIGN BEPAALD HOOFDMENU -->
<?php endif; ?>
<div class="logoheader">
<h1 id="logo">
<?php if ($logo != null ): ?>
<img src="<?php echo $this->baseurl ?>/<?php echo htmlspecialchars($logo); ?>" alt="<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>" />
<?php else: ?>
<?php echo htmlspecialchars($templateparams->get('sitetitle'));?>
<?php endif; ?>
<span class="header1">
<?php echo htmlspecialchars($templateparams->get('sitedescription'));?>
</span></h1>
</div><!-- end logoheader -->
<ul class="skiplinks">
<li><a href="#main" class="u2"><?php echo JText::_('TPL_BEEZ5_SKIP_TO_CONTENT'); ?></a></li>
<li><a href="#nav" class="u2"><?php echo JText::_('TPL_BEEZ5_JUMP_TO_NAV'); ?></a></li>
<?php if($showRightColumn ):?>
<li><a href="#additional" class="u2"><?php echo JText::_('TPL_BEEZ5_JUMP_TO_INFO'); ?></a></li>
<?php endif; ?>
</ul>
<h2 class="unseen"><?php echo JText::_('TPL_BEEZ5_NAV_VIEW_SEARCH'); ?></h2>
<h3 class="unseen"><?php echo JText::_('TPL_BEEZ5_NAVIGATION'); ?></h3>
<jdoc:include type="modules" name="position-1" />
<div id="line">
<div id="fontsize"></div>
<h3 class="unseen"><?php echo JText::_('TPL_BEEZ5_SEARCH'); ?></h3>
<jdoc:include type="modules" name="position-0" />
</div> <!-- end line -->
<div id="header-image">
<jdoc:include type="modules" name="position-15" />
<?php if ($this->countModules('position-15')==0): ?>
<!-- DIT IS DE FOTO VAN DE BANANEN EN DE MAN
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/fruits.jpg" alt="<?php echo JText::_('TPL_BEEZ5_LOGO'); ?>" /> -->
<img src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/images/samengesteld-prijzen-luchtfoto-1050x180-1.jpg" alt="Pension- en dressuurstal 'De Oude Meerdijk'" />
<?php endif; ?>
<?php if (!$templateparams->get('html5', 0)): ?>
</div><!-- end header-image -->
<?php else: ?>
</header><!-- end header -->
<?php endif; ?>
<div id="<?php echo $showRightColumn ? 'contentarea2' : 'contentarea'; ?>">
<div id="breadcrumbs">
<jdoc:include type="modules" name="position-2" />
</div> <!-- end breadcrumbs -->
<?php if ($navposition=='left' and $showleft) : ?>
<?php if(!$this->params->get('html5', 0)): ?>
<div class="left1 <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
<?php else: ?>
<nav class="left1 <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
<?php endif; ?>
<jdoc:include type="modules" name="position-7" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
<jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2" id="3" />
<?php if(!$this->params->get('html5', 0)): ?>
</div><!-- end navi -->
<?php else: ?>
</nav>
<?php endif; ?>
<?php endif; ?>
<div id="<?php echo $showRightColumn ? 'wrapper' : 'wrapper2'; ?>" <?php if (isset($showno)){echo 'class="shownocolumns"';}?>>
<div id="main">
<?php if ($this->countModules('position-12')): ?>
<div id="top"><jdoc:include type="modules" name="position-12" />
</div> <!-- end top-->
<?php endif; ?>
<jdoc:include type="message" />
<jdoc:include type="component" />
</div><!-- end main -->
</div><!-- end wrapper -->
<?php if ($showRightColumn) : ?>
<h2 class="unseen">
<?php echo JText::_('TPL_BEEZ5_ADDITIONAL_INFORMATION'); ?>
</h2>
<div id="close">
<a href="#" onclick="auf('right')">
<span id="bild">
<?php echo JText::_('TPL_BEEZ5_TEXTRIGHTCLOSE'); ?></span></a>
</div> <!-- end close -->
<?php if (!$templateparams->get('html5', 0)): ?>
<div id="right">
<?php else: ?>
<aside id="right">
<?php endif; ?>
<a id="additional"></a>
<jdoc:include type="modules" name="position-6" style="beezDivision" headerLevel="3"/>
<jdoc:include type="modules" name="position-8" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="position-3" style="beezDivision" headerLevel="3" />
<?php if(!$templateparams->get('html5', 0)): ?>
</div><!-- end right -->
<?php else: ?>
</aside>
<?php endif; ?>
<?php endif; ?>
<?php if ($navposition=='center' and $showleft) : ?>
<?php if (!$this->params->get('html5', 0)): ?>
<div class="left <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav" >
<?php else: ?>
<nav class="left <?php if ($showRightColumn==NULL){ echo 'leftbigger';} ?>" id="nav">
<?php endif; ?>
<jdoc:include type="modules" name="position-7" style="beezDivision" headerLevel="3" />
<jdoc:include type="modules" name="position-4" style="beezHide" headerLevel="3" state="0 " />
<jdoc:include type="modules" name="position-5" style="beezTabs" headerLevel="2" id="3" />
<?php if (!$templateparams->get('html5', 0)): ?>
</div><!-- end navi -->
<?php else: ?>
</nav>
<?php endif; ?>
<?php endif; ?>
<div class="wrap"></div>
</div> <!-- end contentarea -->
</div><!-- back -->
</div><!-- all -->
<div id="footer-outer">
<?php if ($showbottom) : ?>
<div id="footer-inner">
<div id="bottom">
<?php if ($this->countModules('position-9')): ?>
<div class="box box1"> <jdoc:include type="modules" name="position-9" style="beezDivision" headerlevel="3" /></div>
<?php endif; ?>
<?php if ($this->countModules('position-10')): ?>
<div class="box box2"> <jdoc:include type="modules" name="position-10" style="beezDivision" headerlevel="3" /></div>
<?php endif; ?>
<?php if ($this->countModules('position-11')): ?>
<div class="box box3"> <jdoc:include type="modules" name="position-11" style="beezDivision" headerlevel="3" /></div>
<?php endif ; ?>
</div> <!-- end bottom -->
</div> <!-- end footer-inner -->
<?php endif ; ?>
<div id="footer-sub">
<?php if (!$templateparams->get('html5', 0)): ?>
<div id="footer">
<?php else: ?>
<footer id="footer">
<?php endif; ?>
<!-- DIT IS DE ONDERSTE REGEL MET JOOMLA!
<jdoc:include type="modules" name="position-14" />
<p>
<?php echo JText::_('TPL_BEEZ5_POWERED_BY');?> <a href="http://www.joomla.org/">Joomla!®</a>
</p>
-->
<?php if (!$templateparams->get('html5', 0)): ?>
</div><!-- end footer -->
<?php else: ?>
</footer>
<?php endif; ?>
</div> <!-- end footer-sub -->
</div> <!-- end footer-outer -->
<jdoc:include type="modules" name="debug" />
</body>
</html>
Alvast bedankt.
Edit Astrid: Ik heb de code tussen codetags geplaatst, volgende keer graag juiste tags gebruiken.
Heeft onderwerp gestart
