Html-Code-Objekt
Autore: René W.Ich hatte einen HTML-Code gefunden welcher meinenen Wunsch erfüllt.
Mein Problem ist die Darstellung.
Wie und wo muss die Ergänzung eingefügt werden, dass die
Textzeile linksbündig ist?
Text gelb wie oberhalb siehe: https://eurasier.watelet.ch/1.-besuch.html
Schrift Arial 18
Wie lauten die enztsptechenden Ergänzungen?
Ich glaube das es hier Experten gibt welche mir helfen können.
Ich wäre sehr dankbar.
Textausrichtung
Um Text auszurichten wird die text-align Anweisung verwendet (align = Ausrichtung). Hier haben Sie die Wahl zwischen zentriert und rechtsbündig. Linksbündiger Text wird ohne Angaben dargestellt (Standardwert) oder mit text-align:left , rechtsbündiger wird mit text-align:right und zentrierter Text mit text-align:center (center = zentriert) angegeben. Beispiel:
<p>linksbündiger Text</p>
<p style="text-align:center"> zentrierter Text </p>
<p style="text-align:right">rechtsbündiger Text </p>
Schriftschnitt/-stil
Text kann mit verschiedenen Schriftschnitten dargestellt werden. Folgende Möglichkeiten stehen zur Auswahl: fett/bold, kursiv/italic, unterstrichen sowie jede Kombination daraus.
Fett/Bold
Fette Schrift erreicht man durch ein umschließendes b-Element (b = bold = fett).
Beispiel:
<b> Fetter Text </b>
<p style="font-family: Arial">Andere Schriftart</p>
Schriftfarbe definieren, Gelb
<font color=#FFFF00>Gelber Text</font>
Gib mal im Reiter Erweitert folgendes ein:
<style>
#Zeit {text-align:left;font-family:Arial;font color=#FFFF00;font-weight: bold;}
</style>
Autore
Was meinst Du mit Reiter?
Autore
setInterval(function() {
var timespan = countdown(new Date("01/01/2011"), new Date());
var div = document.getElementById('Zeit');
div.innerHTML = "geboren am 01.01.2011, vergangene Zeit bis heute: " + timespan.years + " Jahre, " + timespan.months + " Monate, " + timespan.days + " Tage."
}, 1000);
</script>
<div id="Zeit"></div>
Oben = Original
------------------------------------------------------------------------------------------------------------------------------
setInterval(function() {
var timespan = countdown(new Date("01/01/2011"), new Date());
var div = document.getElementById('Zeit');
div.innerHTML = "geboren am 01.01.2011, vergangene Zeit bis heute: " + timespan.years + " Jahre, " + timespan.months + " Monate, " + timespan.days + " Tage."
}, 1000);
<style>
#Zeit {text-align:left;font-family:Arial;font color=#FFFF00;font-weight: bold;}
</style>
</script>
<div id="Zeit"></div>
Im HTML-Objekt gibt es den Reiter "Allgemein", da ist der Code drin. Und nebendran ist der Reiter "Erweitert". Da gehört der style-Definition rein.
So wie Du es gemacht hast ist falsch. Wenn dann gehört die style-Definition außerhalb des script-Teils.
Autore
Erweitert
CSS-Code
Ich hatte jetzt folgendes dort rein kopiert:
<style>
#Zeit {text-align:left;font-family:Arial;font color=#FFFF00;font-weight: bold;}
</style>
Abe es verändert sich leider nichts.
Vielen Dank für Eure Tipps!
Autore
<script>varmodule,countdown=function(r){functionv(a,b){var c=a.getTime();a.setUTCMonth(a.getUTCMonth()+b);returnMath.round((a.getTime()-c)/864E5)}functiont(a){var b=a.getTime(),c=newDate(b);c.setUTCMonth(a.getUTCMonth()+1);returnMath.round((c.getTime()-b)/864E5)}functionf(a,b){return a+" "+(1===a?p[b]:q[b])}functionn(){}functionl(a,b,c,g,x,d){0<=a[c]&&(b+=a[c],delete a[c]);b/=x;if(1>=b+1)return0;if(0<=a[g]){a[g]=+(a[g]+b).toFixed(d);switch(g){case"seconds":if(60!==a.seconds||isNaN(a.minutes))break; a.minutes++;a.seconds=0;case"minutes":if(60!==a.minutes||isNaN(a.hours))break;a.hours++;a.minutes=0;case"hours":if(24!==a.hours||isNaN(a.days))break;a.days++;a.hours=0;case"days":if(7!==a.days||isNaN(a.weeks))break;a.weeks++;a.days=0;case"weeks":if(a.weeks!==t(a.refMonth)/7||isNaN(a.months))break;a.months++;a.weeks=0;case"months":if(12!==a.months||isNaN(a.years))break;a.years++;a.months=0;case"years":if(10!==a.years||isNaN(a.decades))break;a.decades++;a.years=0;case"decades":if(10!==a.decades|| isNaN(a.centuries))break;a.centuries++;a.decades=0;case"centuries":if(10!==a.centuries||isNaN(a.millennia))break;a.millennia++;a.centuries=0}return0}return b}functionw(a,b,c,g,d,k){a.start=b;a.end=c;a.units=g;a.value=c.getTime()-b.getTime();if(0>a.value){var f=c;c=b;b=f}a.refMonth=newDate(b.getFullYear(),b.getMonth(),15);try{a.millennia=0;a.centuries=0;a.decades=0;a.years=c.getUTCFullYear()-b.getUTCFullYear();a.months=c.getUTCMonth()-b.getUTCMonth();a.weeks=0;a.days=c.getUTCDate()-b.getUTCDate(); a.hours=c.getUTCHours()-b.getUTCHours();a.minutes=c.getUTCMinutes()-b.getUTCMinutes();a.seconds=c.getUTCSeconds()-b.getUTCSeconds();a.milliseconds=c.getUTCMilliseconds()-b.getUTCMilliseconds();var h;0>a.milliseconds?(h=s(-a.milliseconds/1E3),a.seconds-=h,a.milliseconds+=1E3*h):1E3<=a.milliseconds&&(a.seconds+=m(a.milliseconds/1E3),a.milliseconds%=1E3);0>a.seconds?(h=s(-a.seconds/60),a.minutes-=h,a.seconds+=60*h):60<=a.seconds&&(a.minutes+=m(a.seconds/60),a.seconds%=60);0>a.minutes?(h=s(-a.minutes/ 60),a.hours-=h,a.minutes+=60*h):60<=a.minutes&&(a.hours+=m(a.minutes/60),a.minutes%=60);0>a.hours?(h=s(-a.hours/24),a.days-=h,a.hours+=24*h):24<=a.hours&&(a.days+=m(a.hours/24),a.hours%=24);for(;0>a.days;)a.months--,a.days+=v(a.refMonth,1);7<=a.days&&(a.weeks+=m(a.days/7),a.days%=7);0>a.months?(h=s(-a.months/12),a.years-=h,a.months+=12*h):12<=a.months&&(a.years+=m(a.months/12),a.months%=12);10<=a.years&&(a.decades+=m(a.years/10),a.years%=10,10<=a.decades&&(a.centuries+=m(a.decades/10),a.decades%= 10,10<=a.centuries&&(a.millennia+=m(a.centuries/10),a.centuries%=10)));b=0;!(g&1024)||b>=d?(a.centuries+=10*a.millennia,delete a.millennia):a.millennia&&b++;!(g&512)||b>=d?(a.decades+=10*a.centuries,delete a.centuries):a.centuries&&b++;!(g&256)||b>=d?(a.years+=10*a.decades,delete a.decades):a.decades&&b++;!(g&128)||b>=d?(a.months+=12*a.years,delete a.years):a.years&&b++;!(g&64)||b>=d?(a.months&&(a.days+=v(a.refMonth,a.months)),delete a.months,7<=a.days&&(a.weeks+=m(a.days/7),a.days%=7)):a.months&& b++;!(g&32)||b>=d?(a.days+=7*a.weeks,delete a.weeks):a.weeks&&b++;!(g&16)||b>=d?(a.hours+=24*a.days,delete a.days):a.days&&b++;!(g&8)||b>=d?(a.minutes+=60*a.hours,delete a.hours):a.hours&&b++;!(g&4)||b>=d?(a.seconds+=60*a.minutes,delete a.minutes):a.minutes&&b++;!(g&2)||b>=d?(a.milliseconds+=1E3*a.seconds,delete a.seconds):a.seconds&&b++;if(!(g&1)||b>=d){var e=l(a,0,"milliseconds","seconds",1E3,k);if(e&&(e=l(a,e,"seconds","minutes",60,k))&&(e=l(a,e,"minutes","hours",60,k))&&(e=l(a,e,"hours","days", 24,k))&&(e=l(a,e,"days","weeks",7,k))&&(e=l(a,e,"weeks","months",t(a.refMonth)/7,k))){g=e;var n,p=a.refMonth,q=p.getTime(),r=newDate(q);r.setUTCFullYear(p.getUTCFullYear()+1);n=Math.round((r.getTime()-q)/864E5);if(e=l(a,g,"months","years",n/t(a.refMonth),k))if(e=l(a,e,"years","decades",10,k))if(e=l(a,e,"decades","centuries",10,k))if(e=l(a,e,"centuries","millennia",10,k))throwError("Fractional unit overflow");}}}finally{delete a.refMonth}return a}functiond(a,b,c,d,f){var k;c=+c||222;d=0<d?d:NaN; f=0<f?20>f?Math.round(f):20:0;"function"===typeof a?(k=a,a=null):a instanceofDate||(a=null!==a&&isFinite(a)?newDate(a):null);"function"===typeof b?(k=b,b=null):b instanceofDate||(b=null!==b&&isFinite(b)?newDate(b):null);if(!a&&!b)returnnew n;if(!k)return w(new n,a||newDate,b||newDate,c,d,f);var l=c&1?1E3/30:c&2?1E3:c&4?6E4:c&8?36E5:c&16?864E5:6048E5,h,e=function(){k(w(new n,a||newDate,b||newDate,c,d,f),h)};e();return h=setInterval(e,l)}var s=Math.ceil,m=Math.floor,p,q,u;n.prototype.toString= function(){var a=u(this),b=a.length;if(!b)return"";1<b&&(a[b-1]="and "+a[b-1]);return a.join(", ")};n.prototype.toHTML=function(a){a=a||"span";var b=u(this),c=b.length;if(!c)return"";for(var d=0;d<c;d++)b[d]="\x3c"+a+"\x3e"+b[d]+"\x3c/"+a+"\x3e";--c&&(b[c]="and "+b[c]);return b.join(", ")};u=function(a){var b=[],c=a.millennia;c&&b.push(f(c,10));(c=a.centuries)&&b.push(f(c,9));(c=a.decades)&&b.push(f(c,8));(c=a.years)&&b.push(f(c,7));(c=a.months)&&b.push(f(c,6));(c=a.weeks)&&b.push(f(c,5));(c=a.days)&& b.push(f(c,4));(c=a.hours)&&b.push(f(c,3));(c=a.minutes)&&b.push(f(c,2));(c=a.seconds)&&b.push(f(c,1));(c=a.milliseconds)&&b.push(f(c,0));return b};d.MILLISECONDS=1;d.SECONDS=2;d.MINUTES=4;d.HOURS=8;d.DAYS=16;d.WEEKS=32;d.MONTHS=64;d.YEARS=128;d.DECADES=256;d.CENTURIES=512;d.MILLENNIA=1024;d.DEFAULTS=222;d.ALL=2047;d.setLabels=function(a,b){a=a||[];a.split&&(a=a.split("|"));b=b||[];b.split&&(b=b.split("|"));for(var c=0;10>=c;c++)p[c]=a[c]||p[c],q[c]=b[c]||q[c]};(d.resetLabels=function(){p="millisecond second minute hour day week month year decade century millennium".split(" "); q="milliseconds seconds minutes hours days weeks months years decades centuries millennia".split(" ")})();r&&r.exports?r.exports=d:"function"===typeofwindow.define&&window.define.amd&&window.define("countdown",[],function(){return d});return d}(module); setInterval(function() { var timespan = countdown(newDate("08/22/1886"), newDate()); var div = document.getElementById('Zeit'); div.innerHTML = "Die vergangene Zeit vom 22.08.1886 bis heute sind " + timespan.years + " Jahre, " + timespan.months + " Monate, " + timespan.days + " Tage, " + timespan.hours + " Stunden, " + timespan.minutes + " Minuten, " + timespan.seconds + " Sekunden." }, 1000); </script><divid="Zeit"></div>
...!... ... Nein! <style> -Tag in der Anwendung (Tab) CSS - Experte des gleichen Objekts:
#Zeit {text-align:left;color:yellow;font-size:24px;font-weight: bold;}
... Alternative, Das <style> -Tag kann in Schritt 3 | Experte | ▪Benutzerdefinierter Code | 3. Option:
<style> #Zeit { text-align:left;color:yellow;font-size:24px;font-weight: bold;} </style>
.
Autore
Super das funktioniert.
Lieben Dank dafür.