Hab CSS nicht Begriffen ! Wer hilft ?

[King of Jive]

Also habe gerade den CSS Workshop durch, aber leider endet er da wo ich noch weiter will...

Ich möchte für ein Menü mittels CSS Effekte einbauen, die beim darüber fahren des jeweiligen Menüpunkts unterstrichen werden (wie alle).
Nur ich weiß nicht wie ich diesen Stil in richtiger Reihenfolge definieren muß.

Heißt: Neuer Stil => ? => ? => ?

Wer kann mir für diese Anwendung von Stil Definition eine Newbie Anleitung zukommen lassen ?

Dank trotzdem nochmal an Jürgen für die Links, aber bin eben ein Dummy...

[Daniel N.]

<style type="text/css">
<!--

a {
font-family: name der schriftenfamilie;
font-size: xxx;
color: xxx;
text-decoration: none;
}

a:hover {
font-family: name der schriftenfamilie;
font-size: xxx;
color: xxx;
text-decoration: underline;
}

-->
</style>

Ungefähr so! Hab nicht alle hingemacht. Zum beispiel kannst du noch a:active und a:visited definieren. Aber solltest schon noch was selber machen.Ich glaub die definition sollte stimmen!

[Daniel N.]

Hab jetzt grade erst gemerkt, dass du das ganze über Dreamweaver per WYSIWYG machen wolltest! Naja, ist schwer das so zu zeigen ohne Screenshot! Du machst per '+' einen neuen Stil. Dort nimmst du dann den Tag Selektor und selektierst logischerweise den Tag 'a'. Dann öffnet sich ein weiteres Fenster, wo du die Schriftart, Farbe, usw... definieren kannst! Das selbe machst du dann nochmal für den 'hover' Zustand!

[King of Jive]

Ja das habe ich mehrfach versucht ! Auch habe ich die Reihenfolge eingehalten, aber nix...
Bei der Browservorschau und auch in DW ändert sich nix !

WIESO NUR... heul

Ist doch eigentlich gar keine große Sache aber ich schaffe es nicht das macht mich Wahnsinnig...

[Daniel N.]

Könntest du mal den Code hier posten? Und wo hast du denn das Stylesheet eingefügt?? Die müssen immer in den Head-Bereich!

[King of Jive]

Ich habe mir wie im Workshop nur ein leeres Dokument geöffnet und probiere so herum... Da gibts leider nix zu posten sonst würd ich das gerne tun !

Muß ich für diesen Effekt zwangsläufig in den Quellcode ?

Kann ich gar nicht über das Menü steuern ?

Habe auf meiner Seite ein Flash Button Menü das ich aber lieber durch CSS definierte Links ersetzen will...

www.fan-thong.com

[King of Jive]

Ups habe die Seite schon wieder raus genommen Moment bitte...

[King of Jive]

So das ist Sie wieder...

Also nochmal, ist es möglich eine Screenshot ansicht von der Vorgehensweise zu bekommen. Vieleicht lerne ich es dann auch besser...

[King of Jive]

Weiß niemand einen Rat ?

[Dannys]

Ohne zumindest rudimentäre HTML/CSS Kenntnisse wird
das wohl nichts. Hast du denn vielleicht Fireworks ? Da könntest
du dir dein Menü zusammenbauen welches opisch dem vorhandenen gleicht, jedoch ohne Flash sondern mit Java Script arbeitet. Der Code wir dabei von fireworks automatisch generiert
Diesen brauchst du dann nur noch an entsprechender Stelle einzufügen.

dan

[King of Jive]

Aber ich kann doch auch verschiedenste Verhalten und Formatierungen in CSS definieren (siehe Workshop CSS 1-3)

Da soll es dann nicht möglich sein das ich ohne große Kenntnisse auch ein bestimmtes Verhalten für Text erstelle ?

Warum gibt es dann diese Menü Steuerung überhaupt in DW wenn man eigentlich am Quelltext basteln muß ?

Na ja ansonsten bleiben die Buttons so wie sie sind...

Trotzdem lieben Dank an Euch !!!

[kenny]

Verheddert, moment ...

[kenny]

Also, geht´s hier weiter.....

Hallo KOJ,
vorweg einmal das wichtigste: Du wirst in Zukunft um HTML nicht herumkommen. Die Grundlegenden Kenntnisse sind nicht schwer zu verstehen und recht schnell angeeignet.
Hierzu mal diesen Link. Zu Deiner konkreten Frage, „wie kann ich Links mit Hilfe von CSS formatieren?“ schaue doch mal hier her.
Du hast in DW die Auswahl, Deine Ansicht als Layout oder als Code (und auch Layout / Code gleichzeitig) anzeigen zu lassen. Schaue Dir die Arbeitsschritte jeweils in den beiden Ansichten an. Verfolge die Veränderungen in den Codes. Du wirst verblüfft sein, wie einfach die Dinge sind.
Und hier das gewünschte Tutorial zur Erstellung von Buttons mit CSS.
Wenn Du noch Fragen hast, dann poste wieder. Viele Grüße und viel Spaß und Erfolg beim Lernen. Aus Barasilien – thomas

[King of Jive]

SUUUUUPER !

Es gibt doch jemanden der mich versteht...

Ja ich weiß werde mich in HTML einlesen müssen, und das will ich auch !
Aber mit dieser Antwort ist mir mehr als geholfen...

Also vielen lieben Dank nach Brasilien ;-)

[Jürgen]

Also 3 verschiedene Threads für das selbe Thema aufzumachen wird hier nicht gerne gesehen, gell?

Die Formatierung der Links ohne HTML-Kenntnisse geht natürlich auch in DW ohne Codetippen:

1. Links ganz normal erstellen
2. CSS-Stile->Neuer CSS-Stil
3. Typ "CSS-Selektor verwenden" anklicken
4. Oben im Pulldown-Menü a:link anklicken
5. Auf OK
6. Jetzt in der Dialogbox "CSS-Stil-Definitionen für a:link" alle Formatierungen einstellen, die du für den Link im Standardzustand haben willst, also z. B. unterstrichen, fett, was auch immer.
7. Am Ende auf OK

So, damit hast du den Standard-Link formatiert. Das selbe machst du jetzt wieder, und zwar wählst du im Pulldown-Menü bei CSS-Stile->neuer Stil a:visited auf, dann ebenfalls die ganze Prozedur mit a:hover und a:active.

Ich hoffe, jetzt sind alle Klarheiten beseitigt .

Gruß, Jürgen