 CSS läßt sich nicht in Editor einbinden, Sehe den Wald vor lauter Baumen nicht |
|
Willkommen, Gast ( Anmelden | Registrierung )
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
 14.03.2005 - 0:29
Beitrag
#1
|
|
|
Rookie Gruppe: User Beiträge: 4 Mitglied seit: 13.03.2005 Wohnort: Porta Westfalica Mitglieds-Nr.: 4.859  |
Halllo Zusammen,
ich habe phase 5 schon seit einigen Jahren und gebrauche ihn in erster Linie zum Erstellen von Auktionen.  Haabe also schon einige Erfahrung und gedacht, dass das ausreichen würde mal eine eigene Homepage in Angriff zu nehmen. Dabei habe ich allerdings festgestellt, dass ich wohl doch eher zu den wirklich blutigen Anfängern gehören muss. Ich wurschtel jetzt schon seit einigen Abenden daran rum über eine ausgelagerte CSS-Datei meinen Seiten ein einheitliches Layout der Menueleite zu geben. Leider ohne Erfolg. Ich muß irgendetwas falsch machen und dass, obwohl ich SelfHTML und diverse andere Hilfeseiten studiert habe. Aber irgendwie habe ich ein Brett vor dem Kopf!  Je mehr ich lese, desto weniger verstehe ich, warum es nicht klappt. Im Editor finde ich immer nur ein weißes Blatt vor (keinerlei Fehlermeldungen) oder aber er öffnet mir ein separates Fenster mit der CSS-datei.Hier einmal meine Test-Versionen: Zuerst die eigendlich mal entstehende Homepage: <html> <head> <title></title> <meta name="author" content="ANMADEWE"> <meta name="generator" content="Ulli Meybohms HTML EDITOR"> <link rel="stylesheet" href="menuetest.css"> </head> <body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000"> dann die CSS-datei, die dazugehören soll: body { #menu{ width:200px; color:black; background:#b8ab8f; padding:10px; border-top:1px solid #837C6B; border-right:1px solid #E4D9C0; border-bottom:1px solid #E4D9C0; border-left:1px solid #837C6B;} <div id="menu"> <ul class="liste"> <li> <a href="#"><span class="dot">• </span>Test-Button 1</a> </li> <li> <a href="#"><span class="dot">• </span>Test-Button 2</a> </li> <li> <a href="#"><span class="dot">• </span>Test-Button 3</a> </li> </ul> </div> #menu a{ color:maroon; font:bold 13px verdana, sans-serif; margin:5px 0 5px 0; padding:1px 3px 1px 4px; text-decoration:none; background:transparent; display:block; border-top:1px solid #99917d; border-right:1px solid #e4d9c0; border-bottom:1px solid #e4d9c0; border-left:1px solid #99917d; width:155px;} #menu a:hover{ color:#f6e4c1; background:transparent; border-top:1px solid #e4d9c0; border-right:1px solid #837c6b; border-bottom:1px solid #837c6b; border-left:1px solid #e4d9c0;} #menu a .dot{ color:#a59a81; background:transparent; font-weight:bold; font-size:14px;} #menu a:hover .dot{ color:#c8ba9b; background:transparent; font-weight:bold; font-size:14px;} </body> </html> Abgespeichert hat der Editor die CSS-Datei als CSS, level 2 (ich hatte CSS, level 1 angeklickt). Woran zum Henker liegt es bl0ß, dass ich das nicht eingebunden bekomme???? Bis jetzt habe ich gute Erfahrungen mit Phase 5 gemacht, aber langsam verzweifle ich wirklich!  Ich bin für jede Hilfe dankbar, aber BITTE schickt mir keine Links auf Hilfe-Seiten, davon habe ich jede Menge. Ich habe nur das Gefühl, dass dort leider nicht alles genau genug für Anfänger beschrieben wird. Das fängt schon damit an, dass man die Reihenfolge der CSS-Befehle nicht angegeben hat. Und ich weiß auch nicht, ob der CSS-link richtig positioniert ist (vor dem </head>-Befehl oder besser schon vor den META-Tags eingebunden werden sollte. Tja, ich denke man sieht, dass ich mir da schon so meine Gedanken mache. Aber im Endeffekt hapert es am Verständnis und der Erfahrung der Profis.... Irgendwie doch Brett vor´m Kopf.... Ich gehe zwar jetzt meinen rauchenden Kopf ins Bett tragen, aber ich danke im voraus für jede Hilfe, die Ihr mir zu Teil werden lasst. CU, Anja |
 |
 
|
 |
Antworten
|
16.03.2005 - 9:10
Beitrag
#2
|
|
|
Ausnahme Poster  Gruppe: User Beiträge: 147 Mitglied seit: 14.07.2003 Wohnort: Schwäbisch Gmünd Mitglieds-Nr.: 947 |
Hi Anja,
hier nochmal kurz eine Erklärung von mir: CSS sind Formatierungsdefinitionen HTML ist die Seitenbeschreibung CSS kannst du, wenn einmalig auftretend, direkt dem HTML-Tag mitgeben (z.B.: <p style="font-size: 12pt"> </p>) Wenn eine Formatierung auf nur einer Seite öfter verwendet werden soll, kanns du dafür eine Klasse oder ID festlegen (eine Klasse definiert man mit einem eindeutigen Namen der mit einem Punkt beginnt .meineKlasse, eine ID ist ein eindeutiger Name der mit # beginnt: #meineID). Diese CSS-Formatierung legt man im Kopf (<head> </head>) der HTML-Seite fest. QUELLTEXT <style type="text/css"> <!-- .meineKlasse {text-align: right;} --> Wenn eine Formatierung in mehreren HTML-Seiten vorkommen soll, dann erstellt man eine externe CSS-Datein (meine_styles.css) und schreibt dort die Formatierungen hinein (.meineKlasse {color: black; text-align: center;}). Diese bindet man dann in den HTML-Seiten im Header (<head> </head>) ein: <link rel="stylesheet" href="meine_styles.css" type="text/css"> Man kann HTML-Tags direkt (p {font-size: 12pt;}) im Seitenkopf oder der externen CSS-Datei formatieren. HTML-Tags in einer externen CSS-Datei haben keine Funktion(!) und gehören dort nicht hinein, sondern eben nur in .htm(l)-Dateien. Auf CSS-Klassen oder ID greift man dann innerhalb eines HTML-Tags zu: <p class="meineKlasse"> </p>, also den definierten Klassennamen ohne Punkt. Das nochmal kurz und wenig ausführlich zu deinem Problem. Ich persönlich habe mir SelfHTML nicht nur als Hilfe auf meinen Rechner heruntergeladen, sondern mir auch das Buch gekauft, in dem ich immer wieder mal drin lese, wenn mir was nicht ganz klar ist. |
|
|
|
Beiträge in diesem Thema
testentesten CSS läßt sich nicht in Editor einbinden 14.03.2005 - 0:29
Nosferatu Hallo, ich bin nicht ganz sicher, ob sich deine be... 14.03.2005 - 1:12 Conny Hi,
zu Nosferatu seine Ausführung noch folgende Er... 14.03.2005 - 7:45
testentesten ZITATSoll die CSS extern abgelegt werden und für a... 14.03.2005 - 20:13 Conny Hallo Anja,
steht denn dieser Teil auch in deiner ... 14.03.2005 - 21:27 testentesten Hi Conny,
danke, daran hat es gelegen. Es wird zw... 14.03.2005 - 21:42 Conny Hi Anja
ZITAT(Anja)ich kann die eigentliche Tabell... 14.03.2005 - 22:30 testentesten Danke für Deine Hilfe! Jetzt kann ich mich ric... 15.03.2005 - 19:10 |
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:
|
Vereinfachte Darstellung | Aktuelles Datum: 04.07.2025 - 1:55 |