tag:forum.selfhtml.org,2005:/self Rollover Button mit Bild per Css – SELFHTML-Forum 2009-01-20T10:46:48Z https://forum.selfhtml.org/self/2009/jan/20/rollover-button-mit-bild-per-css/1328822#m1328822 nicole 2009-01-20T09:35:47Z 2009-01-20T09:35:47Z Rollover Button mit Bild per Css <p>Hallo Leute,<br> habe versucht Rollover-Buttons zu bauen (mit der Anleitung von http://aktuell.de.selfhtml.org/artikel/css/mouseover/#a2 ).<br> Es handelt sich bei mir um Buttons, die nebeneinander in einer Menüleiste stehen sollen.<br> Habe schon probiert dem Link je ein transparentes Bild mit den original Buttongrößen zu geben - funzt leider auch nicht.</p> <p>Hat jemand einen Tipp?</p> <p>hier mein css:</p> <pre><code class="block language-css"><span class="token comment">/* CSS Document */</span> <span class="token selector">body</span> <span class="token punctuation">{</span> font-size<span class="token punctuation">:</span> 100.01%<span class="token punctuation">;</span> font-family<span class="token punctuation">:</span> Verdana<span class="token punctuation">,</span>Arial<span class="token punctuation">,</span>sans-serif<span class="token punctuation">;</span> background-color<span class="token punctuation">:</span>#fefcf2<span class="token punctuation">;</span> padding<span class="token punctuation">:</span>0px<span class="token punctuation">;</span> min-height<span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/*Links Navi*/</span> <span class="token selector">#navi_1 a</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span> background-image<span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>../images/nav/layout_navi_geschichte.jpg<span class="token punctuation">)</span></span><span class="token punctuation">;</span> width<span class="token punctuation">:</span>104px<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span>34px <span class="token punctuation">}</span> <span class="token selector">#navi_1 a:hover</span> <span class="token punctuation">{</span> <span class="token property">background-image</span><span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>../images/nav/layout_navi_geschichte_aktiv.jpg<span class="token punctuation">)</span></span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#navi_2 a</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span> background-image<span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>button.gif<span class="token punctuation">)</span></span><span class="token punctuation">;</span> width<span class="token punctuation">:</span>120px<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span>30px <span class="token punctuation">}</span> <span class="token selector">#navi_2 a:hover</span> <span class="token punctuation">{</span> <span class="token property">background-image</span><span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>button_on.gif<span class="token punctuation">)</span></span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#navi_3 a</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span> background-image<span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>button.gif<span class="token punctuation">)</span></span><span class="token punctuation">;</span> width<span class="token punctuation">:</span>120px<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span>30px <span class="token punctuation">}</span> <span class="token selector">#navi_3 a:hover</span> <span class="token punctuation">{</span> <span class="token property">background-image</span><span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>button_on.gif<span class="token punctuation">)</span></span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#navi_4 a</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span> background-image<span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>button.gif<span class="token punctuation">)</span></span><span class="token punctuation">;</span> width<span class="token punctuation">:</span>120px<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span>30px <span class="token punctuation">}</span> <span class="token selector">#navi_4 a:hover</span> <span class="token punctuation">{</span> <span class="token property">background-image</span><span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>button_on.gif<span class="token punctuation">)</span></span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#navi_5 a</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span> background-image<span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>button.gif<span class="token punctuation">)</span></span><span class="token punctuation">;</span> width<span class="token punctuation">:</span>120px<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span>30px <span class="token punctuation">}</span> <span class="token selector">#navi_5 a:hover</span> <span class="token punctuation">{</span> <span class="token property">background-image</span><span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>button_on.gif<span class="token punctuation">)</span></span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">#navi_6 a</span> <span class="token punctuation">{</span> <span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span> background-image<span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>button.gif<span class="token punctuation">)</span></span><span class="token punctuation">;</span> width<span class="token punctuation">:</span>120px<span class="token punctuation">;</span> <span class="token property">height</span><span class="token punctuation">:</span>30px <span class="token punctuation">}</span> <span class="token selector">#navi_6 a:hover</span> <span class="token punctuation">{</span> <span class="token property">background-image</span><span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>button_on.gif<span class="token punctuation">)</span></span><span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* Links Subnavi */</span> <span class="token selector">div#subnavi a:active, div.subnavi a:hover</span><span class="token punctuation">{</span> color<span class="token punctuation">:</span> #e2d9cb<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token selector">div#subnavi a:visited, div.subnavi a:link, div .subnavi a</span><span class="token punctuation">{</span> color<span class="token punctuation">:</span> #000<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/* Links News */</span> <span class="token selector">div#news a:active, div#news a:hover, div#news a:visited, div#news a:link, div #news a</span><span class="token punctuation">{</span> color<span class="token punctuation">:</span> #021a39<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span><span class="token property">font-weight</span><span class="token punctuation">:</span>bold<span class="token punctuation">}</span> <span class="token comment">/* Links Termine */</span> <span class="token selector">div#events a:active, div#events a:hover, div#events a:visited, div#events a:link, div #events a</span><span class="token punctuation">{</span> color<span class="token punctuation">:</span> #021a39<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token property">font-weight</span><span class="token punctuation">:</span>bold<span class="token punctuation">}</span> <span class="token comment">/* Links Content - Links im Text */</span> <span class="token selector">div #text a:active, div #text a:hover, div #text a:visited, div #text a:link, div #text a</span><span class="token punctuation">{</span> color<span class="token punctuation">:</span> #021a39<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token property">font-weight</span><span class="token punctuation">:</span>bold<span class="token punctuation">}</span> <span class="token comment">/* Links Footer */</span> <span class="token selector">.right a:active, .right a:hover, .right a:visited, .right a:link, .right a</span><span class="token punctuation">{</span> color<span class="token punctuation">:</span> #021a39<span class="token punctuation">;</span> <span class="token property">text-decoration</span><span class="token punctuation">:</span> none<span class="token punctuation">;</span> <span class="token property">font-weight</span><span class="token punctuation">:</span>normal<span class="token punctuation">}</span> <span class="token comment">/* Ganzes Layout */</span> <span class="token selector">div#layout</span> <span class="token punctuation">{</span> width<span class="token punctuation">:</span> 995px<span class="token punctuation">;</span> margin<span class="token punctuation">:</span> auto auto<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/* Kopfbereich */</span> <span class="token selector">div#header</span> <span class="token punctuation">{</span> text-align<span class="token punctuation">:</span> left<span class="token punctuation">;</span> width<span class="token punctuation">:</span> 995px<span class="token punctuation">;</span> height<span class="token punctuation">:</span> 105px<span class="token punctuation">;</span> background-image<span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>../images/layout_header.jpg<span class="token punctuation">)</span></span><span class="token punctuation">;</span> background-position<span class="token punctuation">:</span> top left<span class="token punctuation">;</span> background-repeat<span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token comment">/* Link zu Home auf dem Banner */</span> <span class="token selector">.transparent</span> <span class="token punctuation">{</span> width<span class="token punctuation">:</span> 280px<span class="token punctuation">;</span> height<span class="token punctuation">:</span>45px<span class="token punctuation">;</span> margin-top<span class="token punctuation">:</span>20px<span class="token punctuation">;</span> margin-left<span class="token punctuation">:</span>20px<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/* Hauptnavi */</span> <span class="token selector">div#navi</span> <span class="token punctuation">{</span> text-align<span class="token punctuation">:</span> left<span class="token punctuation">;</span> width<span class="token punctuation">:</span> 995px<span class="token punctuation">;</span> height<span class="token punctuation">:</span> 34px<span class="token punctuation">;</span> margin<span class="token punctuation">:</span>0<span class="token punctuation">;</span> padding<span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/* Inhaltsbereich Subnavi und Marginalbereich - Weite weg, wenn Inhalt da css2.1*/</span> <span class="token selector">div #center</span><span class="token punctuation">{</span> width<span class="token punctuation">:</span>995px<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/* Folgendes Div beinhaltet subnavi, background_left und text */</span> <span class="token selector">div#content</span> <span class="token punctuation">{</span> text-align<span class="token punctuation">:</span> left<span class="token punctuation">;</span> width<span class="token punctuation">:</span> 829px<span class="token punctuation">;</span> background-image<span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'../images/layout_background_subnavi.jpg'</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span> background-position<span class="token punctuation">:</span> top left<span class="token punctuation">;</span> background-repeat<span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span> background-color<span class="token punctuation">:</span>#fff<span class="token punctuation">;</span> margin<span class="token punctuation">:</span>0px<span class="token punctuation">;</span> float<span class="token punctuation">:</span>left<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token selector">.subnavi</span><span class="token punctuation">{</span> width<span class="token punctuation">:</span>650px<span class="token punctuation">;</span> height<span class="token punctuation">:</span>20px<span class="token punctuation">;</span> text-align<span class="token punctuation">:</span> left<span class="token punctuation">;</span> line-height<span class="token punctuation">:</span> 120%<span class="token punctuation">;</span> font-size<span class="token punctuation">:</span>75%<span class="token punctuation">;</span> float<span class="token punctuation">:</span>left<span class="token punctuation">;</span> margin-top<span class="token punctuation">:</span>0px<span class="token punctuation">;</span> margin-left<span class="token punctuation">:</span> 175px<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token selector">.subnavi ul</span><span class="token punctuation">{</span> margin<span class="token punctuation">:</span>0<span class="token punctuation">;</span> padding<span class="token punctuation">:</span>0<span class="token punctuation">;</span> list-style-type<span class="token punctuation">:</span>none<span class="token punctuation">;</span> display<span class="token punctuation">:</span> inline<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token selector">.subnavi ul li</span><span class="token punctuation">{</span> margin<span class="token punctuation">:</span>0<span class="token punctuation">;</span> padding<span class="token punctuation">:</span>2px<span class="token punctuation">;</span> display<span class="token punctuation">:</span> inline<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token selector">.subnavi ul li a</span><span class="token punctuation">{</span> text-decoration<span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token selector">.subnavi ul li a:hover</span><span class="token punctuation">{</span> text-decoration<span class="token punctuation">:</span>underline<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/* Div mit Säulenbild und Säulenfortsatz im Hintergrund */</span> <span class="token selector">div #background_left</span><span class="token punctuation">{</span> width<span class="token punctuation">:</span> 420px<span class="token punctuation">;</span> text-align<span class="token punctuation">:</span> left<span class="token punctuation">;</span> font-size<span class="token punctuation">:</span>70%<span class="token punctuation">;</span> line-height<span class="token punctuation">:</span>120%<span class="token punctuation">;</span> float<span class="token punctuation">:</span>left<span class="token punctuation">;</span> margin<span class="token punctuation">:</span>0<span class="token punctuation">;</span> clear<span class="token punctuation">:</span>both<span class="token punctuation">;</span> background-image<span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'../images/layout_saeulenfortsatz.jpg'</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span> background-position<span class="token punctuation">:</span> top left<span class="token punctuation">;</span> background-repeat<span class="token punctuation">:</span>repeat-y<span class="token punctuation">;</span> xoverflow<span class="token punctuation">:</span>visible<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">div #text</span><span class="token punctuation">{</span> width<span class="token punctuation">:</span> 385px<span class="token punctuation">;</span> text-align<span class="token punctuation">:</span> left<span class="token punctuation">;</span> font-size<span class="token punctuation">:</span>70%<span class="token punctuation">;</span> line-height<span class="token punctuation">:</span>130%<span class="token punctuation">;</span> margin-left<span class="token punctuation">:</span> 0px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">div #text p</span><span class="token punctuation">{</span> font-size<span class="token punctuation">:</span>100%<span class="token punctuation">;</span> margin-bottom<span class="token punctuation">:</span> 5px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">h1</span><span class="token punctuation">{</span> font-size<span class="token punctuation">:</span> 140%<span class="token punctuation">;</span> font-weight<span class="token punctuation">:</span> normal<span class="token punctuation">;</span> line-height<span class="token punctuation">:</span>140%<span class="token punctuation">;</span> color<span class="token punctuation">:</span> #ae7414<span class="token punctuation">;</span> margin-top<span class="token punctuation">:</span> 30px<span class="token punctuation">;</span> margin-bottom<span class="token punctuation">:</span>30px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">h2</span><span class="token punctuation">{</span> font-size<span class="token punctuation">:</span> 120%<span class="token punctuation">;</span> font-weight<span class="token punctuation">:</span> normal<span class="token punctuation">;</span> line-height<span class="token punctuation">:</span>140%<span class="token punctuation">;</span> color<span class="token punctuation">:</span> #ae7414<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">h3</span><span class="token punctuation">{</span> font-size<span class="token punctuation">:</span> 100%<span class="token punctuation">;</span> line-height<span class="token punctuation">:</span>140%<span class="token punctuation">;</span> font-weight<span class="token punctuation">:</span> normal<span class="token punctuation">;</span> color<span class="token punctuation">:</span> #75889b<span class="token punctuation">;</span> margin-left<span class="token punctuation">:</span>100px<span class="token punctuation">;</span> margin-top<span class="token punctuation">:</span>0px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">.image_border</span><span class="token punctuation">{</span> border<span class="token punctuation">:</span> 2px solid #ae7414<span class="token punctuation">;</span> margin-top<span class="token punctuation">:</span>5px<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token selector">div #text a</span> <span class="token punctuation">{</span> background-image<span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span><span class="token string url">'../images/kleiner_Pfeil.jpg'</span><span class="token punctuation">)</span></span><span class="token punctuation">;</span> background-position<span class="token punctuation">:</span> center left<span class="token punctuation">;</span> background-repeat<span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span> padding-left<span class="token punctuation">:</span>-20px<span class="token punctuation">;</span> <span class="token punctuation">}</span> <span class="token selector">div #sidebar</span> <span class="token punctuation">{</span> text-align<span class="token punctuation">:</span> left<span class="token punctuation">;</span> width<span class="token punctuation">:</span> 166px<span class="token punctuation">;</span> background-color<span class="token punctuation">:</span>#e9edf0<span class="token punctuation">;</span> margin-left<span class="token punctuation">:</span>829px<span class="token punctuation">;</span> margin-top<span class="token punctuation">:</span>0<span class="token punctuation">;</span> xoverflow<span class="token punctuation">:</span>visible<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/* News in sidebar */</span> <span class="token selector">div #sidebar #news</span> <span class="token punctuation">{</span> width<span class="token punctuation">:</span> 166px<span class="token punctuation">;</span> height<span class="token punctuation">:</span> 300px<span class="token punctuation">;</span> margin<span class="token punctuation">:</span>0<span class="token punctuation">;</span> background-image<span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>../images/layout_news.jpg<span class="token punctuation">)</span></span><span class="token punctuation">;</span> background-position<span class="token punctuation">:</span> top left<span class="token punctuation">;</span> background-repeat<span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token selector">div #sidebar #news p</span> <span class="token punctuation">{</span> line-height<span class="token punctuation">:</span> 140%<span class="token punctuation">;</span> font-size<span class="token punctuation">:</span>65%<span class="token punctuation">;</span> color<span class="token punctuation">:</span>#000<span class="token punctuation">;</span> margin-left<span class="token punctuation">:</span>30px<span class="token punctuation">;</span> margin-right<span class="token punctuation">:</span>10px<span class="token punctuation">;</span> margin-top<span class="token punctuation">:</span>5px<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/* Events in sidebar */</span> <span class="token selector">div #sidebar #events</span> <span class="token punctuation">{</span> width<span class="token punctuation">:</span> 166px<span class="token punctuation">;</span> height<span class="token punctuation">:</span> 312px<span class="token punctuation">;</span> margin<span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token selector">div #sidebar #events p</span> <span class="token punctuation">{</span> line-height<span class="token punctuation">:</span>140%<span class="token punctuation">;</span> font-size<span class="token punctuation">:</span> 65%<span class="token punctuation">;</span> color<span class="token punctuation">:</span> #000000<span class="token punctuation">;</span> margin-left<span class="token punctuation">:</span>30px<span class="token punctuation">;</span> margin-top<span class="token punctuation">:</span>5px<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token comment">/* Fußzeile */</span> <span class="token selector">div#footer</span> <span class="token punctuation">{</span> text-align<span class="token punctuation">:</span> left<span class="token punctuation">;</span> width<span class="token punctuation">:</span> 995px<span class="token punctuation">;</span> height<span class="token punctuation">:</span> 27px<span class="token punctuation">;</span> clear<span class="token punctuation">:</span>both<span class="token punctuation">;</span> background-image<span class="token punctuation">:</span><span class="token url"><span class="token function">url</span><span class="token punctuation">(</span>../images/layout_footer.jpg<span class="token punctuation">)</span></span><span class="token punctuation">;</span> background-position<span class="token punctuation">:</span> top left<span class="token punctuation">;</span> background-repeat<span class="token punctuation">:</span> no-repeat<span class="token punctuation">;</span> margin<span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token selector">div#footer .left</span> <span class="token punctuation">{</span> width<span class="token punctuation">:</span> 400px<span class="token punctuation">;</span> float<span class="token punctuation">:</span>left<span class="token punctuation">;</span> text-align<span class="token punctuation">:</span> left<span class="token punctuation">;</span> margin-left<span class="token punctuation">:</span> 20px<span class="token punctuation">;</span> margin-top<span class="token punctuation">:</span>7px<span class="token punctuation">;</span> font-size<span class="token punctuation">:</span> 60%<span class="token punctuation">;</span> color<span class="token punctuation">:</span> #000000<span class="token punctuation">;</span><span class="token punctuation">}</span> <span class="token selector">div#footer .right</span> <span class="token punctuation">{</span> height<span class="token punctuation">:</span>24px<span class="token punctuation">;</span> margin-right<span class="token punctuation">:</span>5px<span class="token punctuation">;</span> text-align<span class="token punctuation">:</span> right<span class="token punctuation">;</span> line-height<span class="token punctuation">:</span>10px<span class="token punctuation">;</span> font-size<span class="token punctuation">:</span> 70%<span class="token punctuation">;</span> color<span class="token punctuation">:</span> #000000<span class="token punctuation">;</span> width<span class="token punctuation">:</span>280px<span class="token punctuation">;</span> float<span class="token punctuation">:</span>right<span class="token punctuation">;</span> margin-top<span class="token punctuation">:</span> 7px<span class="token punctuation">;</span> <span class="token punctuation">}</span> </code></pre> https://forum.selfhtml.org/self/2009/jan/20/rollover-button-mit-bild-per-css/1328823#m1328823 LX 2009-01-20T10:17:45Z 2009-01-20T10:17:45Z Rollover Button mit Bild per Css <p>Du solltest den Navi-Links noch display:block mitgeben, sonst funktionieren width und height nicht.</p> <p>Gruß, LX</p> <div class="signature">-- <br> X-Self-Code: sh:( fo:) ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|<br> X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html<br> X-Will-Answer-Email: Unusual<br> X-Please-Search-Archive-First: Absolutely Yes </div> https://forum.selfhtml.org/self/2009/jan/20/rollover-button-mit-bild-per-css/1328824#m1328824 nicole 2009-01-20T10:46:48Z 2009-01-20T10:46:48Z Rollover Button mit Bild per Css <p>Hab ich schon, geht auch nicht.<br> Das display:block stand so ja auch schon auf der Seite hier.</p>