nicht angemeldet
Hallo, ich habe mir ein Script geholt, dass eine schöne Tableiste generiert wie ich sie haben will. Bloß möchte ich die nicht vertikal, sondern horizontal ausrichten lassen. Habt Ihr die Möglichkeit, mir den Script anzupassen? Ich möchte sptäer mal das lernen, bin jetzt aber in totaler Eile, dass das für den Kunden fertig wird.
Modified by Nicole
<script type="text/javascript" src="tablist.js">
</script>
<style type="text/css">
div.mundigl_tabs, a.mundigl_tabs
{
width: 100px;
border: 1px grey;
background: #FFFFEE;
padding: 0px 2px;
font-weight: 900;
color: #000000;
}
a.mundigl_tabs
{
display: block;
border-bottom: none;
text-decoration: none;
}
form.mundigl_tabs
{
position: absolute;
visibility: hidden;
border: 1px grey;
background: #FFFFEE;
padding: 0px 5px 2px 5px;
}
</style>
</head>
<body>
<!-- Tablist inserted by Nicole Mundigl for department structure-->
<div id="menu_parent" class="mundigl_tabs">
<a class="mundigl_tabs" href="organigram.aspx">Organigram</a>
</div>
<div id="menu_parent" class="mundigl_tabs">
<a class="mundigl_tabs" href="people.aspx">People</a>
</div>
<div id="menu_parent" class="mundigl_tabs">
<a class="mundigl_tabs" href="calendar.aspx">Calendar</a>
</div>
<div id="menu_parent" class="mundigl_tabs">
<a class="mundigl_tabs" href="projects.aspx">Projects</a>
</div>
<div id="menu_parent" class="mundigl_tabs">
<a class="mundigl_tabs" href="technologies.aspx">Technologies</a>
</div>
<div id="menu_parent" class="mundigl_tabs">
<a class="mundigl_tabs" href="links.aspx">Links</a>
</div>
<div id="menu_child" style="position: absolute; visibility: hidden;">
<a class="mundigl_tabs" href="#">mehr Unterseiten möglich</a>
</div>
<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");
</script>
##############################################################################
Original:
<script type="text/javascript" src="dropdown.js">
</script>
<style type="text/css">
div.sample_attach, a.sample_attach
{
width: 100px;
border: 1px solid black;
background: #FFFFEE;
padding: 0px 5px;
font-weight: 900;
color: #008000;
}
a.sample_attach
{
display: block;
border-bottom: none;
text-decoration: none;
}
form.sample_attach
{
position: absolute;
visibility: hidden;
border: 1px solid black;
background: #FFFFEE;
padding: 0px 5px 2px 5px;
}
</style>
</head>
<body>
<div id="menu_parent" class="sample_attach">
Main Menu
</div>
<div id="menu_child" style="position: absolute; visibility: hidden;">
<a class="sample_attach" href="#">Item 1</a>
<a class="sample_attach" href="#">Item 2</a>
<a class="sample_attach" style="border-bottom: 1px solid black;" href="#">Item 3</a>
</div>
<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");
</script>
</body>
</html>
1000 Dank schonmal. Nicole