M
Maik
Das ist doch nun wirklich kein Hexenwerk
Ein bischen HTML und CSS, und fertig ist hier die Laube
mfg Maik
Ein bischen HTML und CSS, und fertig ist hier die Laube
HTML:
<body>
<div id="topnavigation">
<ul>
<li><a href="javascript:ajaxpage('ajaxfiles/external.htm', 'rightcolumn');">link 1</a></li>
<li><a href="javascript:ajaxpage('ajaxfiles/external2.htm', 'rightcolumn');">link 2</a></li>
<li><a href="javascript:ajaxpage('ajaxfiles/external3.htm', 'rightcolumn');">link 3</a></li>
</ul>
</div>
<div id="leftcolumn">
<a href="javascript:ajaxpage('ajaxfiles/external.htm', 'rightcolumn');">Porsche Page</a>
<a href="javascript:ajaxpage('ajaxfiles/external2.htm', 'rightcolumn');">Ferrari Page</a>
<a href="javascript:ajaxpage('ajaxfiles/external3.htm', 'rightcolumn');">Aston Martin Page</a>
<div style="margin-top: 2em">Load CSS & JS files</div>
<a href="javascript:loadobjs('ajaxfiles/style.css', 'ajaxfiles/tooltip.js');">Load "style.css" and "tooltip.js"</a>
</div>
<div id="rightcolumn"><h3>Choose a page to load.</h3></div>
<div style="clear: left; margin-bottom: 1em"></div>
</body>
CSS:
#topnavigation {
width:739px;
border:3px solid black;
margin-bottom:10px;
}
#topnavigation ul {
list-style:none;
}
#topnavigation ul li {
display:inline;
}
mfg Maik