Hallo alle zusammen,
da meine CSS-Kenntnisse nicht so berauschend sind, und ich es schon etwas länger probiere, bitte ich um Eure Hilfe. Ich möchte gerne ein Topmenü (Intern,Persönlich,Individuell und Unabhänging) nach dieser Vorgabe gestalten:
Im Seitenquelltext finde ich folgenden HTML-Code:
Code
<ul class="nav menu_top"><li class="item-102"><a href="/intern.html" ><img src="/images/topmenu/Intern.jpg" alt="Intern" /><span class="image-title">Intern</span> </a></li><li class="item-103"><a href="/persönlich.html" ><img src="/images/topmenu/Persoenlich.jpg" alt="Persönlich" /><span class="image-title">Persönlich</span> </a></li><li class="item-104"><a href="/individuell.html" ><img src="/images/topmenu/Individuell.jpg" alt="Individuell" /><span class="image-title">Individuell</span> </a></li><li class="item-105"><a href="/unabhängig.html" ><img src="/images/topmenu/Unabhaengig.jpg" alt="Unabhängig" /><span class="image-title">Unabhängig</span> </a></li></ul>
Und das ist mein bisheriger CSS-Code:
Code
.moduletable_top {
list-style: none;
}
.moduletable_top h3 {
left: -3000px;
position: absolute;
}
ul.menu_top {
padding-right: 0px;
padding-top: 0px;
text-align: left; /*Ersettze es mit left, center, oder right um die Ausrichtung festzulegen*/
}
.menu_top li {
display: inline;
font-size: 12.5pt;
font-weight: bold;
margin: 0px 25px;
width: 125px;
}
.menu_top li img {
}
.image-title {
clear: both;
}
.menu_top li a:link, .menu_top li a:visited {
color: #ff9933;
}
.menu_top li a:hover {
text-decoration: underline;
}
Alles anzeigen
Freue mich über Eure Hilfe.
Gruß
Markus