Auf Thema antworten

Beitrag

<blockquote data-quote="Gelöschtes Mitglied 633957" data-source="post: 2542699">Xlink ist nicht so meins und ich wüsste auch nicht wie der Bildwechsel zu realisieren ist, aberDir sollte folgende Idee gefallen:<ul>
<li data-xf-list-type="ul"></li>
<li data-xf-list-type="ul"></li>
<li data-xf-list-type="ul">Hier der Quellcode:</li>
</ul>[code=html]&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot;&nbsp; &nbsp; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;CSS Sprites: Image Slicing's Kiss of Death&lt;/title&gt;&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;&lt;style media=&quot;screen&quot;&gt;#blobs {width: 300px;height: 150px;background: url(blobs.gif);margin: 10px auto; padding: 0;position: relative;}#blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}#blobs a {display: block;}#blob1 {left: 9px; top: 7px; width: 86px; height: 130px;}#blob2 {left: 77px; top: 16px; width: 79px; height: 86px;}#blob3 {left: 160px; top: 0px; width: 112px; height: 77px;}#blob4 {left: 173px; top: 57px; width: 120px; height: 80px;}#blob5 {left: 110px; top: 102px; width: 98px; height: 45px;}#blob1 a {height: 130px;}#blob2 a {height: 86px;}#blob3 a {height: 77px;}#blob4 a {height: 80px;}#blob5 a {height: 45px;}#blob1 a:hover {background: url(blobs.gif) -10px -307px no-repeat;}#blob2 a:hover {background: url(blobs.gif) -77px -166px no-repeat;}#blob3 a:hover {background: url(blobs.gif) -160px -300px no-repeat;}#blob4 a:hover {background: url(blobs.gif) -173px -207px no-repeat;}#blob5 a:hover {background: url(blobs.gif) -110px -402px no-repeat;}&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;ul id=&quot;blobs&quot;&gt;&nbsp; &lt;li id=&quot;blob1&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &lt;li id=&quot;blob2&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &lt;li id=&quot;blob3&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &lt;li id=&quot;blob4&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;/a&gt;&lt;/li&gt;&nbsp; &lt;li id=&quot;blob5&quot;&gt;&lt;a href=&quot;#&quot;&gt;&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/body&gt;&lt;/html&gt;[/code]Wenn meine Idee nichts für Dich ist, dann kann Dir [USER=194379]@patrick_l[/USER] sicher noch weitere Tipps geben.Besten Gruß, Ty</blockquote>

[QUOTE="Gelöschtes Mitglied 633957, post: 2542699"] [I]Xlink[/I] ist nicht so meins und ich wüsste auch nicht wie der Bildwechsel zu realisieren ist, aberDir sollte folgende Idee gefallen: [LIST] [*] [*] [*]Hier der Quellcode: [/LIST] [code=html]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>CSS Sprites: Image Slicing's Kiss of Death</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <style media="screen"> #blobs { width: 300px; height: 150px; background: url(blobs.gif); margin: 10px auto; padding: 0; position: relative; } #blobs li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;} #blobs a {display: block;} #blob1 {left: 9px; top: 7px; width: 86px; height: 130px;} #blob2 {left: 77px; top: 16px; width: 79px; height: 86px;} #blob3 {left: 160px; top: 0px; width: 112px; height: 77px;} #blob4 {left: 173px; top: 57px; width: 120px; height: 80px;} #blob5 {left: 110px; top: 102px; width: 98px; height: 45px;} #blob1 a {height: 130px;} #blob2 a {height: 86px;} #blob3 a {height: 77px;} #blob4 a {height: 80px;} #blob5 a {height: 45px;} #blob1 a:hover {background: url(blobs.gif) -10px -307px no-repeat;} #blob2 a:hover {background: url(blobs.gif) -77px -166px no-repeat;} #blob3 a:hover {background: url(blobs.gif) -160px -300px no-repeat;} #blob4 a:hover {background: url(blobs.gif) -173px -207px no-repeat;} #blob5 a:hover {background: url(blobs.gif) -110px -402px no-repeat;} </style> </head> <body> <ul id="blobs"> <li id="blob1"><a href="#"></a></li> <li id="blob2"><a href="#"></a></li> <li id="blob3"><a href="#"></a></li> <li id="blob4"><a href="#"></a></li> <li id="blob5"><a href="#"></a></li> </ul> </body> </html>[/code] Wenn meine Idee nichts für Dich ist, dann kann Dir [USER=194379]@patrick_l[/USER] sicher noch weitere Tipps geben. Besten Gruß, Ty [/QUOTE]

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

Authentifizierung

Der grüne Frosch hüpft über die Hügel an den Bäumen vorbei in die Höhle. Bitte nenne das vierte Wort!