+ Thema erstellen
Zeige Themen 1 bis 25 von 25

Forum: Tutorials CSS und XHTML

CSS und XHTML werden in Zukunft zu einem wichtigen Bestandteil des Webs werden, hier könnt Ihr demnach Tipps und Tricks erfahren rund ums Thema CSS und XHTML.

  1. Mit CSS Class eine andere Class ansprechen

    Mit CSS Class eine andere Class ansprechen, also ändern, ohne JavaScript, wobei die zu ändernde Klasse nicht in der zu hovernden Klasse liegt, geht eigentlich nur mit JavaScript, heißt es oft im Netz. Deshalb habe ich eine CSS-Lösung geschrieben, einen so genannten Workaround. <!DOCTYPE HTML...

    Erstellt von carieleido, 06-08-2010 11:19 Uhr
    andere, ansprechen, class, css, klasse
    • Antworten: 4
    • Hits: 178
    17-08-2010 13:40 Gehe zum letzten Beitrag
  2. Scrolling Trick mit CSS

    sehr netter CSS Effekt mit fix positionierten Hintergrundgrafiken http://www.askthecssguy.com/2009/01/mike_asks_the_css_guy_about_a.html

    Erstellt von Siracher, 17-05-2010 21:31 Uhr
    • Antworten: 1
    • Hits: 170
    17-05-2010 21:44 Gehe zum letzten Beitrag
  3. Thumbs down hasLayout und der IE8

    Hi Leute! In älteren IEs hatte man manchmal das Problem, dass ein Element ein sog. "layout" (abfragbar über currentStyle.hasLayout) besitzen musste, damit man bestimmte Dinge damit machen konnte (z.B. einen Filter wie Alpha(opacity=50) anwenden). Um das zu erreichen konnte man ein paar Hacks...

    Erstellt von kkapsner, 03-08-2009 03:25 Uhr
    • Antworten: 0
    • Hits: 662
    03-08-2009 03:25 Gehe zum letzten Beitrag
  4. abbr-, acronym-, dfn-Kennzeichnung

    abbr-, acronym-, dfn-Kennzeichnung verwenden in Firefox2, Opera9, IE7, IE6, IE5.5 (Windows): im (externen) CSS: /* abbr-, acronym- und dfn-Unterstreichung mit Cursor Fragezeichen*/ abbr, acronym, dfn { border-bottom: 1px dashed #000080; cursor: help; font-style: normal; }

    Erstellt von anna55, 27-05-2007 17:43 Uhr
    • Antworten: 3
    • Hits: 2.142
    29-09-2007 21:15 Gehe zum letzten Beitrag
  5. Aufbau einer einfachen Listen Navigation Definiton der Abstände

    Aus gegebenem Anlaß habe ich eine immer wiederkehrende Kleinigkeit versucht zu verdeutlichen. Nämlich die Darstellung einer einfache Listen-Navigation in einer Box. Jedesmal und immer wieder kommt man in Schwierigkeiten, um Listen in allen Browsern einigermaßen gleich aussehen zu lassen. ...

    Erstellt von bine, 06-03-2006 22:43 Uhr
    • Antworten: 1
    • Hits: 3.017
    18-04-2007 09:45 Gehe zum letzten Beitrag
  6. CSS3 Selektoren

    Hi, ich bin gerade dabei mich mit CSS3 zu beschäftigen. Angefangen hab' ich mit den neuen Selektoren. Rausgekommen ist bisher ein kleines Tutorial mit einfachen Beispielen. Wer Lust hat, kann ja mal "probelesen". Das ganze ist natürlich noch nicht fertig. CSS3 Selektoren Wenn Ihr was ändern...

    Erstellt von Malleus, 10-10-2006 12:41 Uhr
    • Antworten: 13
    • Hits: 2.841
    04-01-2007 22:27 Gehe zum letzten Beitrag
  7. runde ecken mit css / crossbrowser

    Hier ein nützliches crossbrowser Beispiel für die Erstellung von runden Ecken ohne Grafiken, mit CSS http://www.webbe.de/index.shtml?CONTENT=script_css_corner;LANG=de

    Erstellt von bine, 08-02-2006 17:39 Uhr
    • Antworten: 9
    • Hits: 8.617
    08-09-2006 09:23 Gehe zum letzten Beitrag
  8. Workaround zur Kennzeichnung aktiver Seiten mit CSS

    Hola. Habe mal wieder, nach langer Zeit, ein kleines Tut für euch erstellt: Die Seite, auf der man sich momentan befindet, kann man ohne den Einsatz von JavaScript oder PHP, ganz einfach mit CSS im Menü kennzeichnen. Um Näheres zu erfahren, bitte folgende Seite besuchen: http://dkdenz.de

    Erstellt von dkdenz, 28-07-2006 07:57 Uhr
    • Antworten: 4
    • Hits: 1.741
    28-07-2006 10:03 Gehe zum letzten Beitrag
  9. before

    Beispielszenario: Man möchte eine Page mit einem weitläufigen Thema zu "was-weiß-ich" machen. Da erscheinen dann des öfteren News oder Erklärungen. Die möchte man besonders hervorheben/kennzeichnen. Jetzt könnte man natürlich manuell jedesmal ein "Wichtig" davor setzen. Doch es geht auch...

    Erstellt von dkdenz, 31-07-2004 00:36 Uhr
    • Antworten: 4
    • Hits: 3.285
    15-06-2006 19:41 Gehe zum letzten Beitrag
  10. Verschoben: IE vs W3C : Kompatibilitätsproblem

    Erstellt von raid_ox, 19-08-2006 15:15 Uhr
    • Antworten: -
    • Hits: -
    13-06-2006 18:22 Gehe zum letzten Beitrag
  11. Verschoben: Drag layer Probleme

    Erstellt von d.gierse, 19-08-2006 15:15 Uhr
    • Antworten: -
    • Hits: -
    19-04-2006 11:10 Gehe zum letzten Beitrag
  12. Verschoben: Formmailer

    Erstellt von Baby, 19-08-2006 15:15 Uhr
    • Antworten: -
    • Hits: -
    11-04-2006 21:15 Gehe zum letzten Beitrag
  13. HowTo - Sprungmarke top

    Hallo, eine Sprungmarke an den Anfang einer Seite (#top) kann man auch noch einfacher machen, indem man nicht mit name arbeitet, sondern mit einer id, welche in den body-Tag geschrieben wird. http://dkmd.de/tests/anchor.html <?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE html PUBLIC...

    Erstellt von dkdenz, 24-12-2005 08:23 Uhr
    • Antworten: 6
    • Hits: 4.751
    01-01-2006 15:51 Gehe zum letzten Beitrag
  14. Dreispealtiges Tabellenloses Liquid-Layout

    Ich hab' das neulich mal als Antwort auf eine Frage in Webdesign -> Allgemeines geschrieben, aber das schadet bestimmt nichts, das hier zu "archivieren", für den Fall, dass es jemand mal braucht. Also, hier ist ein einfaches Beispiel wie man ein dreispaltiges Layout ohne Tabellen umsetzen kann....

    Erstellt von Harry Hunt, 17-08-2005 20:49 Uhr
    • Antworten: 7
    • Hits: 4.422
    14-11-2005 12:48 Gehe zum letzten Beitrag
  15. Mit CSS den Inhalt der Seite mittig Platzieren

    Hy Leute, da oft die indirekte Frage gestellt wurde, wie man seinen Content mit CSS mittig bekommt, hier zwei sicher Lösungen. Lösung 1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"...

    Erstellt von womstar, 19-08-2004 22:29 Uhr
    • Antworten: 12
    • Hits: 29.794
    13-11-2005 19:08 Gehe zum letzten Beitrag
  16. Kennzeichnung externer Links

    Workaround zur Kennzeichnung externer Links Es bürgert sich immer mehr ein, externe Links auch als solche zu kennzeichnen. Damit man nicht immer hinter jeden Link ein Image einfügen muss, gibt es dieses Beispiel. Es ist eigentlich sehr simpel. Gearbeitet wird mit einer extra Klasse für die...

    Erstellt von dkdenz, 23-01-2005 12:14 Uhr
    • Antworten: 3
    • Hits: 4.443
    16-07-2005 12:46 Gehe zum letzten Beitrag
  17. Der div Wahnsinn...

    Ein sehr interessanter Artikel über die effektivere Nutzung von CSS-Selektoren... http://yatil.de/Webentwicklung/der-div-wahnsinn

    Erstellt von dkdenz, 08-06-2005 17:30 Uhr
    • Antworten: 0
    • Hits: 2.907
    08-06-2005 17:30 Gehe zum letzten Beitrag
  18. Smile Style-Switcher

    Anleitung für einen Style-Switcher, im Beispiel um die Schriftgröße zu ändern. Folgendes vor die Doctype-Deklaration: <?php session_start(); if ( isset($_GET) ) { $_SESSION = $_GET; } elseif ( !isset($_SESSION) ) {

    Erstellt von dkdenz, 09-09-2004 12:03 Uhr
    • Antworten: 6
    • Hits: 7.063
    17-01-2005 17:40 Gehe zum letzten Beitrag
  19. html über flash positionieren

    eigentlich steht das in der flash hilfe aber es wird oft danach gefragt. das wichtigste ist das man das flash mit der richtigen einstellung exportiert, unter: datei -> einstellung für veröffentlichung -> html -> fenstermodus kann man die einstellung für das flash-file ändern. der standart ist...

    Erstellt von PRINZ, 27-12-2004 21:09 Uhr
    • Antworten: 2
    • Hits: 7.974
    28-12-2004 19:30 Gehe zum letzten Beitrag
  20. Fight the Default

    * { padding:0; margin:0; } Mit dieser einen Zeile, in das CSS gepackt, setzt man bei allen Elementen padding & margin auf den Wert 0. Erspart einem Tipperei.

    Erstellt von dkdenz, 13-11-2004 15:03 Uhr
    • Antworten: 2
    • Hits: 2.948
    13-11-2004 20:40 Gehe zum letzten Beitrag
  21. Content mit festen Höhe trotzdem dynamisch

    Hallo CSS'ler, da in letzter Zeit öfters mal die Frage auf kam, wie man sein Content eine feste Höhe geben kann und dieser trotzdem sich dynamisch anpasst, wenn mehr text dazu kommt. Ich biete die Lösung des Höhen-Halters an. Dieser, bestehen aus einem <div>, ist dafür zuständig, dass die...

    Erstellt von womstar, 30-08-2004 20:22 Uhr
    • Antworten: 13
    • Hits: 7.760
    02-10-2004 19:16 Gehe zum letzten Beitrag
  22. Mozilla spezifisches CSS

    Die Mozilla spezifischen CSS-Eigenschaften werden mit -moz-* eingeleitet und heben sich dadurch von den normalen CSS Eigenschaften eindeutig ab. Wodurch es nicht zu Überschneidungen von Mozilla mit den W3C-Standards kommen kann. Eigenschaft -moz-border-radius Mit dieser Eigenschaft ist es...

    Erstellt von dipser, 30-06-2004 15:48 Uhr
    • Antworten: 4
    • Hits: 8.577
    09-08-2004 10:25 Gehe zum letzten Beitrag
  23. Zweispaltiges Layout

    Also ich möchte euch eine Variante vorstellen, wie es möglich ist, ein zweispaltiges Layout zu erstellen, mit 2 gleichlangen Seiten. Üblicherweise benötigt man zunächst einen Text, wenn man sich eine HTML-Seite schreiben möchte, daher ist folgendes eigentlich recht Sinnfreier Text. Also man...

    Erstellt von dipser, 23-07-2004 13:11 Uhr
    • Antworten: 3
    • Hits: 5.091
    09-08-2004 10:22 Gehe zum letzten Beitrag
  24. image

    Wenn man mal ein Image z.B. frei auf einer Seite platzieren will, packt man das normalerweise in einen Container (div) rein. Das kann man sich auch sparen. Man geht folgendermaßen vor: In der CSS => img.schriftzug { position:absolute; top:116px;

    Erstellt von dkdenz, 29-07-2004 08:08 Uhr
    • Antworten: 1
    • Hits: 3.136
    29-07-2004 18:01 Gehe zum letzten Beitrag
  25. img

    Ein kleiner Tipp an Rande: Mit diesem Snippet für das CSS könnt Ihr Euch 'ne Menge Schreibarbeit sparen (falls Ihr von Hand codet). Auch bläht sich der QT nicht so auf. Ist die Seite eine Bildergalerie, z.B. mit Vorschaubildern die alle gleich groß sind, kann man auch noch width & height rein...

    Erstellt von dkdenz, 23-07-2004 09:54 Uhr
    • Antworten: 0
    • Hits: 2.844
    23-07-2004 09:54 Gehe zum letzten Beitrag

+ Thema erstellen

Informationen & Optionen

Moderatoren

Anzeige-Eigenschaften

Nur Themen anzeigen, die im ausgewählten Zeitraum erstellt wurden.

Geben Sie an, wonach die Themenliste sortiert sein soll.

Reihenfolge

Hinweis: Wenn nach dem Datum sortiert wird, werden bei 'absteigender Reihenfolge' die neuesten Elemente zuerst angezeigt.

Symbol-Legende

Enthält ungelesene Beiträge
Enthält ungelesene Beiträge
Enthält keine neuen Beiträge
Enthält keine neuen Beiträge
Mehr als 15 Antworten oder 150x gelesen
Beliebtes Thema mit neuen Beiträgen
Mehr als 15 Antworten oder 150x gelesen
Beliebtes Thema ohne neue Beiträge
Thema geschlossen
Thema geschlossen
Thema enthält einen Beitrag von Ihnen
Sie haben in diesem Thema geschrieben.

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein