Ergebnis 1 bis 8 von 8

Thema: Library/Tabelle durch Layer ersetzen

  1. #1
    TP-Senior
    Registriert seit
    May 2003
    Beiträge
    204

    Question Library/Tabelle durch Layer ersetzen

    Hallo, hier die erste Frage:

    Ich habe auf einer Webseite einen Newsbereich, für den ich einen Layer mit fester Breite definiert habe. Die Höhenangabe habe ich gelöscht. In diesen Layer habe ich auf den versch. Unterseiten unterschiedliche Bibliothekselemente eingefügt.

    Soweit so gut ;-)

    Die Bibliothekselemente habe ich mit Hilfe von Tabellen aufgebaut. Somit konnte ich problemlos mehrere Bilbiothekselemente untereinander plazieren.

    Nun habe ich mal mit meinen Kenntnissen einen Layer definiert, in dem ich quasi so ein Bibliothekselement nachgebildet habe, ohne Tabelle nur mit CSS:

    www.tictoc-oz.de

    Wie binde ich nun diese Layer in den Newsbereich ein? Sie werden ja unterschiedlich gefüllt sein. Dann würden sie sich ja überlappen oder überlagern. Gibt es da eine vernünftige Lösung?

  2. #2
    TP-Specialist
    Registriert seit
    Aug 2002
    Ort
    Nähe Wien
    Beiträge
    4.642
    hi general

    was genau meinst mit "unterschiedlich gefüllt"?? ganz versteh ich die frage nicht.

    ebenen sind grundsätzlich, wenn sie als div-elemente eingebunden werden, block-level-elemente; d.h. sie ordnen sich in der reihenfolge untereinander an, so wie sie im html-code definiert sind.

    einer nach dem anderen - > untereinander

    die überlappen sich nicht usw.

  3. #3
    TP-Senior
    Registriert seit
    May 2003
    Beiträge
    204

    Wink

    Hi Prefix,

    na ich meint mit unterschiedlich viel Inhalt, aber wenn die Elemente sich genauso anordnen wie Tabellen, dann wäre das eine Problem schonmal gelöst ;-)

    Gibt es diesbezüglich vielleicht die Möglichkeit den Layer komplett zu formatieren? Hm kompliziert ausgedrückt

    Also das was ich für den Headbereich und den Content über Klassen gelöst habe, kann man das kompakt in eine Layerdefinition verpacken?

  4. #4
    TP-Specialist
    Registriert seit
    Aug 2002
    Ort
    Nähe Wien
    Beiträge
    4.642
    du kannst ebenen definieren, in welche die überschrift als h1-element definiert wird, z.b.

    Code:
    .ebene{width: 200px;font-size: 90%;}
    .ebene h1 {background-color: red; color: white;font-size: 110%;font-weight:bold;}
    dann weiter in html

    Code:
    <div class="ebene"><h1>überschrift</h1>und dann hier der text...</div>
    das ist nur ein grobes (!!!) beispiel

  5. #5
    TP-Senior
    Registriert seit
    May 2003
    Beiträge
    204

    Smile

    Thanx,

    die Sache mit dem Block-Level-Element habe ich hinbekommen:

    siehe hier

    der Trick dabei ist die Div's auf "position:relative" zu setzen, richtig?

    ich werde dann mal mit Deinem groben Bsp. etwas herumexperimentieren

  6. #6
    TP-Specialist
    Registriert seit
    Aug 2002
    Ort
    Nähe Wien
    Beiträge
    4.642
    na, das schaut ja schon mal verdammt gut aus

    ja, position: absolute darfst nicht setzen -> aber position:relative ist sowieso standard, brauchst also gar nichts zu definieren

  7. #7
    TP-Senior
    Registriert seit
    May 2003
    Beiträge
    204

    Smile

    Danke, da freu ich mich - ich lerne eben schnell wenn ich unbedingt etwas verstehen will

    Aber was meinst Du mit Relative sei Standard?

    Wenn ich in DW eine Ebene aufziehe, dann ist dort immer "position:absolute" im Code eingetragen

    Bitte klär mich auf...

  8. #8
    TP-Specialist
    Registriert seit
    Aug 2002
    Ort
    Nähe Wien
    Beiträge
    4.642
    ja, in dreamweaver wird das von vornherein so gesetzt, in css ist allerdings position:relative als initial gesetzt, wenn nichts anderes definiert wird!

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

     

Berechtigungen

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

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51