Muss man für jede html Unterseite ein css Dokument machen?

Hi, habe eine Hauptseite(index.html) mit einem css Dokument und dazu mehrere Unterseiten wie z.b. das Impressum(index_impressum.html).Wenn ich jetzt den Text bearbeiten will, muss ich dann für alle Unterseiten (bzw. html Dokumente) ein eigenes css Dokument machen?Danke im Vorraus!

4 Antworten

17.02.2014, 21:17

Wenn du immer das gleiche Layout haben willst, dann brauchst du einfach in jedem Dokument eine Zeile hinschreiben.

 <html><head>
 <link rel="stylesheet" type="text/css" href="layoutcss.css">  
</head>
<p>....</p>
</body>
</html>

Unicorn2rainbow

07.01.2021, 22:09

ich habe jedoch für jede Seite ein unterschiedliches Design, deshalb auch die unterschiedliche CSS-Datei

poppie206

Beitragsersteller

18.02.2014, 17:37

aja stimmt, ich kann ja jedes html Dokument mit einem css Dokument verbinden.Danke!

17.02.2014, 20:34

nein, musst du nicht, istvja gerade der sinn von css, die zentralisierte formatierung von inhalten. du musst natürlich auf jeder seite dein stylesheet referenzieren.

Unicorn2rainbow

07.01.2021, 22:11

ich habe jedoch immer unterschiedliche designs deshalb mehrere css dateien

Charlie15932453

17.03.2014, 23:43

nein css beruht darauf, das man nicht viel schreiben muss (bzw fast nichts) ! wenn du für die index.html seite eine css-datei erstellt hast, wirkt sie auch auf die unterseiten. Sie wird sozusagen über die ganze Website gestülpt. Du solltest jedoch beachten, dass der zuletzt geschriebene tag z..b. in der datei: h1 {color: blue; } und dann die dritte h1-überschrift ... definierst, dann ist sie grün statt blau. ich hoffe damit ist deine frage beantwortet :-)

17.02.2014, 20:01

HTML>>Text, CSS>>Layout

Ähnliche Beiträge

Unterseite Webseiten HTML?

Ich habe gerade meine Website erstellt. die Startseite (index.html) habe ich nun auf den ftp server hochgeladen. Wie kann ich nun Unterseiten erstellen?

Also z.B

domain.de/impressum

Wie muss ich das HTML benennen und wenn ich es auf den FTP-Server hochgeladen habe, was muss ich dann noch machen?

Ich möchte ein HTML-Dokument mit einem CSS-Dokument verbinden, per <link rel="stylesheet" href="stylesheet.css">. Wieso funktioniert das nicht?

Ich möchte ein CSS-Dokument mit einem HTML-Dokument verbinden, undzwar mit dem Code:

<link rel="stylesheet" href="stylesheet.css">

Aber es funktioniert nicht?

Box ohne text <html/CSS>?

Hallo,

ich möchte eine Box also einen quader programmieren mit Rahmen (kein text imput), in den ich später einen Button reingeben und den border-radius möchte ich auch bearbeiten.

Kennt irgendjemand den html code dafür?

Danke im voraus

Einzelne Buchstaben über CSS färben, wie?

Ich möchte über CSS in einem HTML Dokument einzelne Buchstaben eines Wortes färben. Z.B. Hallo (H in Grün, a in blau, l in lila, usw.)

Kann mir jemand sagen wie genau das funktioniert?

Am besten gleich die Syntax.

Txt Text in html/css dokument kopiert - nachvollziehbar?

Hallo! Mich würde interessieren, ob man nachvollziehen kann, wenn Texte aus einem .txt Dokument in eine index.html/stylesheet.css kopiert werden?

Kann ich den Schreibverlauf in Notepad++/Dreamweaver oder vergleichbaren Anwendungen nachvollziehen im Nachhinein?

Wo kann ich in WordPress die HTML Datei bearbeiten?

Hallo, Ich bin gerade am verzweifeln und hoffe, dass mir jemand von euch helfen kann. Ich benutze in wp das Theme "embr" und ändere momentan die Seite etwas mit Hilfe des Editors. In diesem kann ich allerdings nur die PHP und CSS Dateien bearbeiten. Ich benötige bei meinem Vorhaben aber auch dringend die HTML Datei, die ich nirgends finden kann. Ich finde auch im FTP-Server keine Index.html Datei oder ähnliches. Weiß jemand wo ich diese finde bzw bearbeiten kann? Danke im voraus!

NavBar auf jeder Unterseite einbauen (Webdevelopment)?

Hallo, es gibt auf so ziemlich jeder Website Elemente, die auf fast jeder Unterseite vorkommen. Ein Beispiel dafür wäre die NavBar. Diese ist bei den meisten Websites überall. Wie bringt man aber dieses Element auf jede Unterseite? Bei jeder Unterseite den ganzen HTML, CSS und JavaScript Code reinzukopieren wäre ja sehr mühsam.

Diese Aufgabe kann man mit Framworks lösen, wie z.B. VueJS wo man Komponenten verwendet. Welche Methoden gibt es sonst noch, vielleicht sogar ganz ohne Framework?

Kann ich einen Footer in einer CSS-Datei erstellen?

Moin,

Ich muss für mein Informatik-Projekt eine HTML-Seite erstellen und möchte eine Art Impressum im Footer erstellen, diesen aber nicht für jede Seite neu erstellen, kennt da jemand einen Weg?

Danke im vorraus

HTML CSS Hover Animation?

Hallo. Ich versuche eine eigene Website zu erstellen mit HTML und CSS. Nun bin ich auf ein Problem gestoßen. Ich versuche seit langem eine Hover Animation auf ein Text einzufügen. Den CSS Code habe ich von der Webseite ui-snippets.dev . Ich bekomme die Hover Animation nicht zum Funktionieren. Die Animation kommt nur wenn ich beim content ein Text eingebe. Dann ist aber die Animation viel zu groß, da die große vom eingegeben Content Text benutz wird.

Bilder vom Code im Anhang.

Dark-Mode White-Mode Schalter Position verschieben?

Guten Abend, ich benötige Hilfe bei einer Website, die ich derzeit programmiere. Ich versuche einen "Dark-Mode" An-Aus Schalter hinzuzufügen. Dabei stoße ich derzeit auf ein Problem: Ich würde den betreffenden 'Knopf' zum ändern der Hintergrundfarbe gerne an den oberen, rechten Seitenrand verschieben, jedoch finde ich nicht den richtigen Befehl an der richtigen Stelle dazu. Ihr kennt euch sicherlich besser mit so etwas aus. Vielen Dank schon mal im Voraus.

(Entschuldigung für die fehlende Formatierung, die Nachricht hätte sonst zu viele Zeichen) + (CSS-Datei befindet sich in den Kommentaren)

Hier der Code der HTML-Seite:

<html lang="de">
<head>
<meta charset=utf-8>
<title>Test-Titel(Tab)</title>
<link rel="Stylesheet" href="TestSeite.css">
</head>
<body>

<form>

<!-- LOGO -->

<div class="Logo">

<a href="https://www.google.com/"> <img src="ImpressumsSymbol (sklein).png"> </a>

</div>

<!-- ----- -->

<!-- HIER BEFINDET SICH DIE FRAGE -->

<input id="dark-mode" class="toggle" type="checkbox" name="Dark mode" role="switch" value="on">

<div class="curtain"></div>

<!-- UEBERSCHRIFT -->

<div class="Ueberschrift">

<h1> <b> ÜBERSCHIRFT </b> </h1>

<h2> IMPRESSUM </h2>

</div>

<!-- ----- -->

<!-- BUTTONS -->

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<a href="https://www.google.com/" class="btn-flip" data-front="TEXT" data-back="TEXT"></a>

<!-- ----- -->

<!-- KONTAKT -->
<div class="Impressum">

<h2> <u> TEXT </u> </h2>

</div>

<center>

<p>
<strong>
TEXT
</strong>
<br>
TEXT
<br>
TEXT
</p>
<p>
TEXT
<br>
TEXT
</p>

<p> TEXT </p>

</center>
<!-- ----- -->
<!-- IMPRESSUM -->
<div class="Impressum">

<h2> <u> IMPRESSUM </u> </h2>

<h3>TEXT</h3>

<p> TEXT
<br>
TEXT
<br>
TEXT
</p>
<p> TEXT
<br>
TEXT
</p>

<p>
<strong>
TEXT
</strong>
<br>
TEXT
</p>

<h2>TEXT</h2>
<p> TEXT
<br>
TEXT
<br>
TEXT
</p>
<p>
<a href="https://www.google.com/" class="link">TEXT</a>

</p>
<p>
TEXT
</p>

<h3>Haftung für Inhalte</h3>
<p>
TEXT
</p>
<p>
TEXT
</p>

<h3>TEXT</h3>
<p>
TEXT
</p>
<p>
TEXT
</p>

<h3>TEXT</h3>
<p>
TEXT
</p>
<p>
TEXT
</p>

</div>

<!-- ----- -->





</form>

</body>

</html>

Wie kann ich ein Foto in einer CSS oben links in die Ecke machen?

Moin, ich möchte ein Bild in meiner CSS oben links in die Ecke machen, damit das auf jeder Seite so ist.

Der Code für meine HTML:

<!doctype html>
<html>
<head>
<title>Informatik</title>
<link href="Kurz.css" rel="stylesheet" type="text/css">
</head>
<body>
<footer></footer>
<script language="javascript" type="text/javascript" src="Footer.js"></script>
</body>
</html>

Der Code für CSS:

html {
  height: 100%;
}
body {
 background-image: url("Bilder/getraenkeguenther.jpg");
 background-repeat: no-repeat;
 background-position: left top;
 min-height: 100%;
 margin: auto;
 display: flex;
 flex-direction: column;
}
footer {
  margin-top: auto;
  height: 200px;
  text-align: center;
background-color: deepskyblue;
}

Der Code der JS:

var footer = `
<a>Impressum</a>
`;
document.getElementsByTagName("footer")[0].innerHTML = footer;

Das backgroundimage soll quasi als einzelnes Bild oben links in die Ecke

VS Code CSS funktioniert nur wenn es im HTML Code ist?

Hi,

wenn ich CSS ins HTML mit <style></style> einfüge, funktioniert es.

Kann man auch einstellen, dass es in unterschiedlichen Dokumenten ist, wie hier:

Wenn ich es allerdings so mache, funktioniert es nicht.

Funktioniert es mit unterschiedlichen "Dokumenten" oder muss ich es mit <style> machen?

Google Search Console einzelne Unterseiten entfernen lassen?

ich habe eine Website die beispiel.de heisst aber google hat nicht nur beispiel.de indexiert sondern auch /impressum /datenschutz und /AuthorMax.
Einige unschöne Unterseiten die leider auch sehr weit hochrutschen und sogar unter der Hauptseite angezeigt werden.

Welches von den beiden muss ich auswählen und wie soll ich es eintragen ?

Muss Https:// dabei stehen und www ?
Möchte nicht ausversehen beispiel.de und alle dazugehörigen entfernen, nur 3-4 bestimmte.

HTML und CSS: Text im Button zentrieren?

Auf dem Bild ist ein Bild der Buttons, HTML und meiner CSS Datei.

Ich möchte jetzt den Text in den Buttons, also "Youtube" und "Spotify", zentriert und etwas größer ist.

Was möchtest Du wissen?

Deine Frage stellen

gf-shortened-block.is-short { max-height: none !important; } gf-shortened-block.is-short::after { display: none !important; } body { font-family: 'Roboto',sans-serif !important; } h1,h2,h3,h4,h5,h6 { font-family: 'Roboto Slab',serif !important; }