Problem mit mouseover

Status
Nicht offen für weitere Antworten.
@coral: Da Dein Post rein garnichts zum Thema beigetragen hat sondern rein provokativ war habe ich ihn kompostiert.

Ach, wird hier zensiert, ja?
Ich habe lediglich erwähnt, das der Code nicht valide ist - und das entspricht der Wahrheit.
Entschuldigung!
 
Haettest Du das "hrhr" am Ende weggelassen waere es auch vollkommen in Ordnung gewesen. So war es lediglich Provokation, ist unnoetig und wird geloescht. Das hat nichts mit Zensur sondern etwas mit gutem Umgang zu tun. Falls Du dazu nicht in der Lage sein solltest oder keine Lust hast weisst Du ja wo Dein Rechner aus geht...
 
Sorry, aber für mich ist das Zensur!
Ich habe niemanden beleidigt oder persönlich angegriffen - dann könnte ich Deinen Eingriff durchaus verstehen.
Anscheinend sind hier einige Leute völlig humorlos und sehen die Dinge meiner Meinung nach ein wenig zu ernst.

P.S.: Keine Ahnung, wo mein Rechner aus geht - der läuft immer...
 
*back to topic*

@ MaexxDesign: Gumbo und ich haben dir doch heute zwei Lösungsvorschläge gezeigt.

Ich frage mich, ob wir chinesisch sprechen, oder weshalb du die Vorlagen nicht übernimmst. Stattdessen hälst du weiterhin an corals fehlerhaften Beispiel fest :(
 
Wenn das fuer Dich Zensur ist, okay. Aber ich fand den Beitrag in der gegebenen Form unpassend.
Du haettest mit etwas anderer Wortwahl das Gleiche sagen koennen ohne, dass Dein Post irgendwie provokativ rueberkommt, denn genau das bewirkt Dein "hrhr". So von wegen "Ihr meckert an meinem invaliden Code rum kriegt es aber selbst nicht gebacken solchen zu schreiben."
Haettest Du Deinen Post ungefaehr wie folgt verfasst waere es lediglich konstruktive Kritik gewesen:
Der Code ist aber auch nicht valide, ... und ... werden vom Validator bemaengelt.
 
michaelsinterface hat gesagt.:
*back to topic*

@ MaexxDesign: Gumbo und ich haben dir doch heute zwei Lösungsvorschläge gezeigt.

Ich frage mich, ob wir chinesisch sprechen, oder weshalb du die Vorlagen nicht übernimmst. Stattdessen hälst du weiterhin an corals fehlerhaften Beispiel fest :(
Die Lösungsvorschläge habe ich doch genutzt.
Das Ergebnis sieht man doch hier:
http://www.maexxdesign.de/test.htm
 
Zuletzt bearbeitet:
Ich denke, daß wir (Gumbo und ich) deine Fragen bislang beantwortet haben. Du mußt unsere Beiträge nur in Ruhe lesen und die gezeigten Vorschläge für deine Seite übernehmen. Aber bitte nicht die fehlerhaften Beispiele von coral.
 
MaexxDesign hat gesagt.:
Die Lösungsvorschläge habe ich doch genutzt.
Diesen Mumpitz haben wir (Gumbo und ich) dir ganz sicher nicht vorgeschlagen (!)

Aktueller Quelltext:
HTML:
<html>

<head>
<title>Inhalt</title>
<base target="_self">
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild1 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/1a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; float: left; margin: .5em; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild2 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/2a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild3 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/3a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild4 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/4a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild5 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/5a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild6 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/6a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild7 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/7a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild8 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/8a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild9 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/9a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild10 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/10a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild11 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/11a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild12 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/12a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild13 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/13a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild14 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/14a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild15 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/15a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild16 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/16a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild17 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/17a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild18 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/18a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild19 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/19a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild20 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/20a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild21 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/21a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild22 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/22a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild23 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/23a.jpg) 0 0 no-repeat; } --> </style>
<style type="text/css"> <!-- a#thumb { display: block; width: 100px; height: 80px; border: solid 1px blue; } a#thumb:hover { background-position: -100px 0; } .bild24 { background: url(http://www.maexxdesign.de/Bilder/Actors/Paquin/24a.jpg) 0 0 no-repeat; } --> </style>
</head>

<body bgColor="#000000" link="#0000FF" vlink="#C0C0C0" alink="#FF0000">
<p>
<img border="0" src="../../Bilder/Logo.jpg"><br>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/1.jpg" class="bild1" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/2.jpg" class="bild2" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/3.jpg" class="bild3" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/4.jpg" class="bild4" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/5.jpg" class="bild5" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/6.jpg" class="bild6" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/7.jpg" class="bild7" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/8.jpg" class="bild8" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/9.jpg" class="bild9" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/10.jpg" class="bild10" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/11.jpg" class="bild11" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/12.jpg" class="bild12" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/13.jpg" class="bild13" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/14.jpg" class="bild14" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/15.jpg" class="bild15" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/16.jpg" class="bild16" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/17.jpg" class="bild17" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/18.jpg" class="bild18" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/19.jpg" class="bild19" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/20.jpg" class="bild20" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/21.jpg" class="bild21" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/22.jpg" class="bild22" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/23.jpg" class="bild23" align="center"></a>
<a id="thumb" href="http://www.maexxdesign.de/Bilder/Actors/Paquin/24.jpg" class="bild24" align="center"></a>
</body>
</html>
Und hier der dazugehörige Validator-Check der Testseite: http://validator.w3.org/check?uri=http://www.maexxdesign.de/test.htm
 
Dennis Wronka hat gesagt.:
Wenn das fuer Dich Zensur ist, okay. Aber ich fand den Beitrag in der gegebenen Form unpassend.
Du haettest mit etwas anderer Wortwahl das Gleiche sagen koennen ohne, dass Dein Post irgendwie provokativ rueberkommt, denn genau das bewirkt Dein "hrhr". So von wegen "Ihr meckert an meinem invaliden Code rum kriegt es aber selbst nicht gebacken solchen zu schreiben."
Haettest Du Deinen Post ungefaehr wie folgt verfasst waere es lediglich konstruktive Kritik gewesen:

Okay, Du fandest meinen Beitrag unpassend.
Aber das ist, wie ich finde, Dein persönliches Problem - ich selbst habe, wie schon erwähnt, niemanden beleidigt oder angegriffen. Und was Du in mein Post hinein interpretierst, ist ebenfalls Dein persönliches Problem. Ich habe hier noch nie die Kompetenz von irgendjemandem angezweifelt und finde es durchaus berechtigt, über die eine oder andere Sache auch mal zu streiten.
Davon abgesehen lasse ich mir nicht vorschreiben, wie ich meinen Post zu verfassen habe. Wenn sich jemand wie Du an einem "hrhr" reibt, dann halte ich das einfach für humorlos und übertrieben.
Aber was soll`s - ich werde die Konsequenz daraus ziehen und mich in Zukunft einfach darauf beschränken, Fragen zu stellen. (Was zum Glück nicht allzu oft vor kommt.)
 
Wenn ich für thumb etwas Anderes einsetze, werden die Bilder untereinander angeordnet und der Hoover-Effekt ist nicht vorhanden.
<style type="text/css"> <!-- a#thumb1
<style type="text/css"> <!-- a#thumb2
usw.

<a id="thumb1"
<a id="thumb2"
usw.

Jetzt stehe ich auf'n Schlauch.:confused:
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück