IPB

Willkommen, Gast ( Anmelden | Registrierung )

> CSS läßt sich nicht in Editor einbinden, Sehe den Wald vor lauter Baumen nicht
testentesten
Beitrag 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. ohmy.gif 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! smilywand.gif 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">•&nbsp;</span>Test-Button 1</a>
</li>
<li>
<a href="#"><span class="dot">•&nbsp;</span>Test-Button 2</a>
</li>
<li>
<a href="#"><span class="dot">•&nbsp;</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! blink.gif

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
Go to the top of the page
 
+Quote Post
 
Start new topic
Antworten
Nosferatu
Beitrag 14.03.2005 - 1:12
Beitrag #2


is getting harder


Gruppe: User
Beiträge: 28
Mitglied seit: 14.06.2003
Mitglieds-Nr.: 769



Hallo, ich bin nicht ganz sicher, ob sich deine beiden Dateien erst beim Posten vermengt haben.
Auf die Schnelle auseinandergepfriemelt sehe ich zumindest etwas einigermaßen Sinnvolles.

QUELLTEXT
<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">

<div id="menu">
<ul class="liste">
<li>
<a href="#"><span class="dot">•&nbsp;</span>Test-Button 1</a>
</li>
<li>
<a href="#"><span class="dot">•&nbsp;</span>Test-Button 2</a>
</li>
<li>
<a href="#"><span class="dot">•&nbsp;</span>Test-Button 3</a>
</li>
</ul>
</div>

</body>
</html>


QUELLTEXT
#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;}


#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;}



Komisch übrigens:
Weiße Blätter finde ICH eigentlich immer nur im Drucker, vornehmlich nach einem Papierstau wink.gif
Go to the top of the page
 
+Quote Post

Beiträge in diesem Thema


Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 05.07.2025 - 0:38

taschenkalender
expertise-panel IPS Driver Error

IPS Driver Error

There appears to be an error with the database.
You can try to refresh the page by clicking here