Posts Tagged: CSS

CSS Grid System 1140px

Posted by & filed under Development.

1140px_logo Read more on "CSS Grid System 1140px" »

Das 1140px Grid System ist für Auflösungen von 1280px oder höher optimiert. Ich werde das System demnächst mal genauer testen und schauen, wie es in der Praxis funktioniert.

[HTML] onChange Dropdown / Select mit background-color

Posted by & filed under Development.

Read more on "[HTML] onChange Dropdown / Select mit background-color" »

Mit diesem Workaround wird Hintergrundfarbe der ausgewählten Option bei entsprechender Auswahl in das Select-Feld übernommen. 1 2 3 4 5 6 7 8 9 <select id="yourRating" onchange="document.getElementById(‘yourRating’).style.backgroundColor = this[this.selectedIndex].style.backgroundColor;"> <option> </option> <option style="background-color:#1BBD00;" value="1">1</option> <option style="background-color:#9CBD04;" value="2">2</option> <option style="background-color:#EC0303;" value="3">3</option> <option style="background-color:#C0C0C0;" value="4">4</option> <option style="background-color:#BD8EB1;" value="5">5</option> </select> // Dank geht an sempfh

[CSS] FORM-Tag Umbruch verhindern

Posted by & filed under Development.

Read more on "[CSS] FORM-Tag Umbruch verhindern" »

Ein HTML-Formular generiert komischerweise immer einen Umbruch, sobald man das form-Tag schreibt. Ein einfacher CSS Befehl verhindert diesen Umbruch: form { display: inline; }

[CSS] DIV 100% Höhe / Breite

Posted by & filed under Development.

Read more on "[CSS] DIV 100% Höhe / Breite" »

Diese Frage taucht immer wieder auf: Wie kann ich einen DIV-Container mit einer Höhe bzw. Breite von 100% definieren? Ganz einfach! Es nützt nichts, wenn man nur den DIV-Container ansich mit 100% definiert. Wichtig ist, dass die “umschließenden Elemente” dann auch mit einer Höhe bzw. Breite von 100% definiert sind. Hier mal ein kurzes Beispiel: [...]