pr0bl3mk1nd
Neues Mitglied
Hi zusammen!
ich habe folgendes Problem mit einer externen css Datei:
In meiner Startseite "include" ich sie im head-Bereich.
Doch das Problem ist, wenn ich irgendetwas in der css Datei ändere, ändert sich nix am Aussehen der Homepageseite.
Dann dachte ich vllt. ist der Link (href) falsch, doch wenn ich
auskommentiere, dann verändert sich die Seite, also so wie sie ohne CSS aussehen sollte, d.h. der Verweis sollte richtig sein.
Jetzt denke ich mir, wird der Fehler vllt in der CSS selber sein?
Versteht ihr mein Problem und könnt ihr mir helfen?
MfG
ich habe folgendes Problem mit einer externen css Datei:
In meiner Startseite "include" ich sie im head-Bereich.
HTML:
<head>
<link rel="stylesheet" type="text/css" media="screen" href="css/layout.css">
</head>
Dann dachte ich vllt. ist der Link (href) falsch, doch wenn ich
HTML:
<link rel="stylesheet" type="text/css" media="screen" href="css/layout.css">
Jetzt denke ich mir, wird der Fehler vllt in der CSS selber sein?
Code:
/*Spalten Layout*/
#container { width: 1000px; margin-left: auto; margin-right: auto; margin-top: 50px; font-family: Lucida Sans, Arial; border: 5px double black; }
#header { width: 1000px; height: 120px; }
#content { width: 800px; }
#column { float: right; width: 200px; }
#footer { clear: both; border-top: 2px solid black; background-color: #8ab0c7; }
/*Listen Layout*/
#news ul { list-style-image: url(img/ul_hellblau.png); border: 1px double grey; color: black; text-align: left; font-size: 12; }
#news li:hover { list-style-image: url(img/ul_dunkelblau.png); color: #216df8; }
/*Links*/
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
/*borderMenu*/
#borderMenu { margin: 0; padding: 0; }
#borderMenu ul { margin: 0; padding: 0; line-height: 20px; }
#borderMenu li { margin: 0; padding: 0; list-style: none; float: left; position: relative; background-color: #ffc705; }
#borderMenu ul li a { text-align: center; text-decoration: none; height: 20px; width: 200px; display: block; color: black; font-weight: bold; border-top: 1px solid black; }
#borderMenu ul ul { position: absolute; visibility: hidden; top: 20px; }
#borderMenu ul li:hover ul { visibility: visible; }
#borderMenu li:hover { background: #fed856; }
Versteht ihr mein Problem und könnt ihr mir helfen?
MfG