Auf Thema antworten 2026

Beitrag

<blockquote data-quote="Zaolat" data-source="post: 2211523" data-attributes="member: 246953">Moin Moin, ich habe da einen Wunsch für die Gestaltung einer Navigationsbar, jedoch nicht ausreichend Wissen, um das umzusetzten:Wunsch ist:Eine &lt;ul&gt; mit einigen &lt;li&gt; Link Elementen, die alle dieselbe Grafik als Hintergrund haben. Wenn die Maus nun über den Link fährt, soll sich die Grafik ändern.Derzeit ist es bei mir jedoch so, dass die Grafik nicht ganz dargestellt wird, sondern nur der Teil, welcher vom Link Text eingenommen wird (die Grafik ist größer als der Text). Wie bekomme ich das hin, dass die Grafik immer komplett angezeigt wird, egal wie kurz der Linktext ist?[HTML]&nbsp; &nbsp; &lt;div class=&quot;navibar&quot;&gt;&nbsp; &nbsp; &nbsp; &lt;ul&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link1&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link2&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link3&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link4&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &nbsp; &lt;li&gt;&lt;a href=&quot;#&quot;&gt;Link5&lt;/a&gt;&lt;/li&gt;&nbsp; &nbsp; &nbsp; &lt;/ul&gt;&nbsp; &nbsp; &lt;/div&gt;[/HTML]css-code:[CODE].navibar li {&nbsp; &nbsp; width:150px;&nbsp; &nbsp; height:50px;&nbsp; &nbsp; list-style:none;&nbsp; &nbsp; margin:5px;}.navibar a {&nbsp; &nbsp; width:150px;&nbsp; &nbsp; height:50px;&nbsp; &nbsp; margin-left:auto;&nbsp; &nbsp; margin-right:auto;}.navibar a:link {&nbsp; &nbsp; width:150;&nbsp; &nbsp; height:50;&nbsp; &nbsp; color: #25c957;&nbsp; &nbsp; text-decoration: none;&nbsp; &nbsp; background-image:url(images/button.png);}.navibar a:visited {&nbsp; &nbsp; color: #fff;&nbsp; &nbsp; text-decoration: underline;}.navibar a:hover, a:active, a:focus {&nbsp; &nbsp; text-decoration: none;&nbsp; &nbsp; background-image:url(images/button_hover.png);}[/CODE]</blockquote>

[QUOTE="Zaolat, post: 2211523, member: 246953"] Moin Moin, ich habe da einen Wunsch für die Gestaltung einer Navigationsbar, jedoch nicht ausreichend Wissen, um das umzusetzten: Wunsch ist: Eine <ul> mit einigen <li> Link Elementen, die alle dieselbe Grafik als Hintergrund haben. Wenn die Maus nun über den Link fährt, soll sich die Grafik ändern. Derzeit ist es bei mir jedoch so, dass die Grafik nicht ganz dargestellt wird, sondern nur der Teil, welcher vom Link Text eingenommen wird (die Grafik ist größer als der Text). Wie bekomme ich das hin, dass die Grafik immer komplett angezeigt wird, egal wie kurz der Linktext ist? [HTML] <div class="navibar"> <ul> <li><a href="#">Link1</a></li> <li><a href="#">Link2</a></li> <li><a href="#">Link3</a></li> <li><a href="#">Link4</a></li> <li><a href="#">Link5</a></li> </ul> </div>[/HTML] css-code: [CODE] .navibar li { width:150px; height:50px; list-style:none; margin:5px; } .navibar a { width:150px; height:50px; margin-left:auto; margin-right:auto; } .navibar a:link { width:150; height:50; color: #25c957; text-decoration: none; background-image:url(images/button.png); } .navibar a:visited { color: #fff; text-decoration: underline; } .navibar a:hover, a:active, a:focus { text-decoration: none; background-image:url(images/button_hover.png); }[/CODE] [/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?