Rica: Zeitleiste umsetzten

Moin,

hab mal eine Frage an euch, ich hab auf Bild.de genauer gesagt hier: http://www.bild.de/news/ausland/flugzeugabsturz/flugzeugabsturz-vor-vietnam-34983668.bild.html eine Zeitleiste gesehen, diese gefällt mir sehr gut. Wollte mal fragen ob ihr wisst wie man diese umsetzten könnte?

Ihr würdet mir sehr helfen.

Gruß
Rica

  1. Hi,

    hab mal eine Frage an euch, ich hab auf Bild.de genauer gesagt hier: http://www.bild.de/news/ausland/flugzeugabsturz/flugzeugabsturz-vor-vietnam-34983668.bild.html eine Zeitleiste gesehen, diese gefällt mir sehr gut. Wollte mal fragen ob ihr wisst wie man diese umsetzten könnte?

    ich habe nicht nachgesehen, wie das dort realisiert ist. Ich würde es mit einer ungeordneten Liste (ul) machen, die Linie am linken Rand als Hintergrund für das ul-Element setzen und die Bullets mit list-style-image durch eigene Grafiken ersetzen. Ein bisschen an den margins und paddings justieren, bis alles exakt zusammenpasst. Fertig.

    Ihr würdet mir sehr helfen.

    Na das war ja einfach. :-)

    Ciao,
     Martin

    --
    Warum können wir heute so sicher sagen, dass Gott keine Frau sein kann?
    Weil dann nach "Es werde Licht" der nächste Satz "Wie sieht denn das hier aus?!" gewesen wäre.
    Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
    1. Om nah hoo pez nyeetz, Der Martin!

      […] ich hab […] eine Zeitleiste gesehen, diese gefällt mir sehr gut. Wollte mal fragen ob ihr wisst wie man diese umsetzten könnte?

      ich habe nicht nachgesehen, wie das dort realisiert ist. Ich würde es mit einer ungeordneten Liste (ul) machen, […]

      Für eine Zeitleiste sollte man doch eher eine geordnete Liste nehmen. Im Prinzip ist es auch so realisiert worden, nur das die Grafiken before-Pseudoelemente der Überschriften sind.

      Matthias

      --
      Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Dias und Diaspora.

      1. Hallo,

        ich habe nicht nachgesehen, wie das dort realisiert ist. Ich würde es mit einer ungeordneten Liste (ul) machen, […]
        Für eine Zeitleiste sollte man doch eher eine geordnete Liste nehmen.

        öhm, ja, da is' was dran.

        Im Prinzip ist es auch so realisiert worden, nur das die Grafiken before-Pseudoelemente der Überschriften sind.

        Viele Wege führen zur Erleuchtung. Nicht alle zu ein- und derselben.

        Ciao,
         Martin

        --
        Auch mit eckigen Radios kann man Rundfunk hören.
        Selfcode: fo:) ch:{ rl:| br:< n4:( ie:| mo:| va:) de:] zu:) fl:{ ss:) ls:µ js:(
  2. Hi,

    hab mal eine Frage an euch, ich hab auf Bild.de genauer gesagt hier: http://www.bild.de/news/ausland/flugzeugabsturz/flugzeugabsturz-vor-vietnam-34983668.bild.html eine Zeitleiste gesehen, diese gefällt mir sehr gut. Wollte mal fragen ob ihr wisst wie man diese umsetzten könnte?

    Ja – ein Beispiel findest du hier.

    :-)

    Ernsthaft, wo ist das Problem – du schnappst dir die Developer Tools deines Browser, und schaust dir an was für eine Struktur dort gewählt und wie sie formatiert wurde.

    MfG ChrisB

    --
    Autocomplete has spoiled me to a point where it happens every so often that I encounter a CAPTCHA, and I just type in the first character … and then wait for the rest of the code to be automatically suggested :/
    1. Hallo,

      Ernsthaft, wo ist das Problem – du schnappst dir die Developer Tools deines Browser, und schaust dir an was für eine Struktur dort gewählt und wie sie formatiert wurde.

      das habe ich, aber die Roten Punkte z.B. finde ich leider nicht.

      Gruß
      Rica

      1. Hi,

        Ernsthaft, wo ist das Problem – du schnappst dir die Developer Tools deines Browser, und schaust dir an was für eine Struktur dort gewählt und wie sie formatiert wurde.

        das habe ich, aber die Roten Punkte z.B. finde ich leider nicht.

        Zeile 4736 in diesem Stylesheet (laut Firebug):

        .liveticker ol li div > h2:before {  
            content: url("http://bilder.bild.de/fotos/dot-32545784/Bild/1.bild.png");  
            left: -56px;  
            position: absolute;  
            top: 0;  
        }
        

        http://bilder.bild.de/fotos/dot-32545784/Bild/1.bild.png: Roter Punkt

        MfG ChrisB

        --
        Autocomplete has spoiled me to a point where it happens every so often that I encounter a CAPTCHA, and I just type in the first character … and then wait for the rest of the code to be automatically suggested :/
  3. Moin,

    vielen Dank für eure Hilfe, aber mir ist das noch alles zu hoch mit dem CSS und ul li ol usw.. ich lass es einfach so wie es jetzt ist.

    Euch noch einen schönen Abend und Wochenende.

    Gruß
    Rica