Entschuldigung, ich glaube du hast da etwas falsch verstanden. Ich habe tatsächlich vergessen in meiner ersten PN einen Link anzugeben. Die zweite PN war nur aufgrund der ersten zur Verbesserung. Der Link der 2. hat nichts mit meinen jetzigen Projekt zu tun. Da du mich ignonriert hast, wird es nicht nützen dir den richten link zu schicken. Ändere einfach das "index.htm" zu "index1.htm". Ich entschuldige mich nochmals hierfür, es war wirklich keine Absicht keinen Link anzugeben. Leider habe ich dies nicht bemerkt, da ich mit dem Menü beschäftigt war.
Ich kann gerne einen Teil des Quellcodes hier veröffentlichen, den Link allerdings eher ungern (hab ich weiter oben schon gesagt).
Der Link in der vermeintlich falschen PN diente nur zur Veranschaulichung, dass es nicht funktioniert, nicht damit du diesen verbesserst.
Ich hoffe du verstehst, dass es sich heirbei um ein Missverstädniss handelt - es war niemals meine Absicht so etwas zu erreichen. Leider wusste ich nichts davon, dass ich vor lauter Hektik vergessen habe einen Link mit in die PN zu schreiben. Meine letzen Beiträge bezogen sich aber auf diesen. Den Link der 2. PN hat tatsächlich nichts mit Dropdown zu tun, sondern diente nur dazu den Unteschied zwischen den beiden Versionen zu erkennen.
Obwohl ich bezweifle, dass mir jemand antworten wird (nach diesem Vorfall verständlich) versuche ich es trotzdem aufs Neue:
Wie weiter oben bereits erwähnt, versuche ich gerade ein Dropdown Menü zu erstellen, welches rechtsbündig sein soll. Ich hab mich für die Suckerfish Dropdown Methode entschieden und diese auch nach dem Tutorial umgesetzt. Allerdings stimmt nun die Position nicht mehr. Der Text ist zwar rechtsbündig, allerdings der "#navigation" container nicht.
Außerdem gibt es ein offensichtliches Problem mit den Links (die Unterstriche werden falsch bzw. teilweise gar nicht angezeigt.
Im IE ist das Dropdown Menü falsch positioniert. Hier der Quelltext:
Code:
[...]
<div id="navigation">
<ul>
<li><a href="#"><font size="5">Link1</font></a></li>
<li><a href="#"><font size="2">Link2</font></a>
<ul>
<li><a href="#"><font size="2">Teil 1</font></a>
<li><a href="#"><font size="2">Teil 2</font></a>
</ul>
</li>
<li><a href="#"><font size="6">Link3</font></a></li>
<li><a href="#"><font size="3">Link4</font></a></li>
<li><a href="#"><font size="2">Link5</font></a></li>
<li><a href="#"><font size="4">Link6</font></a></li>
</ul>
</div>
[...]
CSS:
Code:
#navigation {
float: right;
width: 700px;
height:300px;
margin-right:100px;
}
#navigation ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
#navigation ul li {
position : relative;
width: 10em;
border:none;
padding-top:2px;
padding-bottom:2px;
text-align:right;
}
#navigation ul li a{
text-decoration: none;
color: #575757;
text-align:right;
}
#navigation ul li a:hover {
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #575757;
text-align:right;
}
#navigation li ul {
position: absolute;
width: 10em;
left: -999em;
margin-left: 5em;
margin-top : -1.35em;
}
#navigation li:hover ul, #navigation li.sfhover ul {
left: auto;
}
Weiter unten im Quelltext ist nochmals eine ul li definition, die für Aufzählungen dient:
ul{
font-size: 12px;
color: #252222;
margin: 0px;
padding: 0px;
}
ul li{
list-style-type: none;
padding-top:5px;
padding-bottom:5px;
border-bottom: 1px solid #ececec;
}
Der Header, in welchem sich #navigation befindet hat eine Breite von 880px und margin-left: 20px;
