Archiv für die ‘Html’ Kategorie

Eine anklickbare Div – Ebene bzw. ein Button

12 Januar 2012

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

13 Artikel im Warenkorb
<div id="h12" style="cursor: pointer; background-color: #0c0; height: 50px; width: 200px; text-align: center; line-height: 50px;" title="Zum Warenkorb" onclick="location.href='shopping_cart.php'">13 Artikel im Warenkorb</div>

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

Die Bindestriche Geviert, Halbgeviert, Viertelgeviert, …

12 Januar 2012

— = Geviert &mdash;

– = Halbgeviert  &ndash;

- = Minus

‐ = Viertelgeviert  &#x2010;

‑ = Geschützter Bindestrich &#8209;
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

22 November 2011

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

<meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />

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

Dropdown: selectedIndex + value

6 August 2011
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

28 Juli 2011

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. “<font>”

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 <font> – Tag killern gebraucht.

Copyright, TM und Registered-Zeichen – Codes

28 Juli 2011

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

© = &#0169;

® = &#0174;

™  = &#0153;

div im div horizontal und vertikal positionieren

4 Oktober 2010
 
<!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 Document</title>
<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

24 August 2010

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

Custom font bzw. eigene Schrift verwenden…Danke CSS3!

29 Juli 2010

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”

24 Februar 2010

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

<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ /></pre>

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)