|
|||
2 facher Bildwechsel mit CSS
Hallo,
entstehen soll eine kleine Bildergalerie: 4 Thumbnails (je ein Graustufenbild und ein Farbbild) und ein Großbild (Farbbild) werden auf einer Seite angezeigt. Bei Mouse-Klick soll das Thumbnail (Graustufenbild) Farbbild und das dazugehörige Großbild gezeigt werden. Durch die 'label' Auszeichnung wird das Hintergrundbild (gewünschten Ausschnitt) anzeigen und mit der 'radio' Funktion belegt. Allerdings wird der Radiobutton auch angezeigt. HTML-Code:
<input id="b1" type="radio" name="thumb1"><label for="b1"><div id="b1"></label> Der 2. Bildwechsel (Anzeige des Großbildes g1.png) über Code:
#b1:checked ~ figure Danke für Hilfe. Maggie |
Sponsored Links |
Sponsored Links |
|
|||
Hier habe ich die Fehler berichtigt (die anderen HTML Angaben habe ich zum Vergleich jedoch noch drin gelassen)
HTML-Code:
<div class="b3"> <input id="b3" type="radio" name="thumb"><label for="b3"><img src="grauthumbs.gif" /></label> <input id="b3" type="radio" name="thumb"><label for="b3">wo ist hg</label> </div> |
|
||||
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
Sponsored Links |
|
|||
Bevor das zu Verwirrung führt...
maggie, im gesamten HTML-Dokument darf id="b3" nur ein einziges Mal vorkommen. Du hast aber zwei input-Elemente mit id="b3". Das ist falsch. Das for-Attribut des label-Elements darf (und muss ja auch) eine Referenz auf b3 enthalten. Wenn du das noch nicht verstanden hast, arbeite bitte ein Grundlagenwerk wie Little Boxes durch. Das wird dir helfen. Es ist sehr mühselig, Grundwissen anhand von Codefetzen zu vermitteln.
__________________
Über Internet Explorer 8: Noch bis 8. April 2014 wird der Internet Explorer 6 mit Sicherheitsupdates versorgt. Bereits jetzt kann dieser Browser aber vollständig durch den IE8 ersetzt werden. Ältere Betriebssysteme und Browserversionen werden von Microsoft nicht mehr unterstützt. Auch Programme, die den IE7 benötigen, sind kein Argument gegen IE8, da dieser über entsprechende Kompatibilitätsschichten verfügt. Ab sofort gilt daher der Internet Explorer 8 als vorausgesetzer Mindeststandard. |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Mouseover Bildwechsel Problem | Kevin-Kai | CSS | 6 | 24.06.2010 20:29 |
MYspace mehr als nur CSS oder ? | Vinceone | CSS | 0 | 12.07.2007 03:21 |
Eric Meyer's CSS | Petty | Ressourcen | 0 | 21.11.2005 09:18 |
Mozilla ignoriert externes css | DarkWanderer | CSS | 9 | 22.09.2005 12:39 |
bildwechsel bei hover - nur mit css, ohne javascript? | Beb | CSS | 3 | 20.06.2005 08:48 |