Auf Thema antworten 2026

Beitrag

<blockquote data-quote="rockscientist01" data-source="post: 1707981" data-attributes="member: 220195">AW: Was mache ich falsch?Hi,In der letzten css Zeile steh clearfix - worum gehts da? Da fehlt jedenfalls was...Zeile 4 fehlt das ; hinter url()Zeile 6 is ein ; zu viel.Bei allen color:#FFF&nbsp; und an manch anderer Stelle fehlt das abschließende Smikolon ;So richtig verstehe ich Dein Anliegen nicht. Also ein slidedoors menu&nbsp; ist mir als fester Begriff nicht geläufig, dachte erst, du wolltest eine&nbsp; jquery Animation. Meinst Du vielleicht einfach css sprites?Dein Menü funktioniert bei mir jedenfalls gut. Ich habe der .navi noch&nbsp; eine fete Breite von 541px mitgegeben (die Breite beider ul li addiert),&nbsp; dann fällt das Menü nich zusammen, wenn das Browserfenster zu klein&nbsp; wird.Wenn du willst, dass &quot;Startseite&quot; verschwunden ist, wenn man über &quot;Home&quot;&nbsp; hovert, musst du ul li ul li a ansprechen. dem ul li ul li a im html&nbsp; eine Klasse zuweisen, ich nehme mal class=&quot;on&quot;.dann einfach ins css .on{background:none;color:#FFF; }.hoffe, ich konnte helfen, hier nochmal mein code:css:[CODE].navi {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position:absolute;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; left:298px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top:67px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; z-index:2;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width: 541px;}&nbsp; &nbsp; &nbsp; &nbsp; ul {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; list-style:none;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position:relative;}&nbsp; &nbsp; &nbsp; &nbsp; ul li {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; float:left;}&nbsp; &nbsp; &nbsp; &nbsp; ul li:hover,ul li.active {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background:url(Bilder/right.gif);}&nbsp; &nbsp; &nbsp; &nbsp; ul li a {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color:#333;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; text-decoration:none;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:18px;padding:5px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display:block;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-family:Arial, Helvetica, &quot;sans serif&quot;; font-variant:small-caps;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; font-size:19px;}&nbsp; &nbsp; &nbsp; &nbsp; ul li a.b {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; width:465px;}&nbsp; &nbsp; &nbsp; &nbsp; ul li a:hover,ul li:hover &gt; a{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background:url(Bilder/left.gif) no-repeat top left;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color:#FFF;}&nbsp; &nbsp; &nbsp; &nbsp; ul li ul {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display:none;}&nbsp; &nbsp; &nbsp; &nbsp; ul li:hover ul{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; display:block;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position:absolute;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; left:0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top:28px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background:none;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin:0;}&nbsp; &nbsp; &nbsp; &nbsp; ul li ul li {&nbsp; &nbsp; &nbsp; &nbsp; background:none;&nbsp; &nbsp; &nbsp; &nbsp; color:#FFF;}&nbsp; &nbsp; &nbsp; &nbsp; ul li ul li:hover {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background:none;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; color:#FFF;}&nbsp; &nbsp; &nbsp; &nbsp; ul li ul li:hover a {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background:none;color:#FFF; }&nbsp; &nbsp; &nbsp; &nbsp; .on{&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background:none;color:#FFF; }[/CODE][HTML]&lt;ul class=&quot;navi&quot; &gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li &gt;&lt;a href=&quot;#&quot;&gt;Home&amp;nbsp;&amp;nbsp; &lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul id=&quot;navi&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a class=&quot;on&quot; href=&quot;index.html&quot;&gt;Startseite&amp;nbsp;&amp;nbsp; &lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;wir-über-uns.html&quot;&gt;Wir über uns &amp;nbsp;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;news.html&quot;&gt;New&#039;s&amp;nbsp;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &lt;li&gt;&lt;a href=&quot;FAQ.html&quot;&gt;FAQ&#039;s &amp;nbsp;&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;Sitemap.html&quot;&gt;Sitemap&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot; class=&quot;b&quot;&gt;Kontakt &lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;Kontak.php&quot;&gt;Kontakt&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;AGB.html&quot;&gt;AGB&#039;s &lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;Impressum.html&quot;&gt;&lt;b&gt;I&lt;/b&gt;mpressum &lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;Datenschutz.html&quot;&gt;Datenschutz &lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;Bürozeiten.html&quot;&gt;Bürozeiten&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;[/HTML]AO</blockquote>

[QUOTE="rockscientist01, post: 1707981, member: 220195"] [b]AW: Was mache ich falsch?[/b] Hi, In der letzten css Zeile steh clearfix - worum gehts da? Da fehlt jedenfalls was... Zeile 4 fehlt das ; hinter url() Zeile 6 is ein ; zu viel. Bei allen color:#FFF und an manch anderer Stelle fehlt das abschließende Smikolon ; So richtig verstehe ich Dein Anliegen nicht. Also ein slidedoors menu ist mir als fester Begriff nicht geläufig, dachte erst, du wolltest eine jquery Animation. Meinst Du vielleicht einfach css sprites? Dein Menü funktioniert bei mir jedenfalls gut. Ich habe der .navi noch eine fete Breite von 541px mitgegeben (die Breite beider ul li addiert), dann fällt das Menü nich zusammen, wenn das Browserfenster zu klein wird. Wenn du willst, dass "Startseite" verschwunden ist, wenn man über "Home" hovert, musst du ul li ul li a ansprechen. dem ul li ul li a im html eine Klasse zuweisen, ich nehme mal class="on". dann einfach ins css .on{background:none;color:#FFF; }. hoffe, ich konnte helfen, hier nochmal mein code: css: [CODE].navi { position:absolute; left:298px; top:67px; z-index:2; width: 541px;} ul { list-style:none; position:relative;} ul li { float:left;} ul li:hover,ul li.active { background:url(Bilder/right.gif);} ul li a { color:#333; text-decoration:none; height:18px;padding:5px; display:block; font-family:Arial, Helvetica, "sans serif"; font-variant:small-caps; font-size:19px;} ul li a.b { width:465px;} ul li a:hover,ul li:hover > a{ background:url(Bilder/left.gif) no-repeat top left; color:#FFF;} ul li ul { display:none;} ul li:hover ul{ display:block; position:absolute; left:0; top:28px; background:none; margin:0;} ul li ul li { background:none; color:#FFF;} ul li ul li:hover { background:none; color:#FFF;} ul li ul li:hover a { background:none;color:#FFF; } .on{ background:none;color:#FFF; }[/CODE] [HTML]<ul class="navi" > <li ><a href="#">Home   </a> <ul id="navi"> <li><a class="on" href="index.html">Startseite   </a></li> <li><a href="wir-über-uns.html">Wir über uns  </a></li> <li><a href="news.html">New's </a></li> <li><a href="FAQ.html">FAQ's  </a></li> <li><a href="Sitemap.html">Sitemap</a></li> </ul> </li> <li><a href="#" class="b">Kontakt </a> <ul> <li><a href="Kontak.php">Kontakt</a></li> <li><a href="AGB.html">AGB's </a></li> <li><a href="Impressum.html">Impressum </a></li> <li><a href="Datenschutz.html">Datenschutz </a></li> <li><a href="Bürozeiten.html">Bürozeiten</a></li> </ul> </li> </ul>[/HTML] AO [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?