Meinst Du die Links im Footer? Die a-Tags dort enthalten nur Bilder, color beeinflusst jedoch die Textfarbe, daher ist keine Änderung sichtbar.
Beiträge von Sempervivum
-
-
Zitat
aber bei mir opera werden alle bilder nebeneinander angezeigt ,mit den zähler.
Vielleicht eine alte Version im Cache? Sieh dir die Struktur mal im HTML-Inspektor der Entwicklertools an.
-
Zitat
das soll unter den anderen bildern in der mitte.wie bei fiddle.
Bei mir im Opera ist es das. Meinst Du den Effekt, dass er nach unten über die laufenden Bilder hinaus ragt? Das kannst Du verhindern, indem Du beim footer die feste Höhe heraus nimmst.
-
Was meinst Du denn, ist falsch? Dass das Bild verpixelt ist?
Im FF wird er bei mir gar nicht angezeigt:
ZitatTypeError: document.getElementById(...) is null
[Weitere Informationen]
counter_js.php:2:1
<anonym>
-
Du musst die Datei auch entsprechend mit UTF-8 abspeichern. Was benutzt Du für einen Editor? Normaler Weise findet man es unter "Speichern unter" oder in den Einstellungen.
-
Ich empfehle zunächst, die semantischen Tags wie <header> und <nav> zu verwenden.
https://wiki.selfhtml.org/wiki…TML5-Seitenstrukturierung
ZitatBei mir lässt sich der text nicht auf dieselbe Höhe wie das Bild oder umgekehrt machen obwohl sie doch im selben div stehen?
Informiere dich über Flexlayout:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/Mit flex-direction und align-items lässt sich die Anordnung und Ausrichtung der Elemente dann ganz nach Wunsch einstellen.
-
Das brauchst Du nicht von Hand umzuschreiben. Wie ich schon schrieb, kannst Du dir in Codepen die compilierte Version anzeigen lassen und wenn Du die kopierst und in deine Homepage einfügst, sollte es funktionieren.
-
Habe ich auch schon gesehen. Scheint Code für einen Preprocessor zu sein. Wie bei SCSS etc. "View compiled PUG" auswählen, dann bekommst Du das kompilierte HTML:
-
Ich schlage dies vor:
Code
Alles anzeigen<style> .angebotskasten { width: 100%; height:400px; background-color: blue; } .angebotskasten.large { height: 600px; } .angebotskasten span.smaller { display: none; } .angebotskasten span.larger { display: inline; } .angebotskasten.large span.smaller { display: inline; } .angebotskasten.large span.larger { display: none; } </style> <div class="angebotskasten"> <button type='button' class='togglebtn'> <span class="larger">Angebotskasten vergrößern</span> <span class="smaller">Angebotskasten verkleinern</span> </button> </div> <div class="angebotskasten"> <button type='button' class='togglebtn'> <span class="larger">Angebotskasten vergrößern</span> <span class="smaller">Angebotskasten verkleinern</span> </button> </div> <script> $(".togglebtn").on("click", function () { $(this).closest(".angebotskasten").toggleClass("large"); }); </script>
Der Code benutzt jQuery, vergiss nicht, es einzubinden.
-
Du musst das Javascript einbinden, nachdem die HTML-Elemente definiert wurden, d. h. am Ende des body, vor dem schließenden </body>.
-
Geht doch voran! Damit die Seite sofort angezeigt wird, musst Du die HTML-Datei in index.html umbenennen.
-
_Wie es mit Filezilla weiter geht, wird hier beschrieben:
http://eass.bplaced.de/3-FTP-Dateiupload
Zitatdie fiddle die ich erstellt habe muss ja irgendwie noch als html gespeichert werden oder nicht?
Dazu brauchst Du einen HTML-Editor, z. B. Komodo.
-
-
Sollte gehen, indem Du dem src-Attribut einen leeren String zuweist.
-
Der Fehlertext bleibt bei dem Element gespeichert, Du musst ihn, wenn die Eingabe in Ordnung ist, wieder löschen:
-
Habe mir deinen Code noch etwas genauer angesehen und dies scheint besser auf deine Anwendung zu passen:
https://stackoverflow.com/ques…-select-picker-using-ajax
Demnach müsste Du beim Ajax folgendes hinzu fügen:
-
Jimdo ist nicht geeignet für dich. Es ist gedacht für Benutzer, die ohne Programmierkenntnisse auf der Basis von Vorlagen eine Homepage erstellen wollen. Benutze besser bplaced.net, wie früher schon empfohlen.
-
Schau mal, ob dir dies weiter hilft:
-
Offensichtlich kann man nur Blockelemente transformieren. Durch display:inline-block kannst Du auch einen Link zu einem Blockelement machen:
-
Wenn Du die img-Elemente erst beim Klick anlegst, müsstest Du immer überprüfen, ob sie schon existieren, wie ich es in Posting #9 gemacht habe. Es vereinfacht die Sache jedoch sehr, wenn man die Bilder sofort anlegt und beim Klick nur noch das src-Attribut austauscht. Dies funktioniert bei mir:
Code
Alles anzeigen<table> <tr> <td id="bl0" onclick="hitColor('bl0')"></td> <td id="bl1" onclick="hitColor('bl1')"></td> <td id="bl2" onclick="hitColor('bl2')"></td> </tr> </table> <input type="button" id="button1" value="eins" onclick="Eins()">Eins <input type="button" id="button2" value="zwei" onclick="Zwei()">Zwei <style> table td img { width: 300px; height: 200px; } </style> <script> var images = {}; images.img1 = new Image(); images.img2 = new Image(); images.img3 = new Image(); images.img11 = new Image(); images.img12 = new Image(); images.img13 = new Image(); images.img1.src = "images/dia0.jpg"; images.img2.src = "images/dia1.jpg"; images.img3.src = "images/dia2.jpg"; images.img11.src = "images/01.png"; images.img12.src = "images/02.png"; images.img13.src = "images/03.png"; anzahlBilder = 3; for (var i = 0; i < anzahlBilder; i++) { var im = document.createElement("img"); document.getElementById('bl' + i).appendChild(im); } function Zwei() { for (var i = 0; i < anzahlBilder; i++) { document.querySelector('#bl' + i + ' img').src = images['img' + (i + 11)].src; } } function Eins() { for (var i = 0; i < anzahlBilder; i++) { document.querySelector('#bl' + i + ' img').src = images['img' + (i + 1)].src; } }