Beckdoor.de » HTML http://beckdoor.de Über Entwicklung von Software und Menschen in Projekten Fri, 25 Nov 2011 13:39:30 +0000 http://wordpress.org/?v=2.9.1 en hourly 1 Regulärer Ausdruck um URL’s als Link zu formatieren http://beckdoor.de/uris-mit-regularem-ausdruck-mit-dem-html-anker-versehen/04/11/2009/ http://beckdoor.de/uris-mit-regularem-ausdruck-mit-dem-html-anker-versehen/04/11/2009/#comments Wed, 04 Nov 2009 13:09:02 +0000 Kai http://beckdoor.de/wpress/?p=49 Suchen nach:

(http://[a-z,0-9,/,?,&,=,+,\.,_,#,\-,~,\(,\)]*)

Ersetzen durch:

<a href=\”\1\” target=\”_blank\”>\1</a>

Bemerkung:

Die Anführungszeichen werden im Ergebnis mit \ escaped. Wenn das nicht notwendig ist, einfach in der Ersetzung die Rückwärts-Schrägstriche vor den Anführungszeichen entfernen.

]]> http://beckdoor.de/uris-mit-regularem-ausdruck-mit-dem-html-anker-versehen/04/11/2009/feed/ 0 CSS: vertikal und horizontal zentrieren http://beckdoor.de/css-vertikal-und-horizontal-zentrieren/23/10/2008/ http://beckdoor.de/css-vertikal-und-horizontal-zentrieren/23/10/2008/#comments Thu, 23 Oct 2008 22:12:21 +0000 Kai http://beckdoor.de/wpress/css-vertikal-und-horizontal-zentrieren/23/10/2008/ Das ist mit CSS nicht ohne weiteres möglich. Diese Lösung funktioniert mit sogut wie allen Browsern.

Vollständiges Codebeispiel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>CSS vertical center using float and clear</title>
<style type="text/css">
* {	margin:0;
 padding:0;
 }
html, body {
 height:100%;
 }
body {
 text-align:center; /* horizontal centering for IE Win quirks */
 }
#distance {
 width:1px;
 height:50%;
 margin-bottom:-10em; /* half of container's height */
 float:left;
 }
#container {
 margin:0 auto;
 position:relative; /* puts container in front of distance */
 text-align:left;
 height:20em;
 width:20em;
 clear:left;
 background-color:yellow; /* for demo purpose only */
 }
</style>
</head>
<body>
<div id="distance"></div>
 <div id="container">
<p><strong>CSS vertical and horizontal centering<br>
 using float and clear<br>crossbrowser</strong></p>
 <p>This box stays in the middle of the browser's viewport.</p>
</div>
</body>
</html>
]]> http://beckdoor.de/css-vertikal-und-horizontal-zentrieren/23/10/2008/feed/ 0 HTML/CSS: Listenelemente horizontal verteilen http://beckdoor.de/htmlcss-listenelemente-horizontal-verteilen/19/08/2008/ http://beckdoor.de/htmlcss-listenelemente-horizontal-verteilen/19/08/2008/#comments Tue, 19 Aug 2008 13:38:42 +0000 Kai http://beckdoor.de/wpress/htmlcss-listenelemente-horizontal-verteilen/19/08/2008/ Für Einträge mit gleichem Abstand eignet sich:


li { display:inline; }

Für gleichverteilte Listeneinträge hingegen:


float:left;

Im zweiten Fall kann man noch eine Breite mit width vergeben, weil das li Element weiterhin als Block-Element behandelt wird. Damit ist die Breite eines Listeneintrages unabhängig von dessen Inhalt.

Bei Inline Elementen ist das nicht mehr möglich. Hier kann man mit padding für Abstand sorgen. Beispiel:

Stylesheet:

 ul { padding-left:0; margin:0; }
 li { display:inline; padding-left:45px; }
 li.first { padding-left:0; }

HTML:

<ul>
  <li class="first">Erster</li>
  <li>Zweiter</li>
  <li>Letzter</li>
</ul>
]]> http://beckdoor.de/htmlcss-listenelemente-horizontal-verteilen/19/08/2008/feed/ 0