Auf Thema antworten 2026

Beitrag

<blockquote data-quote="normdew" data-source="post: 1563550" data-attributes="member: 114114">AW: :last-child + IEJa ich wollte schon nur mit css klarkommen. JS sollte nur SPielerchen drumrum sein, wenns sein muss. Aber Danke!okay, mein Problem scheint vielleicht woanders zu liegen.Denn das habe ich schon probiert ... jedoch lässt sich meine ul nicht so stylen, wie ich denke.Es handelt sich um ein Flyout-Menü: &nbsp; [HTML]&lt;div id=&quot;HAUPTMENUE&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a class=&quot;aktiv&quot; href=&quot;index.html&quot;&gt;Startseite&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a class=&quot;hide&quot; href=&quot;#&quot;&gt;LINK A&lt;/a&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;linkA1&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;linkA2&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;linkA3&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;/li&gt;...[/HTML][code]#HAUPTMENUE {&nbsp; &nbsp; height:300px;[/code][code]&nbsp; [FONT=Courier New]&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; position:relative;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin-bottom:80px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; z-index:1000; }&nbsp; &nbsp; &nbsp; &nbsp; #HAUPTMENUE ul {&nbsp; &nbsp; &nbsp; &nbsp; position:absolute;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; bottom:20px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; padding:0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; margin:0;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; list-style-type:none;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; list-style-position:inside; }#HAUPTMENUE ul ul{&nbsp; &nbsp; display:none; background:#ffffff;}&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; #HAUPTMENUE ul li&nbsp; {&nbsp; &nbsp; float:left; margin-right:0px; position:relative; }#HAUPTMENUE ul a {&nbsp; &nbsp; &nbsp; &nbsp; padding-top:5px;}#HAUPTMENUE li a { display:block; }[/FONT] [FONT=Courier New]#HAUPTMENUE ul li a,#HAUPTMENUE ul ul li a {&nbsp; &nbsp;&nbsp; width:160px; padding-left:10px; padding-right:10px; }&nbsp; &nbsp; #HAUPTMENUE ul li a {&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; font-family:&quot;Arial Narrow&quot;, &quot;Helvetica Narrow&quot;, sans-serif; font-size:120%; background-position:bottom left; background-repeat:no-repeat; }#HAUPTMENUE ul ul li a {&nbsp; &nbsp; font-family:Tahoma, Verdana, Geneva, Arial, sans-serif; font-size:80%; text-transform:none; }&nbsp; &nbsp; &nbsp; &nbsp; #HAUPTMENUE ul ul li:first-child {&nbsp; &nbsp; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:2px solid #931869;}[/FONT] [FONT=Courier New]#HAUPTMENUE ul ul li {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; border-right:1px solid #d9d9d9; border-left:2px solid #931869; }#HAUPTMENUE ul ul li:last-child {&nbsp; &nbsp; border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:2px solid #931869; }&nbsp; &nbsp; #HAUPTMENUE ul ul li:last-child a {&nbsp; &nbsp; padding-bottom:5px; }#HAUPTMENUE ul li:hover ul {&nbsp; &nbsp; -moz-box-shadow:8px 8px 8px #DDD;-webkit-box-shadow:8px 8px 8px #DDD;box-shadow:8px 8px 8px #DDD;}[/FONT] [FONT=Courier New]#HAUPTMENUE ul li:hover ul {&nbsp; &nbsp; display:block; border-bottom:1px solid #000;}#HAUPTMENUE ul li a:link,[/FONT] [FONT=Courier New]#HAUPTMENUE ul li a:visited {&nbsp; &nbsp; display:block; text-decoration:none; width:160px; text-align:left;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; background-image:url(../images/hauptmenue_button_gray.png);}&nbsp; &nbsp; #HAUPTMENUE ul li a:hover,#HAUPTMENUE ul li a:active,#HAUPTMENUE ul li a.aktiv {&nbsp; &nbsp; &nbsp; &nbsp; display:block; background-image:url(../images/hauptmenue_button_farbig.png);}#HAUPTMENUE ul li:hover ul {&nbsp; &nbsp; display:block; position:absolute; top:0; left:180px; width:160px;}#HAUPTMENUE ul li:hover ul li a {&nbsp; &nbsp; &nbsp; &nbsp; display:block; background:#ffffff; width:160px;}#HAUPTMENUE ul li:hover ul li a:hover {&nbsp; &nbsp; display:block; background:#ffffff; color:#931869; text-decoration:underline; }[/FONT][/code]Mir ist bewusst, dass der Code noch ein bischen wurstig ist, den will ich bei gelegenheit aufräumen - ich kann grad einfach nichts dafür, dass der so ist - aber vielleicht sieht ja ein erfahrenes Auge den entscheidenden Punkt.</blockquote>

[QUOTE="normdew, post: 1563550, member: 114114"] [b]AW: :last-child + IE[/b] [FONT=Verdana]Ja ich wollte schon nur mit css klarkommen. JS sollte nur SPielerchen drumrum sein, wenns sein muss. Aber Danke! okay, [/FONT][FONT=Verdana]mein Problem scheint vielleicht woanders zu liegen. Denn das habe ich schon probiert ... jedoch lässt sich meine ul nicht so stylen, wie ich denke.[/FONT][FONT=Verdana] Es handelt sich um ein Flyout-Menü:[/FONT] [FONT=Verdana] [/FONT] [FONT=Courier New] [/FONT][HTML]<div id="HAUPTMENUE"> <ul> <li><a class="aktiv" href="index.html">Startseite</a></li> <li><a class="hide" href="#">LINK A</a> <ul> <li><a href="#">linkA1</a></li> <li><a href="#">linkA2</a></li> <li><a href="#">linkA3</a></li> </ul> </li> ...[/HTML][FONT=Courier New] [code]#HAUPTMENUE { height:300px;[/code][/FONT][code] [FONT=Courier New] position:relative; margin-bottom:80px; z-index:1000; } #HAUPTMENUE ul { position:absolute; bottom:20px; padding:0; margin:0; list-style-type:none; list-style-position:inside; } #HAUPTMENUE ul ul{ display:none; background:#ffffff;} #HAUPTMENUE ul li { float:left; margin-right:0px; position:relative; } #HAUPTMENUE ul a { padding-top:5px;} #HAUPTMENUE li a { display:block; }[/FONT] [FONT=Courier New] #HAUPTMENUE ul li a, #HAUPTMENUE ul ul li a { width:160px; padding-left:10px; padding-right:10px; } #HAUPTMENUE ul li a { font-family:"Arial Narrow", "Helvetica Narrow", sans-serif; font-size:120%; background-position:bottom left; background-repeat:no-repeat; } #HAUPTMENUE ul ul li a { font-family:Tahoma, Verdana, Geneva, Arial, sans-serif; font-size:80%; text-transform:none; } #HAUPTMENUE ul ul li:first-child { border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:2px solid #931869;}[/FONT] [FONT=Courier New] #HAUPTMENUE ul ul li { border-right:1px solid #d9d9d9; border-left:2px solid #931869; } #HAUPTMENUE ul ul li:last-child { border-bottom:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:2px solid #931869; } #HAUPTMENUE ul ul li:last-child a { padding-bottom:5px; } #HAUPTMENUE ul li:hover ul { -moz-box-shadow:8px 8px 8px #DDD;-webkit-box-shadow:8px 8px 8px #DDD;box-shadow:8px 8px 8px #DDD;}[/FONT] [FONT=Courier New] #HAUPTMENUE ul li:hover ul { display:block; border-bottom:1px solid #000;} #HAUPTMENUE ul li a:link,[/FONT] [FONT=Courier New] #HAUPTMENUE ul li a:visited { display:block; text-decoration:none; width:160px; text-align:left; background-image:url(../images/hauptmenue_button_gray.png);} #HAUPTMENUE ul li a:hover, #HAUPTMENUE ul li a:active, #HAUPTMENUE ul li a.aktiv { display:block; background-image:url(../images/hauptmenue_button_farbig.png);} #HAUPTMENUE ul li:hover ul { display:block; position:absolute; top:0; left:180px; width:160px;} #HAUPTMENUE ul li:hover ul li a { display:block; background:#ffffff; width:160px;} #HAUPTMENUE ul li:hover ul li a:hover { display:block; background:#ffffff; color:#931869; text-decoration:underline; }[/FONT][/code]Mir ist bewusst, dass der Code noch ein bischen wurstig ist, den will ich bei gelegenheit aufräumen - ich kann grad einfach nichts dafür, dass der so ist - aber vielleicht sieht ja ein erfahrenes Auge den entscheidenden Punkt. [/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?