Css html verlinkung und gestaltung?

...komplette Frage anzeigen

2 Antworten

JLewko: Meinst Du, wie man das CSS mit dem html "verlinkt", oder wie meinst Du das?

Oder sie möchte der Tabelle einen Style hinzufügen. Dann muss sie der Tabelle eine Klasse hinzufügen und diese im CSS ansprechen:

HTML (z.B. index.html)

<table class="my-table-class">
    <!-- Dein Inhalt der Tabelle -->
</table>

CSS (z.B. style.css)

.my-table-class {
    //Dein Styling der Tabelle
}

my-table-class kannst du natürlich nennen, wie du möchtest. Nur muss das dann im HTML und im CSS gleich sein und im CSS mit einen vorangestellten Punkt angesprochen werden, wie du siehst. Anstelle der jeweiligen Kommentare (<!-- --> und //) musst du natürlich nun den entsprechenden Inhalt packen.

Antwort bewerten Vielen Dank für Deine Bewertung

Meinst Du, wie man das CSS mit dem html "verlinkt", oder wie meinst Du das?

Also, wenn Du CSS in ein HTML-Dokument einbinden möchtest, dann hast Du zwei Möglichkeiten.

1. Direkt im HTML-Code Deine Angaben machen:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Seitentitel</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-15 />

<style type="text/css">
/* <![CDATA[ */

body{font-family: arial;} --> Das ist CSS

/* ]]> */
</style>

</head>

<body>
<h1>Tabelle</h1>

</body>
</html>




2. Oder Du bindest das CSS über eine externe Datei ein.

Das geht so:

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

So bindest Du die Datei "style.css" ein, in der dann Dein CSS steht.

Was das Design der Tabelle angeht, google mal nach "Zebra Tabellen CSS Anleitung", da wirst Du fündig!

LG, Julia

Antwort bewerten Vielen Dank für Deine Bewertung
Kommentar von JLewko
26.10.2016, 21:31


Die Datei liegt in diesem Beispiel in demselben Ordner wie die
HTML-Datei. Alternativ kannst Du für CSS einen eigenen Ordner bauen,
damit alles seinen Platz hat.

Dann müsstest Du die Datei angeben mit:


<link rel="stylesheet" href="CSS/style.css" usw.

oder

<link rel="stylesheet" href="../CSS/style.css" ...



...wenn Du eine Ebene höher musst in der Ordnerstruktur. Das erreicht man mit ../ !



LG, Julia


0

Was möchtest Du wissen?