Auf Thema antworten 2026

Beitrag

<blockquote data-quote="kleinerna77" data-source="post: 895627" data-attributes="member: 274100">Hallo User,ich bin neu hier und dachte, evtl. hat jemand einen Tipp für mein Problem.Zu dem folgendes:Ich habe mir ein 5-teiliges Rollover gebastelt, in dem ich jeweils ein Bild eigenständig anklicken kann. Beim überfahren mit der Maus färbt sich das graue Bild bunt. Soweit so gut, das hab ich - als blutiges html / css Anfängerin - auch halbwegs hinbekommen :uhm: Die Anordnung habe ich erstmal über frames gelöst (nutzt man das heute noch sehr oder eher tabellen)?Hier ist der framecode:&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&gt;&lt;html&gt;&nbsp; &lt;head&gt;&nbsp; &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=windows-1250&quot;&gt;&nbsp; &lt;meta name=&quot;generator&quot; content=&quot;PSPad editor, www.pspad.com&quot;&gt;&nbsp; &lt;title&gt;index&lt;/title&gt;&nbsp; &lt;/head&gt;&nbsp; &lt;frameset cols=&quot;15%,14%,14%,14%,14%,14%,15%&quot; frameborder=&quot;0&quot; border=&quot;0&quot;&gt;&nbsp; &nbsp; &lt;frame src=&quot;leer.htm&quot; name=&quot;leer&quot; srcolling=&quot;no&quot; noresize&gt;&nbsp; &nbsp; &lt;frame src=&quot;Bild1.htm&quot; name=&quot;Bild1&quot; scrolling=&quot;no&quot; noresize&gt;&nbsp; &nbsp; &lt;frame src=&quot;Bild2.htm&quot; name=&quot;Bild2&quot; scrolling=&quot;no&quot; noresize&gt;&nbsp; &nbsp; &lt;frame src=&quot;Bild3.htm&quot; name=&quot;Bild3&quot; scrolling=&quot;no&quot; noresize&gt;&nbsp; &nbsp; &lt;frame src=&quot;Bild4.htm&quot; name=&quot;Bild4&quot; scrolling=&quot;no&quot; noresize&gt;&nbsp; &nbsp; &lt;frame src=&quot;Bild5.htm&quot; name=&quot;Bild5&quot; scrolling=&quot;no&quot; noresize&gt;&nbsp; &nbsp; &lt;frame src=&quot;leer1.htm&quot; name=&quot;leer1&quot; scrolling=&quot;no&quot; noresize&gt;&nbsp; &lt;/frameset&gt;&nbsp; &lt;body&gt;&nbsp; &lt;/body&gt;&lt;/html&gt;-------------------------------------------------------------------------==&gt; in den Bild1.htm bis Bild5.htm sind jeweils ein Rollover-Bild aufgeführt.Siehe hier:&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&gt;&lt;html&gt;&nbsp; &lt;head&gt;&nbsp; &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=windows-1250&quot;&gt;&nbsp; &lt;meta name=&quot;generator&quot; content=&quot;PSPad editor, www.pspad.com&quot;&gt;&nbsp; &lt;title&gt;Bild1&lt;/title&gt;&nbsp; &lt;style type=&quot;text/css&quot;&gt;&nbsp; &lt;!--&nbsp; a&nbsp; &nbsp; &nbsp; &nbsp;&nbsp; {background-image:url(deckblatt home grau.jpg);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:300px; width:130px; position:relative; top:100px;}&nbsp; a:hover&nbsp;&nbsp; {background-image:url(deckblatt home.jpg);&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; height:300px; width:130px; position:relative; top:100px;}&nbsp; --&gt;&nbsp; &lt;/style&gt;&nbsp; &lt;/head&gt;&nbsp; &lt;body bgcolor=&quot;#FFFFFF&quot;&gt;&nbsp; &lt;a href=&quot;home.htm&quot; target=&quot;_parent&quot;&gt;&lt;/a&gt;&nbsp; &lt;/body&gt;&lt;/html&gt;-------------------------------------------------------------------------Mein Problem ist jetzt:im IE 7 funktioniert das einwandfrei ... Anordnung ist in Ordnung, Rollover funktioniert auch <img src="/styles/default/xenforo/smilies/uhm.gif"&nbsp; class="smilie" loading="lazy" alt=":(" title="Frown&nbsp; &nbsp; :(" data-shortname=":(" />Schaue ich mir über die index (frames) das ganze im FF an ... hab ich nur nen weißen Bildschirm. Komplett gar keine Darstellung ... kann der FF die Zusammenstellung von Frames und den Rollover in den einzelnen nicht darstellen?-------------------------------------------------------------------------Hier habe ich auch noch eine andere kleine Version ... dort wieder das selbe Problem. Im IE werden die Bilder angezeigt und auch der Rollover an sich funktioniert und im FF absolut keine Darstellung.&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;Rollovereffekt&lt;/title&gt;&lt;style type=&quot;text/css&quot;&gt;&lt;!--table&nbsp; &nbsp; {width:100%; height:100%;}a#rollover{width: 128px;height: 300px;display: block;background: url(deckblatt home grau.jpg) no-repeat;}a#rollover:hover {background: url(deckblatt home.jpg) no-repeat;}a#rollover1{width: 128px;height: 300px;display: block;background: url(deckblatt about me grau.jpg) no-repeat;}a#rollover1:hover {background: url(deckblatt about me.jpg) no-repeat;}a#rollover2{width: 128px;height: 300px;display: block;background: url(deckblatt portfolio grau.jpg) no-repeat;}a#rollover2:hover {background: url(deckblatt portfolio.jpg) no-repeat;}a#rollover3{width:128px;height:300px;display:block;background:url(deckblatt kontakt grau.jpg) no-repeat;}a#rollover3:hover{background:url(deckblatt kontakt.jpg) no-repeat;}a#rollover4{width:128px;height:300px;display:block;background:url(deckblatt impresum grau.jpg) no-repeat;}a#rollover4:hover{background:url(deckblatt impresum.jpg) no-repeat;}&lt;/style&gt;&lt;/head&gt;&lt;body&gt;&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;a href=&quot;home.htm&quot; id=&quot;rollover&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;aboutme.htm&quot; id=&quot;rollover1&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;portfolio.htm&quot; id=&quot;rollover2&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;kontakt.htm&quot; id=&quot;rollover3&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;td&gt;&lt;a href=&quot;impressum.htm&quot; id=&quot;rollover4&quot;&gt;&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/body&gt;&lt;/html&gt;-------------------------------------------------------------------------Ich tüftel jetzt schon 3 Tage daran und komme auf keinen grünen Zweig. Im Internet konnte ich auch noch eine Lösung für mein Problem finden ... deshalb hab ich mich mal an euch gewandt.Vielleicht hat jemand ein paar Anregungen oder Tipps, was hier vielleicht total schief gelaufen ist oder an was für ein Gedankenproblem ich noch nicht gestolpert bin <img src="/styles/default/xenforo/smilies/rolleyes.gif"&nbsp; class="smilie" loading="lazy" alt=":rolleyes:" title="Roll Eyes&nbsp; &nbsp; :rolleyes:" data-shortname=":rolleyes:" />Ich danke euch schon mal ...Grüße kleinerna <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile&nbsp; &nbsp; :)" loading="lazy" data-shortname=":)" /></blockquote>

[QUOTE="kleinerna77, post: 895627, member: 274100"] Hallo User, ich bin neu hier und dachte, evtl. hat jemand einen Tipp für mein Problem. Zu dem folgendes: Ich habe mir ein 5-teiliges Rollover gebastelt, in dem ich jeweils ein Bild eigenständig anklicken kann. Beim überfahren mit der Maus färbt sich das graue Bild bunt. Soweit so gut, das hab ich - als blutiges html / css Anfängerin - auch halbwegs hinbekommen :uhm: Die Anordnung habe ich erstmal über frames gelöst (nutzt man das heute noch sehr oder eher tabellen)? [U]Hier ist der framecode:[/U] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title>index</title> </head> <frameset cols="15%,14%,14%,14%,14%,14%,15%" frameborder="0" border="0"> <frame src="leer.htm" name="leer" srcolling="no" noresize> <frame src="Bild1.htm" name="Bild1" scrolling="no" noresize> <frame src="Bild2.htm" name="Bild2" scrolling="no" noresize> <frame src="Bild3.htm" name="Bild3" scrolling="no" noresize> <frame src="Bild4.htm" name="Bild4" scrolling="no" noresize> <frame src="Bild5.htm" name="Bild5" scrolling="no" noresize> <frame src="leer1.htm" name="leer1" scrolling="no" noresize> </frameset> <body> </body> </html> ------------------------------------------------------------------------- ==> in den Bild1.htm bis Bild5.htm sind jeweils ein Rollover-Bild aufgeführt. Siehe hier: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title>Bild1</title> <style type="text/css">  </style> </head> <body bgcolor="#FFFFFF"> <a href="home.htm" target="_parent"></a> </body> </html> ------------------------------------------------------------------------- Mein Problem ist jetzt: im IE 7 funktioniert das einwandfrei ... Anordnung ist in Ordnung, Rollover funktioniert auch :( Schaue ich mir über die index (frames) das ganze im FF an ... hab ich nur nen weißen Bildschirm. Komplett gar keine Darstellung ... kann der FF die Zusammenstellung von Frames und den Rollover in den einzelnen nicht darstellen? ------------------------------------------------------------------------- Hier habe ich auch noch eine andere kleine Version ... dort wieder das selbe Problem. Im IE werden die Bilder angezeigt und auch der Rollover an sich funktioniert und im FF absolut keine Darstellung. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Rollovereffekt</title> <style type="text/css"> <!-- table {width:100%; height:100%;} a#rollover{ width: 128px; height: 300px; display: block; background: url(deckblatt home grau.jpg) no-repeat; } a#rollover:hover { background: url(deckblatt home.jpg) no-repeat; } a#rollover1{ width: 128px; height: 300px; display: block; background: url(deckblatt about me grau.jpg) no-repeat; } a#rollover1:hover { background: url(deckblatt about me.jpg) no-repeat; } a#rollover2{ width: 128px; height: 300px; display: block; background: url(deckblatt portfolio grau.jpg) no-repeat; } a#rollover2:hover { background: url(deckblatt portfolio.jpg) no-repeat; } a#rollover3{ width:128px; height:300px; display:block; background:url(deckblatt kontakt grau.jpg) no-repeat; } a#rollover3:hover{ background:url(deckblatt kontakt.jpg) no-repeat; } a#rollover4{ width:128px; height:300px; display:block; background:url(deckblatt impresum grau.jpg) no-repeat; } a#rollover4:hover{ background:url(deckblatt impresum.jpg) no-repeat; } </style> </head> <body> <table> <tr> <td><a href="home.htm" id="rollover"></a></td> <td><a href="aboutme.htm" id="rollover1"></a></td> <td><a href="portfolio.htm" id="rollover2"></a></td> <td><a href="kontakt.htm" id="rollover3"></a></td> <td><a href="impressum.htm" id="rollover4"></a></td> </tr> </table> </body> </html> ------------------------------------------------------------------------- Ich tüftel jetzt schon 3 Tage daran und komme auf keinen grünen Zweig. Im Internet konnte ich auch noch eine Lösung für mein Problem finden ... deshalb hab ich mich mal an euch gewandt. Vielleicht hat jemand ein paar Anregungen oder Tipps, was hier vielleicht total schief gelaufen ist oder an was für ein Gedankenproblem ich noch nicht gestolpert bin :rolleyes: Ich danke euch schon mal ... Grüße kleinerna :) [/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?