the XCEPtion proves the rule » CSS http://www.xcep.net/blog Mon, 06 Feb 2012 09:51:01 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 CSS Grid System 1140px http://www.xcep.net/blog/2012/01/18/css-grid-system-1140px/index.php http://www.xcep.net/blog/2012/01/18/css-grid-system-1140px/index.php#comments Tue, 17 Jan 2012 23:33:43 +0000 tXptr http://www.xcep.net/blog/?p=494 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.

]]> http://www.xcep.net/blog/2012/01/18/css-grid-system-1140px/index.php/feed 0 [HTML] onChange Dropdown / Select mit background-color http://www.xcep.net/blog/2009/11/03/html-onchange-dropdown-select-mit-background-color/index.php http://www.xcep.net/blog/2009/11/03/html-onchange-dropdown-select-mit-background-color/index.php#comments Mon, 02 Nov 2009 23:15:02 +0000 tXptr http://www.xcep.net/blog/?p=257 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

]]> http://www.xcep.net/blog/2009/11/03/html-onchange-dropdown-select-mit-background-color/index.php/feed 0 [CSS] FORM-Tag Umbruch verhindern http://www.xcep.net/blog/2008/10/13/form-tag-umbruch-verhindern-css/index.php http://www.xcep.net/blog/2008/10/13/form-tag-umbruch-verhindern-css/index.php#comments Mon, 13 Oct 2008 14:20:57 +0000 tXptr http://www.xcep.net/blog/?p=25 Ein HTML-Formular generiert komischerweise immer einen Umbruch, sobald man das form-Tag schreibt. Ein einfacher CSS Befehl verhindert diesen Umbruch:

form {
  display: inline;
}
]]> http://www.xcep.net/blog/2008/10/13/form-tag-umbruch-verhindern-css/index.php/feed 0 [CSS] DIV 100% Höhe / Breite http://www.xcep.net/blog/2008/08/20/css-div-100-hohe-breite/index.php http://www.xcep.net/blog/2008/08/20/css-div-100-hohe-breite/index.php#comments Wed, 20 Aug 2008 17:56:22 +0000 tXptr http://www.xcep.net/blog/?p=11 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:

html, body {
  height: 100%;
}
 
#100_prozent_div {
  width: 250px;
  height:100%;
}

Da normalerweise das html und body Tag die “umschließenden” Elemente eines DIV sind, werden diese ganz einfach auf 100% gesetzt. In diesem Beispiel habe ich nur die Höhe auf 100% gesetzt. Diese Methode gilt natürlich auch für die Breite oder beides.

]]> http://www.xcep.net/blog/2008/08/20/css-div-100-hohe-breite/index.php/feed 0