getreidemuehlen
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 11.09.2007, 19:08   #1
dix
TP-Junior
 
Registriert seit: Jul 2007
dix ist auf einem guten Weg

CSS-Datei


Einen recht schönen juten Tach!

Ich habe mir bisher meine CSS-Datei selbst erstellt, also mit meinen, mir ausgedachten Bezeichnungen wie z. B. "Haupttext" oder "Überschrift".

Gibt es eigentlich eine Art-Standardformatierung für eine CSS-Datei? Ich lese immer was von Bezeichnungen wie "h1", h2" usw.

Kann mir hierbei jemand weiterhelfen? Danke im voraus.

Gruß Kai
dix ist offline   Mit Zitat antworten


Alt 11.09.2007, 19:28   #2
TP-Moderator
 
Benutzerbild von SonKite
 
Registriert seit: May 2005
Ort: Heidelberg
SonKite ist ein richtiges Arbeitstier - DANKESonKite ist ein richtiges Arbeitstier - DANKESonKite ist ein richtiges Arbeitstier - DANKESonKite ist ein richtiges Arbeitstier - DANKESonKite ist ein richtiges Arbeitstier - DANKESonKite ist ein richtiges Arbeitstier - DANKE
Wenn h1 davor steht bedeutet das nur das alle Überschriften erster Klasse mit den folgenden Anweisungen formatiert werden. Das gleiche kannst du für alle anderen Elemente auch machen (p, table oder was anderes). Erspart dir das Klassen vergeben für Elemente die immer wieder kommen und immer gleich formatiert werden.

Gruß
Stefan
SonKite ist offline   Mit Zitat antworten
Alt 11.09.2007, 19:31   #3
TP-Specialist
 
Benutzerbild von Mich@el
 
Registriert seit: Oct 2005
Ort: Würzburg
Mich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine User
Mit dem Selektor h1 kannst Du z.B. die Textfarbe oder -größe usw. der Überschrift 1. Ordnung festlegen.
Beispiel:
h1 {
font-weight: bold;
font-size: 12px;
line-height: 14px;
font-family: helvetica;
color: red;
}
Weiteres hierzu findest Du in CSS4you.

Grüße
Michael

aargh! zu laaaaangsam...
__________________
Back to business!
Mich@el ist offline   Mit Zitat antworten
Alt 11.09.2007, 19:34   #4
TP-Moderator
 
Benutzerbild von SonKite
 
Registriert seit: May 2005
Ort: Heidelberg
SonKite ist ein richtiges Arbeitstier - DANKESonKite ist ein richtiges Arbeitstier - DANKESonKite ist ein richtiges Arbeitstier - DANKESonKite ist ein richtiges Arbeitstier - DANKESonKite ist ein richtiges Arbeitstier - DANKESonKite ist ein richtiges Arbeitstier - DANKE
Mach dir nix draus, liegt am Alter...
SonKite ist offline   Mit Zitat antworten
Alt 11.09.2007, 21:20   #5
dix
TP-Junior
 
Registriert seit: Jul 2007
dix ist auf einem guten Weg
Danke für euren schnellen Antworten. Ich wollte eigentlich auf etwas anderes hinaus: woher weiß ich denn, dass ich das überhaupt "h1" oder "table" oder was auch immer nennen muss. Muss ich das überhaupt? Bennent DW das automatisch so?
dix ist offline   Mit Zitat antworten
Alt 11.09.2007, 21:51   #6
TP-Specialist
 
Benutzerbild von Mich@el
 
Registriert seit: Oct 2005
Ort: Würzburg
Mich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine User
Zitat:
Zitat von SonKite Beitrag anzeigen
Mach dir nix draus, liegt am Alter...
Ja, ja! Komm erst mal in mein Alter!

Das macht DW schon selbst. Wenn Du im Eigenschaftenfeld die Seiteneigenschaften aufrufst, kannst du z.B. die Überschriften bereits vorgeben. Das wird dann auch sofort im Code übernommen. Siehe beide Screens.

Grüße
Michael
Miniaturansicht angehängter Grafiken
css-datei-tp_seiten.jpg  css-datei-tp_code.jpg  
__________________
Back to business!
Mich@el ist offline   Mit Zitat antworten
Alt 11.09.2007, 22:01   #7
dix
TP-Junior
 
Registriert seit: Jul 2007
dix ist auf einem guten Weg
Zitat:
Zitat von Mich@el Beitrag anzeigen
Ja, ja! Komm erst mal in mein Alter!

Das macht DW schon selbst. Wenn Du im Eigenschaftenfeld die Seiteneigenschaften aufrufst, kannst du z.B. die Überschriften bereits vorgeben. Das wird dann auch sofort im Code übernommen. Siehe beide Screens.

Grüße
Michael
Danke!!
dix ist offline   Mit Zitat antworten
Alt 12.09.2007, 11:12   #8
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
Zitat:
Zitat von dix Beitrag anzeigen
Danke für euren schnellen Antworten. Ich wollte eigentlich auf etwas anderes hinaus: woher weiß ich denn, dass ich das überhaupt "h1" oder "table" oder was auch immer nennen muss.
Na in dem Moment, wo du diese HTML-Tags benutzt, weißt du, dass du diese auch direkt via CSS ansprechen kannst.

Oder hast du noch nie den Codemodus von DW gesehen?
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 14.09.2007, 19:44   #9
dix
TP-Junior
 
Registriert seit: Jul 2007
dix ist auf einem guten Weg
Ich hätte da noch ne Frage: Wie bekomme ich das eigentlich hin, dass ein Link beim Überqueren der Maus unterstrichen wird?

Danke im voraus!
dix ist offline   Mit Zitat antworten
Alt 15.09.2007, 03:16   #10
TP-Greis
 
Benutzerbild von Boris
 
Registriert seit: Mar 2001
Ort: Berlin, Germany
Boris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKEBoris ist ein richtiges Arbeitstier - DANKE
text-decoration: underline;
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris
Boris ist offline   Mit Zitat antworten
Alt 15.09.2007, 05:50   #11
TP-Veteran
 
Benutzerbild von koenixblau
 
Registriert seit: Jul 2006
Ort: Berlin
koenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKE
Zitat:
Zitat von dix Beitrag anzeigen
Ich hätte da noch ne Frage: Wie bekomme ich das eigentlich hin, dass ein Link beim Überqueren der Maus unterstrichen wird?

Danke im voraus!
Siehe Screenshots von Mich@el, dort kannst du auch die Link-Eigenschaften einstellen.

Könnte da auch noch eine Seite empfehlen: http://www.ekiwi.de/tools/csscreator/css.php

Richtig empfehlenswert wäre noch mal ab und zu in den Tiefen von selfhtml einzutauchen.
Selbst wenn man was nachschlagen möchte, bietet dieses sehr gut Möglichkeiten, neben dem festigen der Grundkenntnisse.

Wird sogar von einigen Profis verwendet.


@Boris:

Wusste garnicht das du aus Berlin kommst. dit find ickja geil.

Gruß Michael
__________________
"...me(n)talklampfengezupfe und punkligemeditationgedudel, ..."
"...Wer zu viel fragt, wird bestraft ..."


» Mögen hätt' ich schon wollen, aber dürfen hab ich mich nicht getraut. «
koenixblau ist offline   Mit Zitat antworten
Alt 15.09.2007, 09:22   #12
TP-Specialist
 
Benutzerbild von Mich@el
 
Registriert seit: Oct 2005
Ort: Würzburg
Mich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine User
Zitat:
Zitat von koenixblau Beitrag anzeigen
Wird sogar von einigen Profis verwendet...
Ach!?
__________________
Back to business!
Mich@el ist offline   Mit Zitat antworten
Alt 15.09.2007, 09:23   #13
TP-Specialist
 
Benutzerbild von Rinaldo
 
Registriert seit: Oct 2003
Ort: Niederbayern
Rinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine UserRinaldo lebt für das TP und seine User
Zitat:
Zitat von koenixblau Beitrag anzeigen
Selbst wenn man was nachschlagen möchte, bietet dieses sehr gut Möglichkeiten
Auch Dreamweaver bietet bereits von sich aus eine gute Code-Referenz (Umschalttaste + F1) - und das sogar auch noch für vieles andere, nicht nur HTML.

Aber ob hier das bloße Nachschlagen ausreicht?
Rinaldo ist offline   Mit Zitat antworten
Alt 15.09.2007, 09:55   #14
TP-Veteran
 
Benutzerbild von koenixblau
 
Registriert seit: Jul 2006
Ort: Berlin
koenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKEkoenixblau ist ein richtiges Arbeitstier - DANKE
Zitat:
Zitat von Rinaldo Beitrag anzeigen
Auch Dreamweaver bietet bereits von sich aus eine gute Code-Referenz (Umschalttaste + F1) - und das sogar auch noch für vieles andere, nicht nur HTML.

Aber ob hier das bloße Nachschlagen ausreicht?
Naja erstmal mit dem Krabbeln beginnen, bevor man läuft.

Zitat:
Ach!?








Unter "Verknüpfungen" werden die "einfachen" Link-Eigenschaften eingestellt.
__________________
"...me(n)talklampfengezupfe und punkligemeditationgedudel, ..."
"...Wer zu viel fragt, wird bestraft ..."


» Mögen hätt' ich schon wollen, aber dürfen hab ich mich nicht getraut. «
koenixblau ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > Dreamweaver
CSS-Datei CSS-Datei
« spry tabbed panels - übergangseffekte zwischen den contents | Webalbum Bilder nachträglich einfügen »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:01 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



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 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

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 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67