Zitatworan hast du das gesehen?
In dem zweiten Screenshot mit dem farbigen Text sieht man es ganz unten.
Zitatworan hast du das gesehen?
In dem zweiten Screenshot mit dem farbigen Text sieht man es ganz unten.
Ah so, das Problem ist, dass in der Tabellenzelle noch ein span ist, in dem Fall muss man eine Ebene tiefer gehen:
ID_tablecontrol0CC90632 ist die ID der Tabelle?
War das ein Intranet? Sonst würde ich empfehlen, die URL zu posten.
Wenn nicht möglich, dann poste noch Mal einen Screenshot wo auch das <table>-Tag sichtbar ist und die fragliche Zelle aufgeklappt.
So kannst du gezielt auf die Zeilen und Spalten einer Tabelle zugreifen und den Inhalt bearbeiten:
<table id="testreplace">
<tr>
<th>Berlin</th>
<th>testHamburg</th>
<th>München</th>
</tr>
<tr>
<td>Miljöh</td>
<td>testKiez</td>
<td>Bierdampf</td>
</tr>
<tr>
<td>Buletten</td>
<td>testFrikadellen</td>
<td>Fleischpflanzerl</td>
</tr>
</table>
<script>
var tbl = document.getElementById("testreplace");
for (var i = 0; i < tbl.rows.length; i++) {
var cell = tbl.rows[i].cells[1];
var eltxt = cell.firstChild.nodeValue;
eltxt = eltxt.replace('test', 'repl');
cell.firstChild.nodeValue = eltxt;
}
</script>
Alles anzeigen
Ja, das habe ich mit Magix VDL gemacht. Die Pfalz ist ein transparentes PNG, ebenso der Text. Und das Feuerwerk ist in Wirklichkeit kein Neujahrsfeuerwerk, sondern vom Schützenfest, ebenfalls in Goslar.
Das ist die Kaiserpfalz in Goslar.
PS: Die Scrollbalken verschwinden, wenn man in dem eingebetteten Fiddle das position:absolute für #grad weg nimmt.
Schau mal, ob dies besser ist:
https://jsfiddle.net/jutxeh99/3/
Zitatich glaube ich werde mal die ganze woche nur was überflex boxen lesen,weil denke damit sollte es doch prima gehen
Das ist sicher ein guter Plan. Meine Erfahrung ist auch, dass damit vieles einfach ist, was sonst Probleme macht.
Nicht so schnell aufgeben!
Zu dem Fiddle aus #11: Wie möchtest Du es denn haben? Du schreibst:
Zitatverschiebt sich der iframe unter den footer
Nebeneinander? Dafür ist doch gar nicht genug Platz. "Footer Laufschrift" ist zwar irreführend aber im HTML ist es #mittekopf und das passt zu dem Bild im Ergebnis: Kopf über Inhalt.
Edit: Habe dich leider falsch verstanden. Du meinst die Tatsache, dass der iFrame vom Footer überdeckt wird. Ich sehe es mir an ...
Auch von mir ein frohes neues Jahr!
Jetzt weiß ich leider nicht, was sich hinter diesem zw verbirgt.
Ich habe jedoch mal einen Test gemacht, und dies funktioniert:
<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>
<button onclick="ZeigNeueBilder();">Rücksetzen</button>
<script>
var images = {};
images.img1 = new Image();
images.img2 = new Image();
images.img3 = new Image();
images.img1.src = "images/dia0.jpg";
images.img2.src = "images/dia1.jpg";
images.img3.src = "images/dia2.jpg";
anzahlBilder = 3;
function ZeigNeueBilder() {
for (var i = 0; i <= anzahlBilder - 1; i++) {
var cell = document.getElementById('bl' + i);
var chld = cell.childNodes[0];
var im = images['img' + (i + 1)];
if (chld) {
chld.src = cell.getAttribute("data-src");
} else {
cell.setAttribute("data-src", im.src)
cell.appendChild(im);
}
}
}
ZeigNeueBilder();
function hitColor(blink) {
document.getElementById(blink).childNodes[0].src = "images/01.png";
}
</script>
Alles anzeigen
Versuch mal, ob Du es auf deine Umgebung übertragen kannst.
Ich würde einfach eine weitere Funktion nehmen, die den alten Zustand wieder herstellt:
function zurueck() {
for (var i = 0; i <= anzahlBilder-1; i++) {
document.querySelector('bl' +zw[i] + ' img').src = images['img' + (i+1)].src;
}
}
Oder noch besser, die img-Tags gleich im HTML anlegen und nur das src-Attribut ändern.
Der Kern der Sache war, dass ich "#grad p" animiert statt "#grad", die Breite auf 800% gesetzt und die Position verschoben wie Du im HTML-Fenster siehst. display:inline-block ist nur, um die Buchstaben nebeneinander anzuordnen, display:flex für #grad wäre wahrscheinlich genau so gut gewesen.
Eine Alternative wäre, die PDF-Dateien nicht zu konvertieren sondern direkt anzuzeigen. Ich habe vor einiger Zeit mit pdf.js einen Betrachter geschrieben:
http://webentwicklung.ulrichbangert.de/pdfjs-ajax-2.html
Die doc-Dateien kannst Du ja problemlos nach PDF konvertieren.
Das funktioniert nur für den Text, der sich direkt in dem Element befindet, wo auch der Gradient liegt:
https://jsfiddle.net/kuobmwyc/1/
Dieses funktioniert auch, ist aber leider nicht genau das, was Du dir vorstellst:
https://jsfiddle.net/kuobmwyc/2/
Edit: Möglicher Weise so:
background ist eine Sammeleigenschaft für alle Hintergrundeigenschaften und schließt clip, position, size etc. ein. Setzt Du nur einen Gradienten werden alle anderen Eigenschaften wie clip gelöscht.
Ist ja krass!
Offenbar funktionieren background-clip und text-fill-color nicht in einer Animation. Du kannst aber gezielt den Gradienten ändern, wenn Du background-imgage animierst, dann bleiben die anderen Eigenschaften erhalten:
Wenn man Bilder als Hintergrund einbindet, hat man immer Probleme, sie responsiv zu machen, weil sich der Container nicht an ihre Größe anpasst. Ich empfehle, sie besser als img-Elemente einzubinden, dann geht es besser:
https://jsfiddle.net/jf9tu9vh/4/
Noch nicht ganz perfekt, aber ich wollte vor allem demonstrieren, wie man die Bilder ohne Verzerrung responsiv machen kann.
Bei deinem fiel mir auf, dass es zunächst mit time=50 flüssig lief, aber dann immer langsamer wurde. In der Console sah man, dass die Ausgaben für die Nase immer mehr wurden, bis zu über 100 auf einmal. Richtig bin ich nicht durchgestiegen, aber ich habe es mal so geändert:
https://jsfiddle.net/Sempervivum/2wjdgL9t/
und dann läuft es mit time=50 dauerhaft flüssig.
HTML-Seminar.de - mit Videos zum schnellen Lernen, wie man eine Website selbst erstellt.