Archivlink: javarea.de Forum > (X)HTML & CSS (allgemein) > Wie baue ich eine Navigation in meine Seite ein?
Vollständigen Link anzeigen: javarea.de Forum > (X)HTML & CSS (allgemein) > Wie baue ich eine Navigation in meine Seite ein?
Pages: [1]
| geschrieben von Zied am 07.01.2005 - 18:55 |
Hi könntet ihr mir bitte helfen, oder mir eine Seite nennen wo ich das hier nachschlagen kann:
bitte fügt dieses script mal in euren HTML editor ein, und kuckt es euch an...
Natürlich müsst ihr es in die passenden Tags packen!
nun wenn ihr dieses Script vor euch, in eurem html editor habt, dann kuckt mal wie ich dort am besten eine Navigation bei der linken und rechten margin mache ( die großen Farbigen Flecke links und rechts von level 0 und 2^^)
<style type="text/css">
<!--
<style>
body {
margin:9px 9px 0 9x;
padding:0;
}
#level0 {
background:#FC0;
background-color: #FC0;
}
#level1 {
margin-left:143px;
padding-left:9px;
background:#fff;}
#level2 {
background:#FFF3AC;}
#level3 {
margin-right:150px;
padding-right:9px;
background:#FFF;}
#main {
background:#CCC}
#topBar{
background:#FC0;
}
#advBar{
background:#FFF3AC;
padding-bottom:5px;
}
#menu2 a{
color: black;
background-color: #ccc;
font-size: 10px;
}
#menu2 a:hover,visited{
color:#000000;
background-color: #FC0;
cursor: hand;
text-decoration: underline overline;
}
</style>
So sieht das ganze dann aus!:
<body>
<div id="level0">0
<div id="level1">
<div id="topBar">
<table width="317" border="0" cellpadding="0" cellspacing="0" id="menu2" align="right" >
<tr>
<td width="35" ><a href="#" target="_parent">|HOME|</a></td>
<td width="69" ><a href="#" target="_parent">|COMMUNITY|</a></td>
<td width="42" ><a href="#" target="_parent">EVENTS|</a></td>
<td width="39" ><a href="#" target="_parent">|GUEST|</a></td>
<td width="26" ><a href="#" target="_parent">|FUN|</a></td>
<td width="58" ><a href="#" target="_parent">|TOP
NEWS|</a></td>
<td width="48"> </td>
</tr>
</table>
<div id="advBar"> This is the advertisement bar. </div>
</div>
<div id="level2">2
<div id="level3">
<div id="main"> Hier kommt der Text rein den ich auf meiner Homepage veröffentlichen
möchte! Ich will mal kucken wie es aussieht wenn ich einen langen
Text schreibe! Ich will mal kucken wie es aussieht wenn ich einen langen
Text schreibe! Ich will mal kucken wie es aussieht wenn ich einen langen
Text schreibe! </div>
</div>
</div>
</div>
</div>
Ich habs mal mit einer Ebenen versucht, die kann man zwar verschieben, aber ich kann sie nicht so anbringen das sie dort sind wo ich sie haben will.
Bitte hilft mir wie muss ich eine Ebene machen die dort hingeht wo ich will
PS: bijm erst 14 also noch nicht so komplex wenns geht^^ |
|