masterlevel » Html

Eine anklickbare Div – Ebene bzw. ein Button

admin — Thu, 12 Jan 2012 11:30:16 +0000

Letztes war mal wieder ein anklickbares Div gefragt…mit Handcurser etc.

13 Artikel im Warenkorb

13 Artikel im Warenkorb

Wer jetzt noch mit :hover rumspielt, hat dann schon einen Button. Wow.

Die Bindestriche Geviert, Halbgeviert, Viertelgeviert, …

admin — Thu, 12 Jan 2012 11:26:35 +0000

— = Geviert —

– = Halbgeviert –

- = Minus

‐ = Viertelgeviert ‐

‑ = Geschützter Bindestrich ‑
Der geschützte Bindestrich oder auch nicht-umbrechende Bindestrich (englisch non-breaking hyphen) wird verwendet, um einen automatischen Zeilenumbruch an einem Bindestrich zu unterbinden, beispielsweise bei „i-Punkt“ oder „Fugen-s“.

skype automatische telefonnummern-erkennung abschalten

admin — Tue, 22 Nov 2011 09:24:05 +0000

Mit dieser Zeile im Quellcode einer Website kann man verhindern, das SKYPE die Telefonummer so völlig HÄSSLICH hervorhebt:

Dieses Zeilchen schaltet die automatische Nummern- Erkennung ab. Danke dafür.

Dropdown: selectedIndex + value

admin — Sat, 06 Aug 2011 14:30:08 +0000

onChange="selectOption(this.selectedIndex,this.options[this.selectedIndex].text,this.options[this.selectedIndex].value);"

Memo an mich selbst: übergibt an die verarbeitende Funktion den Index, die Wertbezeichnung und den Wert der gewählten Option.

HTML – Tags mittels Dreamwaever entfernen

admin — Thu, 28 Jul 2011 13:08:40 +0000

1.) “Edit” > “Find & Replace” (Strg + F)

2.) Auswählen: “Find in” > “Selected Text” or “Current Document” or “Folder” - gerade letzteres ist absolut sinnvoll und spart Zeit ohne Ende!

3.) Auswählen: “Search” > “Specific Tag” >

4.) Eingeben oder auswählen z.B. “”

5.) Das “-” Symbol anklicken um die Tag-modifier-Optionen zu entfernen

6.) Auswählen “Action” > “Strip Tag”

7.) Klick “Replace All”

Mit den Attributs-Optionen kann man sehr gezielte Eingriffe in den Quelltext vornehmen…aber eigentlich habe ich die Funktion sehr oft zum – Tag killern gebraucht.

Copyright, TM und Registered-Zeichen – Codes

admin — Thu, 28 Jul 2011 12:54:49 +0000

Letztens gesucht und gefunden und wieder verlegt, heute erneut gesucht und gefunden…und nun steht’s hier:

® = ®

™ = ™

div im div horizontal und vertikal positionieren

admin — Mon, 04 Oct 2010 08:30:23 +0000

 
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Documenttitle>
<style type="text/css">
--
 
 
#center {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 500px;
   height: 500px;
   line-height:500px;
   margin-left: -250px;
   margin-top: -250px;
   background-color:red;
   text-align:center;
   vertical-align: middle;
} 
 
#inner {
  width: 100px;
  height: 100px;
  padding:0px;
  background-color:orange;
  position:absolute;
  left:50%;
  margin-left:-50px;
  top:50%;
  margin-top:-50px; 
}
 
-->
style>head>
 
<body>
<div id="center"><div id="inner">div>div>
body>
html>

Gestrichelte Linie als text-decoration bei Links

admin — Tue, 24 Aug 2010 13:58:00 +0000

a { text-decoration: none; border-bottom: 1px dotted blue; }

Custom font bzw. eigene Schrift verwenden…Danke CSS3!

admin — Thu, 29 Jul 2010 13:03:50 +0000

Funkioniert auf allen CSS3-Browsern und auf dem IE dank dem ollen “eot”-format.

TTF umwandeln hier

angucken: customFont

@font-face { font-family: MyCustomFont; src: url("ChollUni.eot"); } @font-face { font-family: MyCustomFont; src: url("ChollUni.ttf"); } body { font-family: MyCustomFont, Verdana, Arial, sans-serif; font-size: medium; color: black }

Hurra, ein neues Meta-Tag namens “X-UA-Compatible”

admin — Wed, 24 Feb 2010 09:07:51 +0000

Letztes fiel mein beim durchstöbern des Facebook-Quellcodes folgendes Tag auf:

Nach kurzem googlen findet sich folgende offizielle Seite.

“Das Tag soll das Problem lösen, dass künftige Browserversionen möglicherweise Webseiten anders darstellen werden als aktuelle, was die Zukunftssicherheit von Webseiten gefährde, so WaSP und das IE-Team.”

Quelle

Wieder mal ein kleiner Krieg: man könnte als mit seinen “well-known” CSS-Hacks noch einige Jahre weiter für den IE7 bauen (Webseiten meine ich natürlich). Gute Gedanken für das für und wieder findet man hier.

Meine Meinung: lieber für ein Modell entwickeln als zurück in die Steinzeit (verdammt, wieso stellt der NN4 wieder mein Blablabla nicht dar…ok, Browserweiche her, etc. pp)