1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

CSS - Ich will es lernen...

Dieses Thema im Forum "Netzwelten" wurde erstellt von Ashy, 1. Juni 2007.

  1. Ashy

    Ashy Well-Known Member

    Registriert seit:
    25. März 2007
    Beiträge:
    175
    Zustimmungen:
    0
    Hallo,

    ich habe mich jetzt durchgedrungen CSS zu lernen, sprich damit Layouts zu erstellen. Ich arbeite ja sonst schon mit CSS, externe Linkdatei mit diversen Inhalten, aber ich verstehe es einfach mit dem Layout nicht...

    Ich ahbe zum Beispiel diese Homepage... die habe ich aus Tabellen gemacht, wie bitte müsste ich das jetzt in CSS umwandeln? Ich verstehe noch nicht so recht den Sinn mitd iesen div-Layern und Containern und wie ich sie ansetzen muss und mit diesen Margin-Angaben und Floating...

    Habe mir schon diverse Workshops angesehen, aber die waren dann doch immer zu wenig erklärt, sodass ich es verstanden habe. Könnte mir hier wer weiterhelfen? Ganz besonders eben mit obigen Design, welches ich in CSS umerstellt hätte.

    Liebs Grüessli,
    Nadine
     
    #1 Ashy, 1. Juni 2007
  2. Iunius

    Iunius Well-Known Member

    Registriert seit:
    29. September 2006
    Beiträge:
    245
    Zustimmungen:
    1
    #2 Iunius, 1. Juni 2007
  3. Ashy

    Ashy Well-Known Member

    Registriert seit:
    25. März 2007
    Beiträge:
    175
    Zustimmungen:
    0
    Danke für die Links... aber eben, damit komme ich kaum klar mit diesen Workshops, denn die sind nicht ausreichend erklärt, für mich zumindest.

    Ich bräuchte etwas, dass mir das von Anfang an erklärt! Dieses Design fand ich auch toll: http://barrierefrei.e-workers.de/workshops/dreiplus/index.html

    Aber einen Blick in den Quelltext und... ähm ja... da verstehe ich ja Null was! Und wie genau das aufgebaut worden ist, weiss ich ja auch nicht.

    Liebs Grüessli,
    Nadine
     
    #3 Ashy, 1. Juni 2007
  4. Iunius

    Iunius Well-Known Member

    Registriert seit:
    29. September 2006
    Beiträge:
    245
    Zustimmungen:
    1
    Hi Du,
    also wenn du eine Seite selbst erstellt hast, so sind die Grundbegriffe des HTML ja ein Begriff.
    Auch was div, span, color, margin, background, text-align und Co angeht, oder??

    So hast du bei dem drittem Link welche ich gepostet habe ein ideales Nachschlagewerk und beim ersten Link ein paar gute Beispiele zum nachbauen und verstehen lernen.

    Gruß Iu
     
    #4 Iunius, 1. Juni 2007
  5. Ashy

    Ashy Well-Known Member

    Registriert seit:
    25. März 2007
    Beiträge:
    175
    Zustimmungen:
    0
    Die letzte Seite kenne ich und die ist wirklich gut. Wie gesagt, ich nutze CSS schon, aber ich komme absolut nicht mit den Div-Layern und Containern klar... habe schon oft versucht was nachzubauen, aber dann komme ich an einer Stelle wo es nicht weitergeht und ich komme nicht draus, wie ich das auf mein persönliches Design beziehen solle.

    Liebs Grüessli,
    Nadine
     
    #5 Ashy, 1. Juni 2007
  6. Magnifikatz

    Magnifikatz Well-Known Member

    Registriert seit:
    3. Januar 2007
    Beiträge:
    220
    Zustimmungen:
    0
    Ich hab mir alles Wissenswerte zu .css mit Hilfe dieser website beigebracht:

    W3Schools Online Web Tutorials

    Ist zwar in englisch, aber sehr gut strukturiert. Meine statische homepage Franktireur Autorenseite
    habe ich z.B. auf diese Art erstellen können (mit 3 spalten, die in nahezu jedem browser gleich funzen).
    Vielleicht hilfts.
     
    #6 Magnifikatz, 1. Juni 2007
  7. mfitzen

    mfitzen Well-Known Member

    Registriert seit:
    9. Juli 2006
    Beiträge:
    9.820
    Zustimmungen:
    2
    Ich kenne Dein Problem. Auch ich steh noch ziemlich in den Anfängen was CSS & PHP und diese ganzen Geschichten angeht. Beim Thema CSS war mir das Buch "Little Boxes" sehr hilfreich. Da wird eigentlich alles was man zum Anfangen braucht gut und anhand von Beispielen erklärt. Kein Fachchinesisch oder sowas, sondern verständliche Erklärungen.

    Gruß

    infected ;)
     
    #7 mfitzen, 15. Juni 2007
  8. paddya

    paddya Active Member

    Registriert seit:
    14. März 2007
    Beiträge:
    28
    Zustimmungen:
    0
    Also im Prinzip ist dieses Layout sehr einfach umzusetzen. Mal ein Beispiel:

    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    Um das jetzt zu platzieren nimmst du einfach im CSS:

    HTML:
    Entschuldige, aber du musst dich registrieren oder anmelden um den Inhalt sehen zu können!
    und dann setzt du einfach die <div>s darunter und definierst deren margin-top.
    Das seitliche Bild definierst du dann mit float: right; und vergibst wieder einen Abstand (margin). Wenn man mal verstanden hat, wie man mit float und margin Elemente platzieren kann, ist es eigentlich ganz einfach ;)

    Greetz

    paddya
     
    #8 paddya, 16. Juni 2007
  9. Iunius

    Iunius Well-Known Member

    Registriert seit:
    29. September 2006
    Beiträge:
    245
    Zustimmungen:
    1
    Eine kleine Übersicht für "Fortgeschrittene",
    welcher Browser mit bestimmten CSS wirklich umgehen kann, bzw. Sie nicht unterstützt.
    Web Browser CSS Support

    Hat mir schon so manchesmal weitergeholfen.
     
    #9 Iunius, 17. Juni 2007
(Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können. )
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Akzeptieren Weitere Informationen...
    Information ausblenden