Ich schrieb ja oben:
Auf Anhieb wüsste ich keine Lösung mit CSS, wo die Bilder sowohl auf Breiten- als auch auf Höhenänderung reagieren und gleichzeitig das Seitenverhältnis beibehalten.
Wäre es denn ausreichend, wenn sich die Größe nur in der horizontalen anpasst, so wie bei dem großen Kreis in deiner Datei?
Verstehe, dann lag ich ja mit meinem Ansatz ganz daneben. Jetzt verstehe ich es besser. Meinst Du, dass der obere Teil abgeschnitten ist?
PS: Mir fällt gerade ein, dass sich, wenn ich mich richtig erinnere, SVG-Grafiken bei der Skalierung anders verhalten als Bitmaps. Am besten postest Du mal diese Grafiken als Anhang.
Versuche dieses:
CSS:
body {
height: 100vh;
margin: 0;
display: flex;
flex-direction: column;
}
#centerimg {
height: 30%;
width: auto;
margin: auto;
}
#bottomimg {
height: 15%;
width: auto;
margin: 0 auto;
}HTML:
<body>
<img id="centerimg" src="images/dia0.jpg">
<img id="bottomimg" src="images/dia1.jpg">
</body>So passen sich die Bilder in der Größe an, wenn man die Höhe des Browserfensters ändert. Auf Anhieb wüsste ich keine Lösung mit CSS, wo die Bilder sowohl auf Breiten- als auch auf Höhenänderung reagieren und gleichzeitig das Seitenverhältnis beibehalten.
Außerdem ist noch offen, ob das mittlere Bild im verbleibenden vertikalen freien Raum zentriert werden soll - das tut das CSS oben, oder ohne Berücksichtigung des unteren Bildes - dann müsste man es leicht ändern.
Ist das möglicher Weise Safari auf Windows?
Offenbar benutzt Du Bootstrap, wahrscheinlich harmoniert das nicht mit dieser jQuery-Animation.
hide() und show() beinhalten keine Animation, siehe hier:
The matched elements will be revealed immediately, with no animation.
Wenn Du eine Animation mit Slide-Effekt haben willst, musst Du slideUp/slideDown/slideToggle verwenden.
Edit: Da lag ich wohl daneben: show() mit dem Parameter "duration" erzeugt sehr wohl eine Animation.
Für das Zuschneiden findet man viele fertige Skripts. Dies scheint ganz gut zu sein:
Ich glaube, ich muss irgendwo noch eine for-Schleife einbauen, mir erschließt sich aber nicht so ganz warum.
Das trifft zu und der Grund ist, dass Du ja immer wieder bzw. wiederholt Zahlen einlesen willst, bis die Abbruchbedingung eintritt (Benutzer gibt keine Zahl ein).
Versuche dies:
var arr = [], cont = true;
while (cont) {
var a = prompt("Bitte eine Zahl eingeben");
if (isNaN(a)) {
cont = false; // Schleife beenden
} else {
// es ist eine Zahl: in Array eintragen
}
}
// alle Zahlen sind eingelesen, jetzt kannst Du das Array sortieren und ausgebenAus der Variablen $displayed_languages werden die Inputs für die Sprachumschaltung generiert. Ich vermute stark, wenn Du diese Zeile löschst, funktioniert die ganze Umschaltung nicht mehr?
Um zu sehen, was den Balken verursacht, müsste man das HTML und das CSS sehen. Poste das doch mal bitte, d. h. nicht das PHP sondern das generierte HTML aus der Quelltextansicht des Browsers. Oder noch besser, die URL der Seite, falls Du sie online hast.
Tipp ins Blaue: Hast Du die Inputs vielleicht mit visibility: hidden; unsichtbar gemacht?
Wie so häufig ist das Anordnen von Elementen mit float die Quelle des Problems und ebenfalls die Verwendung von Flexlayout die Lösung. Dann ist auch die Inflation von div-Containern überflüssig:
<article id="article-one">
<img class="article-img" src="images/dia0.jpg">
<p class="text"> Das soll ein langer Text sein. Das heißt ich muss den irgendwie füllen. Das soll ein langer
Text sein.
Das heißt ich muss den irgendwie füllen. Das soll ein langer Text sein. Das heißt ich muss den
irgendwie füllen. Das soll ein langer Text sein. Das heißt ich muss den irgendwie füllen. Das soll ein
langer Text sein. Das heißt ich muss den irgendwie füllen.
</p>
</article> article{
display: flex;
align-items: center;
padding: 5em 0;
background-color: lightblue;
}
.article-img{
}
.text{
}Zum Verständnis siehe hier:
https://www.html-seminar.de/css-flexbox.htm
(Die Farbe habe ich nur geändert, damit sie auf meiner Testseite sichtbar wurde.
Ich wollte zunächst empfehlen, Ajax zu benutzen, aber wenn Du das ohnehin an eine andere Seite übergeben willst, sollte es mit dem normalen Abschicken des Formulars über Submit gehen. Du musst nur statt des div ein input für den Datepicker verwenden, damit das Datum dann als POST-Variable zur Verfügung steht.
Hat das einen bestimmten Grund, dass Du das mit Javascript machen willst oder hast Du nur übersehen, dass es ein Attribut selected gibt?
PS: Erst hatte ich mich gefreut, dass es ein Polyfill für das Date-Input gibt, aber als ich nachgelesen habe, kam die Ernüchterung:
Webshim is not compatible with upcoming jQuery 3.x and I do not plan to work on a new major version.
D. h. wahrscheinlich musst Du eine 2-er Version von jQuery einbinden.
Möglicher Weise ist es empfehlenswert, eher den Datepicker von jQuery-UI zu verwenden.
Vermutung: Wenn Du webshims.polyfill() aufrufst, muss das input, das dazu gehört, schon definiert sein, d. h. Du musst den Aufruf danach notieren. Lege das Einbinden von jQuery und dem polyfiller in den head-Bereich und das webshims.polyfill() ganz an das Ende des body, vor das schließende </body>.
Amerikanische Wissenschaftler haben einen Supercomputer entwickelt, der angeblich alles wissen soll! Ein Kauf-Interessent möchte ihn natürlich vor dem Kauf testen und stellt eine Testfrage: "Wo ist mein Bruder zur Zeit?", will er vom Computer wissen. Die Wissenschaftler geben die Frage ein und der Computer rechnet dann druckt er aus: "Ihr Bruder sitzt in der Maschine LH474 nach Peking! Er will dort mit der Firma Osuhushi einen Vertrag in Höhe von 2 Mio. Dollar abschliessen über die Lieferung von ..." [weitere diskrete Informationen folgten]. Der Käufer war begeistert aber wollte noch einen Test haben und will wissen: "Wo ist mein Vater zur Zeit?" Wieder rechnet der Computer und druckt aus: "Ihr Vater sitzt am Mississippi und angelt!" "Haa!" schreit der Käufer: "Wusste ich’s doch, dass er nicht alles weiß! Mein Vater ist seit 5 Jahren tot!" Die Wissenschaftler sind bestürzt, überlegen und geben dann die Frage noch mal zur Kontrolle ein. Der Computer rechnet länger und druckt: "Tot ist der Gatte Ihrer Mutter! Ihr Vater sitzt am Mississippi und angelt!"
A broker opened the door of his Mercedes, when suddenly a car came along and hit the door, ripping it off completely. When the police arrived at the scene of accident, the lawyer was complaining bitterly about the damage to his expensive Mercedes. “Police Officer, look what he has done to my car!”, he whiningly said. “You brokers are so materialistic, you make me sick!!!” retorted the officer, “You’re so worried about your stupid Mercedes, that you didn’t even notice that your left arm was ripped off!!!” “Damn it…” replied the broker, finally noticing the bloody left shoulder where his arm once was, “Where’s my Rolex?”
On a dark day Albert Einstein dies but of course he goes to heaven, but he only to be informed that his room is not yet ready. “I hope you will not mind waiting in a guest dormitory. We are very sorry, but it’s the best we can do and you will have to share the room with others” he is told by the doorman angel. Albert says that this is no problem at all and that there is no need to make such a great fuss. So the angel leads him to the guest dormitory. They enter and Albert is introduced to all of the present inhabitants. “See, Here is your first room mate. He has an IQ of 140!” “That’s amazing!” says Albert. “We can discuss physics !” “And here is your second room mate. His IQ is 190 !” “That’s amazing !” says Albert. “We can discuss quantum !” “And here is your third room mate. His IQ is 110!” “That’s cool ! We can discuss the latest plays at the theaters and cinemas !” Just then another man moves out to capture Albert’s hand and shake it. “I’m your last room mate and I’m sorry, but my IQ is only 70.” Einstein smiles back at him and says, “So, where do you think interest rates are headed?”
wenn empty() das nicht schon abdeckt.
IMO deckt empty das schon ab, denn es liefert ja true, wenn das Feld nicht definiert ist und führt zu der selben Reaktion wie ein leeres Feld.
empty prüft darauf ob das Formularfeld einen Inhalt hat,
Wenn ich dich richtig verstanden habe, ist das doch genau das, was Du brauchst? empty prüft auch, ob die Variable überhaupt existiert und liefert true zurück, wenn nicht.
Außerdem ist "0" laut empty auch true.
Das trifft zu. Ist das nicht akzeptabel, muss man zunächst mit isset auf Existenz prüfen und dann den Inhalt auf Leerstring, möglicher Weise noch nach Trimmen.