Frage von ellaaax3, 22

Css html verlinkung und gestaltung?

Hallo leute, wir machen gerade eine Tabelle in html und die Gestaltung dafür mit css nur kann ich die nicht miteinander verlinken und die Gestaltung klappt auch nicht so wie ich möchte hättet ihr ein paar Ideen zur Gestaltung? Und könnt ihr mir sagen wie ich die miteinander verlinke? Danke schon mal im Voraus

Antwort
von Minilexikon, 6

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
von JLewko, 9

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

Kommentar von JLewko ,


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


Keine passende Antwort gefunden?

Fragen Sie die Community