< input > Felder und Buttons identisch ausrichten

Categories: web-development

Ich stoße schon seit längerem auf das Problem, dass Input Felder und nachfolgende (image) buttons sich nie auf einer Höhe befinden möchten. Auch wenn die Höher beider immer die gleiche ist, sie in einem fieldset zusammengeschlossen sind und das erste Element floatet.

ständig verrutschten mir die beiden Elemente »input Feld« und »button«

ständig verrutschten mir die beiden Elemente »input Feld« und »button«

Jetzt habe ich des Problems Wurzel gefunden. Ein input Feld wird standardmäßig mit vertical-align:middle; und ein button mit vertical-align:bottom; vom browser interpretiert.

Also muss ich nur entweder per CSS reset die Input Objekte »auf den Boden zurückholen« oder dem (image-) button gleiche mittlere Positionierung zuweisen und schon schaut das ganze heile aus!

angepasste Höhe beim input und Button Feld

angepasste Höhe beim input und Button Feld

IE6 max-width und min-width

Categories: web-development

Die sicherste Methode, die ich bisher angewandt habe ist die Einbindung einer Javascript Expression innerhalb der IE6 fix CSS Datei (Mit Conditional Comments speziell dem IE6 zugewiesene CSS Datei).

# max-width:577px;
.class img{
  width: expression(this.width > 577 ? 577: true);
}

# min-width:577px;
.class div{
  width: expression(this.width < 577 ? 577: true);
}

Safari Only CSS Styles

Categories: web-development

Styles, auf die ausschließlich der Safari (Webkit) hört kann man mit:

@media screen
   and (-webkit-min-device-pixel-ratio:0)
{
	#id1 {margin: xx px;}
	.class1 {margin-bottom: xx px;}
}

definieren.

IE6 Printing CSS

Categories: web-development
@media print {   
   #menu, #logo, #sidebar {display: none; }
}

via Ease the Pain with IE6 Printing – IEBlog – Site Home – MSDN Blogs.

php: auf zwei nachkommastellen kürzen

Categories: web-development

Entweder mit (PHP >= 5.3):

float round ( float $val [, int $precision = 0 [, int $mode = PHP_ROUND_HALF_UP ]] )

oder einfach:

$rounded = floor( $zahl * 100) / 100

via C/C++ Forum :: php: auf zwei nachkommastellen kürzen ohne zu runden.

manchmal geht es einfacher als man denkt….

Wenn die Zahl nur ausgegeben wird (also damit nicht mehr weitergerechnet wird), kann man das Ganze eleganter mit

number_format($zahl,2,',','.');

schönformatieren

Vom Kick des Kaufens und dem Schmerz des Bezahlens » Marketing » Blog für den Onlinehandel

Categories: web-development

“[...] warum Kunden im Checkout so überaus empfindlich sind: Sie empfinden den Vorgang generell schon als ’schmerzhaft’! Diese ‘Grundhaltung’ im Gehirn sorgt dann dafür, dass jede winzigste Unbequemlichkeit gleich doppelt nervig empfunden wird. Shopbetreiber müssen also bei der Gestaltung des Checkouts nicht nur ‘gute Lösungen’ schaffen, sie müssen Lösungen schaffen, die gegen den unbewussten ‘Schmerz’ ankommen – oder/und dafür sorgen, dass die besonders positiven Eigenschaften der Produkte im Warenkorb auch während des Checkouts noch weiterwirken können.”

via Vom Kick des Kaufens und dem Schmerz des Bezahlens » Marketing » Blog für den Onlinehandel.

Simple automatic “flash” slideshow using HTML and jQuery

Categories: web-development

“If you are looking for a quick and easy slideshow solution that is fully editable via HTML then here is a simple jQuery solution. “

Simple automatic “flash” slideshow using HTML and jQuery.

Element Transparenz für alle Browser

Categories: web-development

Element Transparenz für alle Browser:

/* ie8 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

/* ie  5/7*/
filter:alpha(opacity=60);    

/* old mozilla browser like netscape  */
-moz-opacity:0.6; 

 /* for really really old safari */
-khtml-opacity: 0.6;    

/* css standard, currently it works in most modern browsers like firefox,  */
opacity: 0.8;    

Falls jQuery bereits eingebunden ist, schauen die Transparenzübergänge mittels jQuery aber besser aus.

$('#clickme').click(function() {
    $('#book').fadeTo('slow', 0.5, function() {
      // Animation complete.
    });
  });

[jQuery API]

xtcModified: Stückzahl pro Artikel im Warenkorb limitieren

Categories: web-development

Möchtest Du deinen Käufern nur eine maximale Stückzahl pro Artikel und Bestellung erlauben, weil Du Aktionen mit extrem günstigen Artikel veranstaltest und verhindern möchtest, dass bspw. Händler größere Mengen bei Dir hamstern, dann kann ein kleines Workaround helfen:

Weiterlesen: xtcModified: Stückzahl pro Artikel im Warenkorb limitieren »

Mit wpCompressor WordPress Beiträge komprimieren

Categories: web-development

Domaingo und andere günstige Hoster bieten manchmal keine Möglichkeit die zlib.compression zu aktivieren. Damit ist es seiten Apaches unmöglich die ausgelieferten Inhalte der Domain mit Hilfe von gzip zu komprimieren. Für WordPress Installationen gibt es aber ein wirklich einfache Alternative: wpCompressor

Der empfohlene Weg: Die Kompression des Outputs dem Server bzw. Apache zu überlassen. Doch nicht jeder ist in der Lage die Konfiguration des Servers wie gewünscht zu erweitern. Sehr oft fehlen dafür auch die notwendigen Privilegien – der Hoster schränkt diese ein [...] Und genau diese Aufgabe übernimmt die WordPress-Erweiterung wpCompressor und stopft die entstandene Lücke.

Weiterlesen: Mit wpCompressor WordPress Beiträge komprimieren »

Welcome to miZine

MAC, Linux und das Beste aus dem WWW