HTML
Mit CSS formatierte Links werden nicht richtig dargestellt
Wenn man per CSS Links formatiert, tut man dies im Allgemeinen so: a:link { //Definition hier } a:visited { //Definition hier } a:hover { //Definition hier } a:active { //Definition hier } Diese Definition formatiert allgemein die Links der Webseite. Wenn man …
Weiterlesen →Bild von Text umfließen lassen
Um zum Beispiel in einem Div eine Bild rechts von Text umfließen zu lassen, setzt man das Bild einfach nach links. Ein: <img src="bild.jpg" align="left"> sorgt dafür, dass der Text rechts am Bild vorbeiläuft. Soll der Text links vorbeilaufen setzt man <img src…
Weiterlesen →Mehrere Stylesheets nutzen / wechseln
Um mehrere externe Stylesheets zu benutzen, bin man zuerst die verschiedenen CSS-Dateien im -Bereich der Seite ein: <link rel="stylesheet" type="text/css" href="style/ff.css" title="small" /> <link rel="alternate stylesheet" type="text/css" href="style/big.css…
Weiterlesen →
Formular mit Dateianhang
Um ein Formular für eine Usereingabe mit Dateianhang zu erstellen, muss man einen sogenannten enctype im Formularkopf angeben. Statt <form name="form" action="form.php" method="POST"> schreibt man einfach: <form name="form" action="form.php" method="POST" enct…
Weiterlesen →
403-Error / Zugriff verweigert beim Aufruf von Confixx
Hin und wieder passiert es - z.b. nach einem Update von Confixx - dass man beim Aufruf der Confixx Administrationsoberfäche ein 403 Error erhält, also Zugriff verweigert. Hier sind dann meistens die Benutzerrechte unter /var/www/confixx durcheinander geraten. …
Weiterlesen →
Favicon einbinden / Icon für Adressleiste
Um ein Icon, ein sogenanntes Favicon, in der Adressleiste anzuzeigen, muss man folgeden Code in den Head-Bereich der Seite einbinden: <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> Es können natürlich auch andere Grafik-Formate verwendet wer…
Weiterlesen →Div Box mittig ausrichten / zentrieren
Um eine Div Box horizontal mittig auszurichten, setzt man margin:auto. Dies funktioniert allerdings nur dann, wenn das umgebende Element also z.B. eine Breite von 100% besitzt. Zentriert wird immer releativ zum umgebenden Element. Damit alles korrekt funktioni…
Weiterlesen →CSS Menü mit Hintergrundbild
Ein Mouseover -Meü mit wechselndem Hintergrundbild muss mitnichten per Javascript erstellt werden. Besser und sauberer geht's mit CSS: <style type="text/css"> .linkKlasse a { background-image:url('bg.gif'); } .linkKlasse a:hover { background-image:url('bgOver.…
Weiterlesen →CSS / Umrechnung der em-Werte für Schriftgröße
Schriftgrößen kan man fix oder relativ in Prozent oder em angeben. Um mal grob zu überblicken, welche Größe eigentlich welchem em-Wert entspricht, hier mal ein paar umgerechnete Werte für px und em: 10px -> 0.6em 12px -> 0.76em 14px -> 0.9em 16px -> 1.0em 18px…
Weiterlesen →Einbinden einer externen CSS-Datei / eines externen Stylesheets
Um ein externes CSS Stylesheet einzubinden, welches als separate Datei auf dem Webspace abgelegt ist, benutzt man folgende Anweisung: <link rel="stylesheet" type="text/css" href="style.css" /> Im Beispiel heißt die CSS-Datei style.css…
Weiterlesen →