Auf Thema antworten 2026

Beitrag

<blockquote data-quote="bibifellow" data-source="post: 2167372" data-attributes="member: 117161">Ich habe eine horizontale Navi mit einem dropnmenüIch möchte ein Hintergrund png hinter der Navi und ein png hinter das dropdown menüBei der horizontalen navi habe ich einen Rand obwohl die png hat keinen Rand. Bei dem dropdown Menü habe ich links und oben auch einen Rand obwohl die Grafik groß genug ist. Woran könnte das liegen.[HTML]&nbsp;&lt;div id=&quot;navibereich&quot;&gt;&nbsp;&lt;div id=&quot;navibereich_innen&quot;&gt;&lt;ul &gt;&nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Seite 1&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Seite 2&lt;/a&gt;&nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Seite 2a&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Seite 2b&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Seite 2c&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;/li&gt;&nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Seite 3&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#Beispiel&quot;&gt;Seite 4&lt;/a&gt;&lt;/li&gt;&nbsp; &lt;/ul&gt;&lt;/div&gt;&lt;/div&gt;[/HTML]die css datei[HTML]&nbsp; #navibereich&nbsp; {&nbsp; &nbsp; margin-left:-20px;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; #navibereich_innen&nbsp; {&nbsp; &nbsp; background-image:url(Image/navi1.png);&nbsp; &nbsp; &nbsp; background-repeat: no-repeat;&nbsp; &nbsp; background-position: left&nbsp; ;&nbsp; &nbsp; float: left;&nbsp; &nbsp; min-width: 660px;&nbsp; &nbsp; max-width: 72em;&nbsp; }#navibereich_innen ul {&nbsp; &nbsp; margin: 0; padding: 0;&nbsp; &nbsp; text-align: center;&nbsp; }&nbsp; #navibereich_innen ul li {&nbsp; &nbsp; list-style: none;&nbsp; &nbsp; float: left;&nbsp; &nbsp; width: 10em;&nbsp; &nbsp; position: relative;&nbsp; &nbsp; margin: 0.4em; padding: 0;&nbsp; &nbsp; font-family:Verdana, Geneva, sans-serif;&nbsp; &nbsp; font-size:14px;&nbsp; }&nbsp; * html #navibereich_innen ul li {&nbsp; /* Korrektur fuer den IE 5 und 6 */&nbsp; &nbsp; margin-bottom: -0.4em;&nbsp; }&nbsp; *:first-child+html #navibereich_innen ul li {&nbsp; /* Korrektur fuer den IE 7 */&nbsp; &nbsp; margin-bottom: -0.1em;&nbsp; }&nbsp;#navibereich_innen ul li ul {&nbsp; &nbsp; margin: 0; padding: 0;&nbsp; &nbsp; position: absolute;&nbsp; &nbsp; top: 1.7em; left: -0.4em;&nbsp; &nbsp; background-color:#060;&nbsp; &nbsp; &nbsp; &nbsp; background-image: url(Image/navi2.png) ;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; * html #navibereich_innen ul li ul {&nbsp; /* Korrektur fuer IE 5.x */&nbsp; &nbsp; left: -1.5em;&nbsp; &nbsp; lef\t: -0.4em;&nbsp; }&nbsp; #navibereich_innen ul li ul li {&nbsp; &nbsp; display: block;&nbsp; &nbsp; font-family:Verdana, Geneva, sans-serif;&nbsp; &nbsp; font-size:10px;&nbsp; &nbsp; background-image: url(&quot;Image/navi2.png&quot;);&nbsp; }&nbsp; #navibereich_innen ul a, #navibereich_innen ul span {&nbsp; &nbsp; display: block;&nbsp; &nbsp; padding: 0.2em 1em;&nbsp; &nbsp; text-decoration: none; font-weight: bold;color:white;&nbsp; }&nbsp; * html #navibereich_innen ul a, * html #navibereich_innen ul span {&nbsp; /* nur fuer IE erforderlich */&nbsp; &nbsp; width: 100%;&nbsp; &nbsp; w\idth: 6.4em;&nbsp; }&nbsp; #navibereich_innen ul a:hover, #navibereich_innen ul span, li a#aktuell {&nbsp; color:#CCC ;&nbsp; }&nbsp; li a#aktuell {&nbsp; /* aktuelle Rubrik kennzeichnen */&nbsp; &nbsp; color:#999; &nbsp; }&nbsp; #navibereich_innen ul li ul span {&nbsp; /* aktuelle Unterseite kennzeichnen */&nbsp; &nbsp; background-color: maroon;&nbsp; }/* Erweiterung zur dynamischen Ein-/Ausblendung */&nbsp;#navibereich_innen ul li&gt;ul {&nbsp; &nbsp; display: none; top: 1.6em;&nbsp; }&nbsp;#navibereich_innen ul li:hover&gt;ul, ul#Navigation li&gt;a#aktuell+ul {&nbsp; &nbsp; display: block;&nbsp; }&nbsp; /* Workaround fuer den IE 7 */&nbsp; *:first-child+html #navibereich_innen ul ul {&nbsp; &nbsp; background-color:silver; padding-bottom:0.4em;&nbsp; }[/HTML]</blockquote>

[QUOTE="bibifellow, post: 2167372, member: 117161"] Ich habe eine horizontale Navi mit einem dropnmenü Ich möchte ein Hintergrund png hinter der Navi und ein png hinter das dropdown menü Bei der horizontalen navi habe ich einen Rand obwohl die png hat keinen Rand. Bei dem dropdown Menü habe ich links und oben auch einen Rand obwohl die Grafik groß genug ist. Woran könnte das liegen. [HTML] <div id="navibereich"> <div id="navibereich_innen"> <ul > <li><a href="#Beispiel">Seite 1</a></li> <li><a href="#Beispiel">Seite 2</a> <ul> <li><a href="#Beispiel">Seite 2a</a></li> <li><a href="#Beispiel">Seite 2b</a></li> <li><a href="#Beispiel">Seite 2c</a></li> </ul> </li> <li><a href="#Beispiel">Seite 3</a></li> <li><a href="#Beispiel">Seite 4</a></li> </ul> </div></div> [/HTML] die css datei [HTML] #navibereich { margin-left:-20px; } #navibereich_innen { background-image:url(Image/navi1.png); background-repeat: no-repeat; background-position: left ; float: left; min-width: 660px; max-width: 72em; } #navibereich_innen ul { margin: 0; padding: 0; text-align: center; } #navibereich_innen ul li { list-style: none; float: left; width: 10em; position: relative; margin: 0.4em; padding: 0; font-family:Verdana, Geneva, sans-serif; font-size:14px; } * html #navibereich_innen ul li { /* Korrektur fuer den IE 5 und 6 */ margin-bottom: -0.4em; } *:first-child+html #navibereich_innen ul li { /* Korrektur fuer den IE 7 */ margin-bottom: -0.1em; } #navibereich_innen ul li ul { margin: 0; padding: 0; position: absolute; top: 1.7em; left: -0.4em; background-color:#060; background-image: url(Image/navi2.png) ; } * html #navibereich_innen ul li ul { /* Korrektur fuer IE 5.x */ left: -1.5em; lef\t: -0.4em; } #navibereich_innen ul li ul li { display: block; font-family:Verdana, Geneva, sans-serif; font-size:10px; background-image: url("Image/navi2.png"); } #navibereich_innen ul a, #navibereich_innen ul span { display: block; padding: 0.2em 1em; text-decoration: none; font-weight: bold; color:white; } * html #navibereich_innen ul a, * html #navibereich_innen ul span { /* nur fuer IE erforderlich */ width: 100%; w\idth: 6.4em; } #navibereich_innen ul a:hover, #navibereich_innen ul span, li a#aktuell { color:#CCC ; } li a#aktuell { /* aktuelle Rubrik kennzeichnen */ color:#999; } #navibereich_innen ul li ul span { /* aktuelle Unterseite kennzeichnen */ background-color: maroon; } /* Erweiterung zur dynamischen Ein-/Ausblendung */ #navibereich_innen ul li>ul { display: none; top: 1.6em; } #navibereich_innen ul li:hover>ul, ul#Navigation li>a#aktuell+ul { display: block; } /* Workaround fuer den IE 7 */ *:first-child+html #navibereich_innen ul ul { background-color:silver; padding-bottom:0.4em; }[/HTML] [/QUOTE]

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

Authentifizierung

Wenn ▲ = 5, ▼ = 2 und ■ = 7, was ist ▲ × ▼ + ■?