Quelltext der Seite FAQ

[[Datei:FAQ icon.svg|150px|right]]
Oft steht man vor einem Problem und kommt nicht weiter, da man gar nicht weiß, was genau nicht funktioniert. Und falls man den Kern des Problems entdeckt hat, ist es gar nicht so einfach ohne den passenden Fachbegriff eine Lösung im Netz zu finden.

Die unten aufgelisteten Fragen enthalten neben einer ausführlicheren Fehlerbeschreibung auch Links auf entsprechende Tutorials in unserem Wiki.

{{:Wie fange ich an?/Der richtige Code-Editor}}

== HTML ==
*[[HTML/Tutorials/Grundgerüst|Welchen doctype soll ich verwenden?]]
*[[HTML/Tutorials/Links/Maus-_und_Tastaturinteraktionen#grafische_Links_mit_CSS_gestalten|Wie kann ich eine Grafik als anklickbaren Verweis verwenden?]]
*[[Zeichencodierung|Wie kann ich fremde Schriftzeichen einfügen?]]
*[[HTML/Tutorials/Quelltext verstecken|Wie kann ich meinen (Code) Quelltext verstecken / schützen?]]
* [[Sicherheit/Zugriffsschutz|Wie kann ich einen Passwortschutz für Seiten programmieren?]]
*[[HTML/Tutorials/Links/Programme ausführen|Wie kann ich mit einem Verweis ein Programm wie Word, Notepad usw. ausführen?]]
*[[Zeichencodierung|Warum validieren Links mit einem kaufmännischen Und-Zeichen (&) darin nicht?]]
=== Was ist das fÃ¼r ein BlÃ¶dsinn? ===
[[Datei:Charcode-Icon.svg|150px|right]]
Warum werden meine Seiten verst&amp;uuml;mmelt angezeigt? Anstelle der Zeichen werden Vierecke oder kryptische Zeichen angezeigt! Das ist eine Frage der [[Zeichencodierung]].
{{clear}}

=== Warum laden meine Bilder nach dem Hochladen auf den Server nicht mehr? ===
[[Datei:Img-not-found.png |150px|right]]
Beim Testen hat noch alles geklappt, jetzt werden die Bilder nicht mehr angezeigt. - Überprüfen Sie, ob die Bilder im richtigen Ordner sind und ob die Groß-und Kleinschreibung  des Bilds und der URL übereinstimmt.
*[[Bilder im Internet/Einbindung mit img]]

=== Warum ist meine Seite auf mobilen Geräten winzig? ===
Mobiltelefone skalieren eine Webseite so, dass sie komplett in den kleinen Bildschirm passt. Dann ist die Schrift aber nicht mehr als solche zu erkennen.

Deshalb muss man im head eine Viewportangabe einfügen, die den Zoom-Faktor auf 1 setzt, eine weiteres Skalieren mit den Fingern aber ermöglicht: 

 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

* [[HTML/Tutorials/Grundgerüst#Viewportangabe|Viewportangabe]]

=== Was ist die richtige Bildschirmauflösung/Fenstergröße? ===
[[Datei:Viewports.png|right|150px|link=Einstieg in CSS/Vom_Entwurf_zum_Layout#Breakpoints:_Inhalt_.C3.BCber_Design]] 
Bei der Vielzahl von Geräten vom 4k-Monitor bis zur Smart-Watch gibt es da '''keine''' feste Lösung für alle Nutzer!

Ihre Webseite muss sich responsiv an alle Situationen anpassen.
* [[Einstieg in CSS/Vom_Entwurf_zum_Layout#Breakpoints:_Inhalt_.C3.BCber_Design|Breakpoints: Inhalt über Design]]

=== Wie kann ich HTML-Elemente mit JavaScript ansprechen? ===
[[Datei:Dom.svg|150px|right]]
Mit JavaScript kann man gezielt einzelne oder mehrere Elemente heraussuchen. Das Aussehen dieser Elemente kann dann durch Hinzufügen/Entfernen einer Klasse verändert werden.

Mit den DOM-Methoden können weitere Elemente eingefügt werden. So reagiert die Webseite auf Eingaben von Benutzern. 
* [[JavaScript und das DOM/Was_ist_das_DOM|Was ist das DOM?]]

=== Wie kann ich eine automatisch ablaufende Präsentation aus mehreren Seiten erstellen? ===
* [[OnePager]]
=== Wie bekomme ich ein kleines Bild in Adresszeile, Reiter und Favoriten/Lesezeichen? ===
[[Datei:Favicon.png|150px|right|link=Favicon]]
* [[Favicon]]
=== Wie kann ich verhindern, dass meine Bilder geklaut werden? ===
[[Bilder im Internet#Wie_kann_ich_verhindern,_dass_meine_Bilder_geklaut_werden?|Wie kann ich die rechte Maustaste sperren, damit niemand meine Grafiken klauen kann?]]

== CSS ==
*[[HTML/Tutorials/Links/Maus-_und_Tastaturinteraktionen|Warum funktionieren die Hover-Effekte bei Verweisen nicht wie gewünscht?]]
*[[HTML/Tutorials/Links/Maus-_und_Tastaturinteraktionen#grafische_Links_mit_CSS_gestalten|Wie erreiche ich, dass Grafiken beim Überfahren mit der Maus gehighlighted werden?]]
* [[Typografie/Textformatierung#text-align|Wie kann ich Blocksatz für Text erzwingen?]]
*[[HTML/Tutorials/Links/Maus-_und_Tastaturinteraktionen#grafische_Links_mit_CSS_gestalten|Wie kann ich den gepünktelten Rahmen um aktivierte Verweise vermeiden?]]
* [[Typografie/Textformatierung|Wie kann ich Text einrücken?]]
* [[Tabellen/Gestaltung mit CSS|Wie kann ich verhindern, dass Browser meine Breitenangaben in Tabellen missachten?]]
* [[Zentrierte Inhalte|Wie können Inhalte zentriert werden?]]

=== Meine CSS-Angaben funktionieren nicht richtig - woran kann das liegen? ===
* [[Einstieg in CSS/Syntax#typische_Fehlerquellen|Meine CSS-Angaben funktionieren nicht richtig - woran kann das liegen?]]

=== Wie selektiere ich nur die Kinder eines Elements? ===
Ich möchte eine Hintergrundfarbe für alle label-Elemente in einem Formular, ohne dass das form selber diese Hintergrundfarbe hat.

* [[Selektoren in CSS/Einstieg#Kombinatoren|Kind-Kombinator]] e > f

=== Kindelement ragt aus Elternelement heraus? ===
Ohne eine Breitenangabe nehmen Blockelemente die Breite des Elternelements ein, Inline-Elemente brechen um, außer, wenn es sich um überlange Wörter handelt.

Irgendwo muss sich eine versteckte Breitenangabe, bzw. ein Grid mit Breitenangaben für die Kindeskind-Elemente befinden.

* [[Einstieg in CSS/Vom Entwurf zum Layout]]
** [[Einstieg in CSS/Vom_Entwurf_zum_Layout#Mobile_first|Mobile first!]] 
=== &hellip; Kopf- und Fußzeilen nicht mitdrucken? ===
[[Datei:Printer-Icon.svg|150px|right]]
* [[Print-CSS]]
{{clear}}

===Wie gestalte ich mehrspaltige Layouts mit CSS? ===
<div style="float:right;margin-left:1em;">[[Grid Layout|<span style="border-color:#337599; background: #e6f2f7;"><span style="font-size: 1.25em;font-weight:bold;text-align:center;display:grid;grid-template-columns:60px 100px min-content;gap:0.2em">
<span style="background:#c82f04;color:white;grid-column:1/-1;">HEADER</span>
<span style="background:#dfac20;">NAV</span>
<span style="background:#93b946;line-height:350%;">MAIN</span>
<span style="background:#e6f2f7;line-height:350%;">ASIDE</span>
<span style="background:#337599;color:white;grid-column:1/-1;">FOOTER</span>
</span></span>]]</div>
Wenn der Bildschirm breit genug ist, kann man Seitenelemente '''nebeneinander''' anordnen. Früher war das kompliziert - heute gibt es Grid Layout:
* [[Grid Layout#Einführung|CSS/Tutorials/Grid Layout]]
{{clear}}

=== Wie kann ich erreichen, dass Verweise nicht unterstrichen werden? ===
[[Datei:Link-icon.svg|150px|right]]
„Ich möchte meine neue Webseite stylish haben - alles soll in einem eleganten Farbton gehalten sein!“

- Verweise sollten immer als solche erkennbar sein - am Besten mit mehreren Merkmalen!

* [[HTML/Tutorials/Links/Referenzieren in HTML#Textlinks_mit_CSS_gestalten|Wie sehen gute Links aus?]]
{{clear}}

=== Kann ich  WordPress mit eigenem CSS individuell gestalten?  ===
[[Datei:SELF-wordpress.svg|150px|alt=Wordpress-Icon|right]]
Im beliebten CMS WordPress ist es möglich, eigene Stile festzulegen. 

Damit dort vorgenommene Änderungen bei einer automatischen Aktualisierung nicht überschrieben werden, empfiehlt es sich aber ein eigenes Child Theme zu definieren.

→ [[WordPress/Child Theme einrichten]]

=== Fixer Footer ===
* [[Flexbox/Feststehender Footer|Wie realisiere ich einen feststehenden Footer?]]

== JavaScript ==
* [[Browser/JavaScript aktivieren|Wie kann ich JavaScript aktivieren bzw. deaktivieren?]]
=== Zweites Script funktioniert nicht ===
„Ich habe ein Script im Body ganz oben und eine zweite Animation mit JS etwas weiter unten. Leider funktioniert die Animation nicht auf der Seite. Im reduzierten Online-Beispiel geht's.“

* [[Warum online-Beispiele besser als das Posten von Code sind!]]

Du kannst im Seiteninspektor untersuchen, ob das zweite Script lädt. Benutzen beiden Scripte die gleichen ids? Stören globale Variablen aus dem ersten Script?

* [[Einstieg in JavaScript/Programmieren und Debuggen]]

=== Rechenfehler ===
* [[Programmiertechnik/Rechnerarithmetik|Wieso habe ich beim Rechnen mit Dezimalzahlen Rechenfehler?]]

== Webserver ==
=== Wie kann ich Teile meiner Webseite auslagern? ===
[[Datei:Vorwissen-icon.svg|right|150px|alt Templates|link=PHP/Tutorials/Templates]]
Muss ich Navigation und Footer für alle Unterseiten mit Copy&Paste immer wieder ausbessern? - Nein, Sie können diese in PHP einmal festlegen und dann beliebig oft aufrufen.
* [[PHP/Tutorials/Templates]]

{{clear}}

=== Wie kann ich Besucher automatisch zu einer anderen Seite weiterleiten? ===
[[Datei:301-Icon.svg|150px|right]]
Manchmal benennt man eine Seite um und hat eine andere URL.

Wie kann man Nutzern, die die alte Seite aufrufen, direkt umleiten?

* [[Webserver/htaccess/Umleitungen mit mod rewrite]]

== Browser ==
* [[Browser/Cookies erlauben|Wie kann ich Cookies erlauben bzw. verbieten?]]

== [[SELFHTML:Verein|SELFHTML]] ==
* [[Hilfe:Forum/Charta_des_SELFHTML-Forums|Charta des SELFHTML-Forums]]




{{Fortsetzung|
vorher=SELFHTML (Startseite)|vorherlink=SELFHTML|
weiter=Einstieg ins Wiki|weiterlink=Hilfe:Wiki/Einstieg|
übersicht=Hilfe <br>(Übersicht)|übersichtlink=Hilfe}}

[[Kategorie:Hilfe]]
[[Kategorie:Portal]]
[[Kategorie:HTML|!]]
[[Kategorie:CSS|!]]