css in html einbinden?!

Inrav3 · #1 (**permalink**) 16.02.2010, 14:05

hallo!

ich habe ein problem:

ich will eine css datei in meine html einbinden. ich lade meine homepage über zymic ins internet.

Wenn man hier rechtsklick und dann auf quelltext geht sieht man das die css eingebunden ist oder? weil ich kann sie auch öffnen.

In der css datei steht:

Zitat:

#navi {
width:200px; /* Breite des Bereichs */
text-align:left; /* Textausrichtung */
margin-top:10px; /* Außenabstand oben */
margin-bottom:10px; /* Außenabstand unten */
margin-left:20px; /* Außenabstand links */
margin-right:15px; /* Außenabstand rechts */

#navi ul {
list-style:none; /* keine Aufzaehlungspunkte */
}

#navi li {
background-color:silver; /* Hintergrundfarbe */
border-top:1px black solid; /* Rahmenfarbe Auflistungpunkt oben */
border-left:25px orange solid; /* Rahmenfarbe Auflistungpunkt oben */
border-bottom:1px red solid; /* Rahmenfarbe unten */
border-right:2px blue solid; /* Rahmenfarbe unten */
margin-top:10px; /* Aussenabstand oben */
padding-top:8px; /* Innenabstand oben */
padding-bottom:8px; /* Innenabstand unten */
padding-left:8px; /* Innenabstand unten */
padding-right:8px; /* Innenabstand unten */
}

Also ich will meine aufzählungen "Über Mich" "Galerie" usw. so haben.

danke schon mal im vorraus

Duderinho · #2 (**permalink**) 16.02.2010, 14:21

Inrav3 · #3 (**permalink**) 16.02.2010, 14:27

Zitat:

Zitat von Duderinho

Ich habs so geschrieben:<link rel="stylesheet" href="design.css" type="text/css">

Zitat:

Zitat von Duderinho

Das in den <head> Bereich. Die .css Datei muss dann im gleichen Ordner wie die HTML Datei liegen.

ja liegt im selben ordner.

klick mal auf quelltext anzeigen und drück dann auf design.css das geht nämlich öffnen also sollte es ja nicht daran liegen oder??

fricca · #4 (**permalink**) 16.02.2010, 14:32

Das Stylesheet wird eingebunden.
Dein HTML-Code ist fehlerhaft. Eine Tabellenzeile darf nicht Nachfahre von ul sein. Das macht die Struktur kaputt.

Ich empfehle Grundlagenlektüre: Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS

Thielo · #5 (**permalink**) 16.02.2010, 14:34

Es funktioniert alles wunderbar, wenn du wüsstest was du da versuchst. Eine Liste sieht so aus:

HTML-Code:

<ul>
<li>Listenpunkt</li>
<li>Listenpunkt</li>
<li>Listenpunkt</li>
</ul>

Ohne ein Tabellenkonstruckt ohne Tabelle.

Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS

Edit: lahm

Inrav3 · #6 (**permalink**) 16.02.2010, 15:13

also ich hab das mit den tr td und so weggeben und nur die liste gemacht aber es funktioniert trotzdem nicht. warum?

index.html

HTML-Code:

<head>
<link rel="stylesheet" href="design.css" type="text/css">
</head>
<div id="navi">
     <ul>         
      <li><a href="http://hardcore.zzl.org/ber%20Mich.html">&Uuml;ber Mich</a></li>
      <li><a href="http://hardcore.zzl.org/Galerie.html">Galerie</a></li>
      <li><a href="http://hardcore.zzl.org/Musik.html">Musik</a></li>
      <li><a href="http://hardcore.zzl.org/Events.html">Events</a></li>
      <li><a href="http://hardcore.zzl.org/Partner.html">Partner</a></li>
      <li><a href="http://hardcore.zzl.org/Kontakt.html">Kontakt</a></li>
     </ul>
    </div>

design.css

HTML-Code:

#navi {
   width:200px;                   /* Breite des Bereichs */
   text-align:left;               /* Textausrichtung     */
   margin-top:10px;               /* Außenabstand oben   */
   margin-bottom:10px;            /* Außenabstand unten  */
   margin-left:20px;              /* Außenabstand links  */
   margin-right:15px;             /* Außenabstand rechts */
 
#navi ul {
   list-style:none;               /* keine Aufzaehlungspunkte */
 }
 
 #navi li {
   background-color:silver;       /* Hintergrundfarbe   */
   border-top:1px black solid;    /* Rahmenfarbe Auflistungpunkt oben */
   border-left:25px orange solid; /* Rahmenfarbe Auflistungpunkt oben */
   border-bottom:1px red solid;   /* Rahmenfarbe unten  */
   border-right:2px blue solid;   /* Rahmenfarbe unten  */
   margin-top:10px;               /* Aussenabstand oben  */
   padding-top:8px;               /* Innenabstand oben  */
   padding-bottom:8px;            /* Innenabstand unten */
   padding-left:8px;              /* Innenabstand unten */
   padding-right:8px;             /* Innenabstand unten */
 }

fricca · #7 (**permalink**) 16.02.2010, 15:19

Bei der ersten Regel fehlt die schließende "}".
Bitte mach dich auch mit dem CSS-Validator bekannt.

Inrav3 · #8 (**permalink**) 16.02.2010, 15:23

danke das war der fehler

-close-

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Videos in HTML einbinden für Mobile-Sites	1chris	(X)HTML	5	18.02.2010 19:43
Problem: HTML und CSS \| Einsatz für eine simple Testseite	rAiDeN	(X)HTML	15	07.10.2008 16:23
verständnis html oder css DIV CONTAINER	creative100	CSS	1	20.08.2008 00:31
DIV immer ganze Breite - normal?!?!?	csski	CSS	3	02.07.2008 12:20
druckbare Bilder mit css einbinden	rg69	CSS	1	21.02.2008 11:11