Auf Thema antworten 2026

Beitrag

<blockquote data-quote="LamaGeli" data-source="post: 1768519" data-attributes="member: 311273">Irgendwo muss da wohl noch &quot;display: none&quot; hin............aber wo.Hier der CSS Code:[HTML]@charset &quot;utf-8&quot;;body {&nbsp; &nbsp; font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;&nbsp; &nbsp; margin: 0;&nbsp; &nbsp; padding: 0;&nbsp; &nbsp; color: #000;&nbsp; &nbsp; background-image: url(Images/MilkwayEarthBG.jpg);&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; background-color: #000;}&nbsp; &nbsp; ul, ol, dl { &nbsp; &nbsp; padding: 0;&nbsp; &nbsp; margin: 0;}h1, h2, h3, h4, h5, h6, p {&nbsp; &nbsp; margin-top: 0;&nbsp; &nbsp; &nbsp; &nbsp; padding-right: 15px;&nbsp; &nbsp; padding-left: 15px; }a img { &nbsp; &nbsp; border: none;}a:link {&nbsp; &nbsp; color:#414958;&nbsp; &nbsp; text-decoration: underline; }a:visited {&nbsp; &nbsp; color: #4E5869;&nbsp; &nbsp; text-decoration: underline;}a:hover, a:active, a:focus { &nbsp; &nbsp; text-decoration: none;}.container {&nbsp; &nbsp; width: 80%;&nbsp; &nbsp; max-width: 1260px;&nbsp; &nbsp; min-width: 720px;&nbsp; &nbsp; font-size: 12px;&nbsp; &nbsp; background-position: center top;&nbsp; &nbsp; margin-top: 0px;&nbsp; &nbsp; margin-right: auto;&nbsp; &nbsp; margin-bottom: 0px;&nbsp; &nbsp; margin-left: auto;&nbsp; &nbsp; padding-top: 0px;&nbsp; &nbsp; padding-right: 15px;&nbsp; &nbsp; padding-bottom: 15px;&nbsp; &nbsp; padding-left: 15px;&nbsp; &nbsp; background-size: 100%;}.header {&nbsp; &nbsp; display: block;&nbsp; &nbsp; padding: 12px;&nbsp; &nbsp; -webkit-border-radius: 20px;&nbsp; &nbsp; -moz-border-radius: 20px;&nbsp; &nbsp; border-radius: 20px;&nbsp; &nbsp; -moz-box-shadow:inset 0 0 20px #CACACA;&nbsp; &nbsp; -webkit-box-shadow:inset 0 0 20px #CACACA;&nbsp; &nbsp; box-shadow:inset 0 0 20px #CACACA;&nbsp; &nbsp; background-image: url(Images/TW_Text2.png);&nbsp; &nbsp; background-position: right center;&nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; border: 2px solid #666}&nbsp; &nbsp; .sidebar1 {&nbsp; &nbsp; float: left;&nbsp; &nbsp; width: 22%;&nbsp; &nbsp; color: #FFF;&nbsp; &nbsp; margin-top: 15px;&nbsp; &nbsp; margin-right: 0px;&nbsp; &nbsp; margin-bottom: 0px;&nbsp; &nbsp; margin-left: 0px;&nbsp; &nbsp; -webkit-border-radius: 20px;&nbsp; &nbsp; -moz-border-radius: 20px;&nbsp; &nbsp; border-radius: 20px;&nbsp; &nbsp; -moz-box-shadow:inset 0 0 20px #CACACA;&nbsp; &nbsp; -webkit-box-shadow:inset 0 0 20px #CACACA;&nbsp; &nbsp; box-shadow:inset 0 0 20px #CACACA;&nbsp; &nbsp; background: #000000; /* Fallback IE 6-8 */&nbsp; &nbsp; background: rgba(0, 0, 0, .6);&nbsp; &nbsp; border: 2px solid #666;&nbsp; &nbsp; padding-top: 15px;}.content {&nbsp; &nbsp; float: right;&nbsp; &nbsp; width: 73%;&nbsp; &nbsp; padding: 12px;&nbsp; &nbsp; -webkit-border-radius: 20px;&nbsp; &nbsp; -moz-border-radius: 20px;&nbsp; &nbsp; border-radius: 20px;&nbsp; &nbsp; -moz-box-shadow:inset 0 0 20px #CACACA;&nbsp; &nbsp; -webkit-box-shadow:inset 0 0 20px #CACACA;&nbsp; &nbsp; box-shadow:inset 0 0 20px #CACACA;&nbsp; &nbsp; background: #000000; /* Fallback IE 6-8 */&nbsp; &nbsp; background: rgba(0, 0, 0, .6);&nbsp; &nbsp; color: #FFF;&nbsp; &nbsp; margin-top: 15px;&nbsp; &nbsp; margin-right: 0px;&nbsp; &nbsp; margin-bottom: 15px;&nbsp; &nbsp; margin-left: 0px;&nbsp; &nbsp; border: 2px solid #666;}.content ul, .content ol { &nbsp; &nbsp; padding: 0 15px 15px 40px; }ul.nav {&nbsp; &nbsp; list-style: none; &nbsp; &nbsp; margin-bottom: 15px; }ul.nav li {&nbsp; &nbsp; list-style-type: none;&nbsp; &nbsp; }ul.nav a, ul.nav a:visited { &nbsp; &nbsp; display: block;&nbsp; &nbsp; -webkit-border-radius: 20px;&nbsp; &nbsp; -moz-border-radius: 20px;&nbsp; &nbsp; border-radius: 20px;&nbsp; &nbsp; -moz-box-shadow:inset 0 0 12px #CACACA;&nbsp; &nbsp; -webkit-box-shadow:inset 0 0 12px #CACACA;&nbsp; &nbsp; box-shadow:inset 0 0 12px #CACACA;&nbsp; &nbsp; border: 1px solid #666;/* Fallback IE 6-8 */&nbsp; &nbsp; border: 1px solid rgba(0, 0, 0, .6);&nbsp; &nbsp; &nbsp; &nbsp; text-decoration: none;&nbsp; &nbsp; color: #9CF;&nbsp; &nbsp; padding-top: 5px;&nbsp; &nbsp; padding-right: 5px;&nbsp; &nbsp; padding-bottom: 5px;&nbsp; &nbsp; padding-left: 15px;&nbsp; &nbsp; margin-top: 5px;&nbsp; &nbsp; margin-right: 8px;&nbsp; &nbsp; margin-bottom: 5px;&nbsp; &nbsp; margin-left: 8px;}ul.nav a:hover, ul.nav a:active, ul.nav a:focus { &nbsp; &nbsp; color:&nbsp; #FFF;&nbsp; &nbsp; background: #009; /* Fallback IE 6-8 */&nbsp; &nbsp; background: rgba(0, 0, 153, .6);&nbsp; &nbsp; -moz-box-shadow:inset 0 0 20px #9CF;&nbsp; &nbsp; -webkit-box-shadow:inset 0 0 20px #9CF;&nbsp; &nbsp; box-shadow:inset 0 0 20px #9CF;}&nbsp; .footer {&nbsp; &nbsp; padding: 12px;&nbsp; &nbsp; -webkit-border-radius: 20px;&nbsp; &nbsp; -moz-border-radius: 20px;&nbsp; &nbsp; border-radius: 20px;&nbsp; &nbsp; -moz-box-shadow:inset 0 0 20px #CACACA;&nbsp; &nbsp; -webkit-box-shadow:inset 0 0 20px #CACACA;&nbsp; &nbsp; box-shadow:inset 0 0 20px #CACACA;&nbsp; &nbsp; clear: both; &nbsp; &nbsp; color: #FFF;&nbsp; &nbsp; border: 2px solid #666;&nbsp; &nbsp; width: 73%;&nbsp; &nbsp; float: right;}.fltrt {&nbsp; &nbsp; &nbsp; float: right;&nbsp; &nbsp; margin-left: 8px;}.fltlft { &nbsp; &nbsp; float: left;&nbsp; &nbsp; margin-right: 8px;}.clearfloat { &nbsp; &nbsp; clear:both;&nbsp; &nbsp; height:0;&nbsp; &nbsp; font-size: 1px;&nbsp; &nbsp; line-height: 0px;}[/HTML]...und hier der html:[HTML]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.1//EN&quot; &quot;http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;&lt;head&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;&lt;title&gt;3D_Animation&lt;/title&gt;&lt;link href=&quot;Stylesheet_Easy.css&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot; /&gt;&lt;/head&gt;&lt;body&gt;&lt;div class=&quot;container&quot;&gt;&nbsp; &lt;div class=&quot;header&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;img src=&quot;Images/Logo_Ani1RKl.gif&quot; id=&quot;Insert_logo&quot;&nbsp; /&gt;&lt;/a&gt; &nbsp; &nbsp; &lt;!-- end .header --&gt;&lt;/div&gt;&nbsp; &lt;div class=&quot;sidebar1&quot;&gt;&nbsp; &nbsp; &lt;ul class=&quot;nav&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;3D Animation&lt;/a&gt;&nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;3D_Untermenü_1&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;3D_Untermenü_2&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;3D_Untermenü_3&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;3D_Untermenü_4&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;360° Präsentation&lt;/a&gt;&nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;360°_Untermenü_1&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;360°_Untermenü_2&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Impressum&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;p&gt; Diese Links sind noch nicht aktiv&lt;/p&gt;&nbsp; &nbsp; &lt;!-- end .sidebar1 --&gt;&lt;/div&gt;&nbsp; &lt;div class=&quot;content&quot;&gt;&nbsp; &nbsp; &lt;h1&gt;Headline&lt;/h1&gt;&nbsp; &nbsp; &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, &lt;/p&gt;&nbsp; &nbsp; &lt;h2&gt;little Headline&lt;/h2&gt;&nbsp; &nbsp; &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, &lt;/p&gt;&nbsp; &nbsp; &lt;h3&gt;ittleHeadline&lt;/h3&gt;&nbsp; &nbsp; &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, &lt;/p&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;/div&gt;&nbsp; &lt;div class=&quot;footer&quot;&gt;&nbsp; &nbsp; &lt;p&gt;Hier kommen die Füße rein :-) &lt;/p&gt;&nbsp; &nbsp; &lt;!-- end .footer --&gt;&lt;/div&gt;&nbsp; &lt;!-- end .container --&gt;&lt;/div&gt;&lt;/body&gt;&lt;/html&gt;[/HTML]Es wär ganz nett, wenn jemand die Lösung für mich wüsste.Die Untermenüs sollen beim klicken des entsprechenden Obermenüs zum Vorschein kommen.DankeGeli</blockquote>

[QUOTE="LamaGeli, post: 1768519, member: 311273"] Irgendwo muss da wohl noch "display: none" hin............aber wo. Hier der CSS Code: [HTML]@charset "utf-8"; body { font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #000; background-image: url(Images/MilkwayEarthBG.jpg); background-repeat: no-repeat; background-color: #000; } ul, ol, dl { padding: 0; margin: 0; } h1, h2, h3, h4, h5, h6, p { margin-top: 0; padding-right: 15px; padding-left: 15px; } a img { border: none; } a:link { color:#414958; text-decoration: underline; } a:visited { color: #4E5869; text-decoration: underline; } a:hover, a:active, a:focus { text-decoration: none; } .container { width: 80%; max-width: 1260px; min-width: 720px; font-size: 12px; background-position: center top; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-size: 100%; } .header { display: block; padding: 12px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-box-shadow:inset 0 0 20px #CACACA; -webkit-box-shadow:inset 0 0 20px #CACACA; box-shadow:inset 0 0 20px #CACACA; background-image: url(Images/TW_Text2.png); background-position: right center; background-repeat: no-repeat; border: 2px solid #666 } .sidebar1 { float: left; width: 22%; color: #FFF; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-box-shadow:inset 0 0 20px #CACACA; -webkit-box-shadow:inset 0 0 20px #CACACA; box-shadow:inset 0 0 20px #CACACA; background: #000000; /* Fallback IE 6-8 */ background: rgba(0, 0, 0, .6); border: 2px solid #666; padding-top: 15px; } .content { float: right; width: 73%; padding: 12px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-box-shadow:inset 0 0 20px #CACACA; -webkit-box-shadow:inset 0 0 20px #CACACA; box-shadow:inset 0 0 20px #CACACA; background: #000000; /* Fallback IE 6-8 */ background: rgba(0, 0, 0, .6); color: #FFF; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; border: 2px solid #666; } .content ul, .content ol { padding: 0 15px 15px 40px; } ul.nav { list-style: none; margin-bottom: 15px; } ul.nav li { list-style-type: none; } ul.nav a, ul.nav a:visited { display: block; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-box-shadow:inset 0 0 12px #CACACA; -webkit-box-shadow:inset 0 0 12px #CACACA; box-shadow:inset 0 0 12px #CACACA; border: 1px solid #666;/* Fallback IE 6-8 */ border: 1px solid rgba(0, 0, 0, .6); text-decoration: none; color: #9CF; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 15px; margin-top: 5px; margin-right: 8px; margin-bottom: 5px; margin-left: 8px; } ul.nav a:hover, ul.nav a:active, ul.nav a:focus { color: #FFF; background: #009; /* Fallback IE 6-8 */ background: rgba(0, 0, 153, .6); -moz-box-shadow:inset 0 0 20px #9CF; -webkit-box-shadow:inset 0 0 20px #9CF; box-shadow:inset 0 0 20px #9CF; } .footer { padding: 12px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -moz-box-shadow:inset 0 0 20px #CACACA; -webkit-box-shadow:inset 0 0 20px #CACACA; box-shadow:inset 0 0 20px #CACACA; clear: both; color: #FFF; border: 2px solid #666; width: 73%; float: right; } .fltrt { float: right; margin-left: 8px; } .fltlft { float: left; margin-right: 8px; } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } [/HTML]...und hier der html: [HTML]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>3D_Animation</title> <link href="Stylesheet_Easy.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="container"> <div class="header"><a href="#"><img src="Images/Logo_Ani1RKl.gif" id="Insert_logo" /></a> </div> <div class="sidebar1"> <ul class="nav"> <li><a href="#">3D Animation</a> <ul> <li><a href="#">3D_Untermenü_1</a></li> <li><a href="#">3D_Untermenü_2</a></li> <li><a href="#">3D_Untermenü_3</a></li> <li><a href="#">3D_Untermenü_4</a></li> </ul> <li><a href="#">360° Präsentation</a> <ul> <li><a href="#">360°_Untermenü_1</a></li> <li><a href="#">360°_Untermenü_2</a></li> </ul> <li><a href="#">Impressum</a></li> </ul> Diese Links sind noch nicht aktiv </div> <div class="content"> <h1>Headline</h1> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, <h2>little Headline</h2> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, <h3>ittleHeadline</h3> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, </div> <div class="footer"> Hier kommen die Füße rein :-) </div> </div> </body> </html> [/HTML] Es wär ganz nett, wenn jemand die Lösung für mich wüsste. Die Untermenüs sollen beim klicken des entsprechenden Obermenüs zum Vorschein kommen. Danke Geli [/QUOTE]

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

Authentifizierung

Wenn ▲ = 7, ▼ = 3, ◇ = 2 und die Summe von ▲ und ▼ durch ◇ geteilt wird, was ist das Ergebnis?