Hi,
Ich wollte mal eine kleine private Homepage machen. Soll nichts weltbewegendes sein, aber auch kein 08/15 Scheiss. Das mit dem designen macht mir keine Probleme, wohl jedoch der Code.
Hab mich entschlossen, die Page mit XHTML und CSS zu machen. Jetzt wollte ich mal hören, ob euch im Netz gute CSS Einsteiger Tutorials bekannt sind, die nicht nur einfache Textformatierungen wie Textfarbe und Font beinhalten, sondern auch Themen wie pixelgenaues Positionieren von Grafiken, Grafikwechsel bei mouseover und ähnliche Dinge beschreiben.
Vielen Dank.

.:| www.moveinmod.net |:.
.:| www.thetaskforcemod.net |:.
.:| www.natural-selection.de |:.

Zitat:

[nOoNE] postete... Themen wie pixelgenaues Positionieren von Grafiken ...

http://del.icio.us/tag/css hier sollte einges dabei sein (die dunkelroten links bevorzugen). auf www.css4you.de gibt es eine relativ brauchbare und uebersichtliche referenz.

Hm, dann hab ich da wohl was verwechselt :)
Ich habe das Design nämlich in PS gemacht und wollte es nun mit Funktionen belegen. Hab gehört dass man es dazu zerschneiden muss und die einzelnen Elemente dann per Code wieder zusammensetzen und mit Funktionen belegen muss. Falls ich da einem Irrtum aufgesessen bin, bitte ich um Aufklärung.
Wie wandle ich das in PS erstelle Layout in eine richtige Page um?

.:| www.moveinmod.net |:.
.:| www.thetaskforcemod.net |:.
.:| www.natural-selection.de |:.

Zitat:

[nOoNE] postete
Hm, dann hab ich da wohl was verwechselt :)
Ich habe das Design nämlich in PS gemacht und wollte es nun mit Funktionen belegen. Hab gehört dass man es dazu zerschneiden muss und die einzelnen Elemente dann per Code wieder zusammensetzen und mit Funktionen belegen muss. Falls ich da einem Irrtum aufgesessen bin, bitte ich um Aufklärung.

du baust dein design per hand nach, indem du die einzelnen elemente rausschneidest und entsprechend auf der seite platzierst, das ist schon korrekt. aber ich wollte dir damit sagen, dass es in vielen faellen nicht pixelgenau geht und das auch garnicht die idee ist.

Hm, ich möchte ja auch garkein Profiwebcoder bzw. -designer werden. Ich möchte einfach nur die Links auf meinem Design so gestalten, dass sie auch angeklickt werden können und dass der Inhalt dann in nem Scrollfenster an der Stelle erscheint, wo auf der Startseite die News stehen.
Würde das theoretisch mit CSS gehen und wenn ja, wo bekomm ich Informationen darüber, und wenn nicht, mit welcher Sprache bekomm ich das hin.
Danke für deine Hilfe bis hierher :)

.:| www.moveinmod.net |:.
.:| www.thetaskforcemod.net |:.
.:| www.natural-selection.de |:.

Was dp dir zu sagen versucht ist: Pixelgenaues Positionieren kann man mit CSS anstandslos machen, aber ob der jeweilige Browser das auch genauso wieder anzeigt, steht auf einem anderen Blatt Papier. Da die Mehrheit der Surfer nachwievor mit dem IE unterwegs ist und sich der IE CSS-technisch in der Steinzeit befindet (daran wird wohl auch IE 7 nichts ändern) bzw. nicht CSS-konform ist (das ist Firefox übrigens auch nicht -> ACID2-Test nicht bestanden), solltest du von pixelgenauen Dingen Abstand nehmen. Außer du sperrst IE User von vornherein aus und ziehst das Ding CSS konform durch.

Zu deiner Frage: Separieren von Content und Navigation wie früher mit Frames ist out bzw. eh nicht mehr XHTML konform. Es empfiehlt sich soweit wie möglich Navi und Content auf eine Seite zu bringen. Hierfür wäre PHP usw. hilfreich, denn ansonsten müsstest du auf jeder Seite die Navi wieder manuell mit reinbringen. Navi per JS zu realisieren ist auch nicht immer das Gelbe vom Ei (da hat der IE u.a. auch schweren Nachholbedarf) und nicht jeder hat JS von Haus aus aktiviert.

Du siehst: Webdesign und -programmierung ist eine Kunst für sich.

EDIT: Ich sehe gerade, daß der Thread schon ne Woche auf dem Buckel hat. Liegt wohl daran, daß ich a) nicht immer auf's Datum glotze und b) das Threadicon nicht grau ist. Sorry X)

K:R-I)Z++
"CSS ist cascading style sheets. Und nicht so'n Ranzspiel." - dp
In memory of Voice († 2005/03/30)

Zitat:

Da die Mehrheit der Surfer nachwievor mit dem IE unterwegs ist und sich der IE CSS-technisch in der Steinzeit befindet (daran wird wohl auch IE 7 nichts ändern) bzw. nicht CSS-konform ist (das ist Firefox übrigens auch nicht -> ACID2-Test nicht bestanden), solltest du von pixelgenauen Dingen Abstand nehmen. Außer du sperrst IE User von vornherein aus und ziehst das Ding CSS konform durch.

"[...] you're going to burn in a very special level of Hell. A level they reserve for child molesters and people who talk at the theater." - Book