zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden css in html einbinden?!

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 16.02.2010, 14:05
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.02.2010
Beiträge: 4
Inrav3 befindet sich auf einem aufstrebenden Ast
Standard 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.



danke schon mal im vorraus
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 16.02.2010, 14:21
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 15.02.2010
Beiträge: 162
Duderinho befindet sich auf einem aufstrebenden Ast
Standard

<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.

Geändert von Duderinho (16.02.2010 um 14:26 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 16.02.2010, 14:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.02.2010
Beiträge: 4
Inrav3 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von Duderinho Beitrag anzeigen
<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 anzeigen
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??
Mit Zitat antworten
  #4 (permalink)  
Alt 16.02.2010, 14:32
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.784
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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
Mit Zitat antworten
  #5 (permalink)  
Alt 16.02.2010, 14:34
Benutzerbild von Thielo
Web Ninja
XHTMLforum-Kenner
 
Registriert seit: 17.09.2009
Ort: Stuttgart oder so
Beiträge: 3.379
Thielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein LichtblickThielo ist ein Lichtblick
Standard

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
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato...
All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege

www.richard-thiel.de | Müssen Websiten überall gleich ausschauen?
Mit Zitat antworten
  #6 (permalink)  
Alt 16.02.2010, 15:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.02.2010
Beiträge: 4
Inrav3 befindet sich auf einem aufstrebenden Ast
Standard

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 */
 } 
Mit Zitat antworten
  #7 (permalink)  
Alt 16.02.2010, 15:19
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.784
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

Bei der ersten Regel fehlt die schließende "}".
Bitte mach dich auch mit dem CSS-Validator bekannt.
Mit Zitat antworten
  #8 (permalink)  
Alt 16.02.2010, 15:23
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 16.02.2010
Beiträge: 4
Inrav3 befindet sich auf einem aufstrebenden Ast
Standard

danke das war der fehler

-close-
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre 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 aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 02:44 Uhr.