• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Stylesheet in HTML einbinden funktioniert nicht

  • Ersteller Ersteller yoursmilie
  • Erstellt am Erstellt am
Status
Für weitere Antworten geschlossen.
Y

yoursmilie

Guest
Ich versuche eine externe CSS Datei in die Homepage einzubauen:
HTML: 
<link rel="stylesheet" type="text/css" href="style.css">
Mein Stylesheet sieht dann so aus:

Code: 
<style type="text/css">
.text {font-size:40pt; font-family:"Times New Roman";}
</style>
(erstmal nur zum Testen)
In der Tabelle steht dann natürlich class="text". Aber es funktioniert nicht, wie man hier (Link entfernt) sehen kann. Weder im FF noch im IE funktioniert es. Aber als ich es mit Opera testete wird die Schrift groß angezeigt (40pt).

Was mache ich falsch?

Und noch gleich eine Frage: Warum sieht das Tabellen Design im IE so merkwürdig aus und im FF sieht es so aus, wie es sein soll?
 
Zuletzt bearbeitet von einem Moderator:
asd schrieb:
mach einfach das <style></style> weg !
Zum Vergrößern anklicken....
Hm, erscheint mir logisch :arrow: hätte ich auch selber drauf kommen können. Danke vielmals. :)

Es bleibt aber immer noch bei meiner zweiten Frage. :(
 
Zuletzt bearbeitet von einem Moderator:
Hallo,

ich habe auch ein Problem mit der .ccs - Datei und dachte, bevor ich ein neues Thema eröffne, was den selben oder ähnlichen Titel trägt, könnte ich meine Frage auch hier posten. Ich hoffe du hast nichts dagegen, yoursmilie.(?)

Ich habe folgendes Problem:

Habe ebenfalls eine CCS-Datei und gebe da folgendes an:

HTML: 
<STYLE type=text/css>
 
A:link{font-weight: bold; text-decoration: none; color:#758DB5;}
A:visited{font-weight: bold; text-decoration: none; color:#758DB5;}
A:hover{font-weight: bold; color: #ACBBDA; TEXT-DECORATION: none}
BODY {
 SCROLLBAR-FACE-COLOR: #758DB5;
 FONT-SIZE: 7pt;
        LINE-HEIGHT: 8pt;
 SCROLLBAR-HIGHLIGHT-COLOR: #173652;
 SCROLLBAR-SHADOW-COLOR: #173652;
 COLOR: #ACBBDA;
 SCROLLBAR-ARROW-COLOR: #000000;
 SCROLLBAR-TRACK-COLOR: #173652;
 FONT-FAMILY: tahoma;
 SCROLLBAR-DARKSHADOW-COLOR: #000000;
 SCROLLBAR-BASE-COLOR: #173652;
}
 
</STYLE>

Mir geht es eigentlich nur um Zeile 3-5. Und zwar funktioniert zwar die Hover und auch die Visited "Funktion" jedoch der Link an sich, sieht nicht so aus, wie ich es hier, in der CSS-Datei angegeben habe, sondern er hat sein Standartaussehen: #0000FF | nicht bold | unterstrichen.

Kann mir vielleicht jemand helfen? :-|

Grüße,
Piper
 
Zuletzt bearbeitet von einem Moderator:
Piper schrieb:
Ich hoffe du hast nichts dagegen, yoursmilie.(?)
Zum Vergrößern anklicken....
Natürlich nicht. :smile:

Prophet schrieb:
Für frage zwei wäre der komplette CSS und HTMl code notwendig
Zum Vergrößern anklicken....
Die CSS Datei kannst du oben sehen und den HTML hätte man auch auf der Seite erfahren können (Quelltext). Aber damit es hier auch steht: :smile:

PHP: 
 <?php
//Konfiguration

$dateien = array(); //Erstellt einen neuen Array $dateien
$dateien['home'] = "home.php"; //für jede Section ein neue Variable
$dateien['news'] = "news.php";  //usw.
$dateien['gallerie'] = "gallerie.php";
$dateien['error'] = "error.php";
?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Titel</title>
<meta name="author" content="T.K.">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table border="1" class="text">
  <tr>
    <td rowspan="2" style="width:70%;height:120px;background-image: url(entfernt);"></td>
    <td vAlign="top"><p class="text">Hallo</p></td>
    </tr>
    <tr vAlign="top">
          <td>Wer</td>
     </tr>
  </table>
   <table border="1" style="border-top:0px; border-bottom:0px;" class="text">
  <tr>
  <td style="height:40px;">
  <a href="index.php?page=gallerie">Gallerie </a>
  </td>
  </tr>
  </table>
  <table border="1" style="border-bottom:0px">
  <tr>
  <td vAlign="top">
<?php
if(isset($_GET['page']) AND isset($dateien[$_GET['page']]))
{
 if(!file_exists($dateien[$_GET['section']]))

 include $dateien[$_GET['page']];
}
else
{
  include $dateien['error'];
}
?>
  </td>
  </tr>
  </table>
  <table border="1" style="border-top:0px;" class="text">
  <tr>
  <td style="text-algin:middle;">
  <div style="text-align: center"><br>&copy 2006 by Smilie  </div>
  </td>
  </tr>
  </table>
 </body>
</html>
 
Zuletzt bearbeitet von einem Moderator:
Piper schrieb:
Habe ebenfalls eine CCS-Datei und gebe da folgendes an:

Code: 
<STYLE type=text/css>
 
A:link{font-weight: bold; text-decoration: none; color:#758DB5;}
A:visited{font-weight: bold; text-decoration: none; color:#758DB5;}
A:hover{font-weight: bold; color: #ACBBDA; TEXT-DECORATION: none}
BODY {
 SCROLLBAR-FACE-COLOR: #758DB5;
 FONT-SIZE: 7pt;
        LINE-HEIGHT: 8pt;
 SCROLLBAR-HIGHLIGHT-COLOR: #173652;
 SCROLLBAR-SHADOW-COLOR: #173652;
 COLOR: #ACBBDA;
 SCROLLBAR-ARROW-COLOR: #000000;
 SCROLLBAR-TRACK-COLOR: #173652;
 FONT-FAMILY: tahoma;
 SCROLLBAR-DARKSHADOW-COLOR: #000000;
 SCROLLBAR-BASE-COLOR: #173652;
}
 
</STYLE>
Zum Vergrößern anklicken....
Auch du solltest in der externen CSS-Datei die <style> Tags weglassen.
 
Zur Aufklärung:
Die <style> - Tags fügt man nur ein, wenn man den CSS in eine HTML Seite einbindet, d.h. <style> ist ein HTMLTag.
 
Kann mir jemand helfen, warum es falsch/anders dargestellt wird? :)
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben