http://answers.websitex5.com/post/105987
Direkt aus deinem Quelltext genommen und nur die Klassennamen verändert.
HTML
- <div class="text-innen">
- <span class="link"><b class="navi">SCHNELL NAVI</b>
- <br>
- </span>
- <div>
- <br>
- </div>
- <div>
- <b><span class="link"><a href="shop-blinkmodule.html#B1" class="Link" onclick="return x5engine.utils.location('shop-blinkmodule.html#B1')">13 Blink und Blitzer B1</a></span></b>
- </div>
- <div>
- <span class="link"><a href="shop-blinkmodule.html#B1" class="Link" onclick="return x5engine.utils.location('shop-blinkmodule.html#B1')"> frei konfigurierbar</a></span>
- </div>
- <div>
- <br>
- </div>
- <div>
- <b><span class="link"><a href="shop-blinkmodule.html#B2" class="Link" onclick="return x5engine.utils.location('shop-blinkmodule.html#B2')">7 Blitz Modis B2</a></span></b>
- </div>
- <div>
- <span class="link"><a href="shop-blinkmodule.html#B2" class="Link" onclick="return x5engine.utils.location('shop-blinkmodule.html#B2')"> frei konfigurierbar</a>
- <br>
- </span>
- </div>
- <div>
- <br>
- </div>
- <div>
- <b><span class="link"><a href="shop-blinkmodule.html#B3" class="Link" onclick="return x5engine.utils.location('shop-blinkmodule.html#B3')">7 Blink Modis B3</a></span></b>
- </div>
- <div>
- <span class="link"><a href="shop-blinkmodule.html#B3" class="Link" onclick="return x5engine.utils.location('shop-blinkmodule.html#B3')"> frei konfigurierbar</a>
- <br>
- </span>
- </div>
- <div>
- <br>
- </div>
- <div>
- <b><span class="link"><a href="shop-blinkmodule.html#B4" class="Link" onclick="return x5engine.utils.location('shop-blinkmodule.html#B4')">Rundumlicht B4</a></span></b>
- </div>
- <div>
- <br>
- </div>
- <div>
- <b><span class="link"><a href="shop-blinkmodule.html#B5" class="Link" onclick="return x5engine.utils.location('shop-blinkmodule.html#B5')">Dimmer B5</a></span></b>
- </div>
- <div>
- <br>
- </div>
- <div>
- <b><span class="link"><a href="shop-blinkmodule.html#B6" class="Link" onclick="return x5engine.utils.location('shop-blinkmodule.html#B6')">Feuer und Kerze B6</a></span></b>
- </div>
- <div>
- <b class="link">
- <br>
- </b>
- </div>
- <div>
- <b><span class="link"><a href="shop-blinkmodule.html#B7" class="Link" onclick="return x5engine.utils.location('shop-blinkmodule.html#B7')">Schweißlicht und</a></span></b>
- </div>
- <div>
- <b><span class="link"><a href="shop-blinkmodule.html#B7" class="Link" onclick="return x5engine.utils.location('shop-blinkmodule.html#B7')">defekte Lampe B7</a></span></b>
- </div>
- <div>
- <b class="link">
- <br>
- </b>
- </div>
- <div>
- <b><span class="link"><a href="shop-blinkmodule.html#B8" class="Link" onclick="return x5engine.utils.location('shop-blinkmodule.html#B8')">Positionsleuchte B8</a></span></b>
- </div>
- <div>
- <b class="link">
- <br>
- </b>
- </div>
- <div>
- <b><span class="link"><a href="shop-blinkmodule.html#T1" class="Link" onclick="return x5engine.utils.location('shop-blinkmodule.html#T1')">10 Ampere Treber T1</a></span></b>
- </div>
- <div>
- <b class="link">
- <br>
- </b>
- </div>
- <div>
- <b><span class="link"><a href="shop-blinkmodule.html#T1-K" class="Link" onclick="return x5engine.utils.location('shop-blinkmodule.html#T1-K')">Kühlkörper T1-K</a></span></b>
- </div>
- <div>
- <b>
- <br>
- </b>
- </div>
- <div>
- <br>
- </div>
- <div>
- <br>
- </div>
- <div>
- <br>
- </div>
- <div>
- <br>
- </div>
- <div>
- <br>
- </div>
- <div>
- <br>
- </div>
- <div>
- <br>
- </div>
- <div>
- <br>
- </div>
- <div style="text-align: center;">
- <a href="shop-blinkmodule.html" class="Link inline-block" onclick="return x5engine.utils.location('shop-blinkmodule.html')"><img src="images/but-up.png" title="" alt="" style="width:72px; height: 62px;" /></a>
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- <a href="shop-blinkmodule.html" class="Link inline-block" onclick="return x5engine.utils.location('shop-blinkmodule.html')"><img src="images/but-up.png" title="" alt="" style="width:72px; height: 62px;" /></a>
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- <a href="shop-blinkmodule.html" class="Link inline-block" onclick="return x5engine.utils.location('shop-blinkmodule.html')"><img src="images/but-up.png" title="" alt="" style="width:72px; height: 62px;" /></a>
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- <a href="shop-blinkmodule.html" class="Link inline-block" onclick="return x5engine.utils.location('shop-blinkmodule.html')"><img src="images/but-up.png" title="" alt="" style="width:72px; height: 62px;" /></a>
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- <a href="shop-blinkmodule.html" class="Link inline-block" onclick="return x5engine.utils.location('shop-blinkmodule.html')"><img src="images/but-up.png" title="" alt="" style="width:72px; height: 62px;" /></a>
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- </div>
- <div style="text-align: center;">
- <br>
- <a href="shop-blinkmodule.html" class="Link inline-block" onclick="return x5engine.utils.location('shop-blinkmodule.html')"><img src="images/but-up.png" title="" alt="" style="width:72px; height: 62px;" /></a>
- <br>
- </div>
- </div>
und im CSS Bereich
HTML
- .link {color: rgb(255, 0, 0);}
- .text-innen {padding: 10px 10px 10px 10px}
- .navi { background-color: rgb(255, 191, 0); }
- .inline-block { display: inline-block; }
- /* Links */
- .Link:link, .Link { background-color: transparent; color: #ffffff; text-decoration: none; }
- .Link:visited { background-color: transparent; color: #ffffff; text-decoration: none; }
- .Link:hover, .Link:active, .Link:hover, .Link:active { background-color: transparent; color: #ffffff; text-decoration: none; }
- .imAbbr:link { background-color: transparent; color: #ffffff; text-decoration: none; }
- .imAbbr:visited { background-color: transparent; color: #ffffff; text-decoration: none; }
- .imAbbr:hover, .imAbbr:active { background-color: transparent; color: #ffffff; text-decoration: none; }