XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   css in html einbinden?! (http://xhtmlforum.de/showthread.php?t=60243)

Inrav3 16.02.2010 15:05

css in html einbinden?!
 
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.

http://img222.imageshack.us/img222/712/bild1mdy.jpg

danke schon mal im vorraus

Duderinho 16.02.2010 15:21

<link rel="stylesheet" type="text/css" href="layout.css" />

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

Inrav3 16.02.2010 15:27

Zitat:

Zitat von Duderinho (Beitrag 459015)
<link rel="stylesheet" type="text/css" href="layout.css">

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

Zitat:

Zitat von Duderinho (Beitrag 459015)
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 16.02.2010 15: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 16.02.2010 15: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 :D

Inrav3 16.02.2010 16: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 16.02.2010 16:19

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

Inrav3 16.02.2010 16:23

danke das war der fehler ;)

-close-


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:54 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023