warum ist h1 auf der Website so klein?

Bild zum Beitrag

warum ist die erste Schrift so klein?

2 Antworten

Ireeb

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

17.03.2022, 21:22

Ohne weitere Infos kann man nur sagen:

Weil keine größere Schriftgröße eingestellt wurde.

Woher ich das weiß:Berufserfahrung – Tätigkeit als Webentwickler in einer Digitalagentur

Dogukan1804

Fragesteller

17.03.2022, 21:24

ich hab nichts eingestellt halt nur h1 und das sieht sehr klein aus und wenn ich mit font size versuche es größer zu machen wird das Hintergrundbild auch größer und verschiebt sich oder es passiert nichts

Ireeb

17.03.2022, 22:50

@Dogukan1804

Und nochmal: Ohne genauere Infos wie du das bisher aufgebaut hast, kann ich keine sinnvollen Antworten geben. Am besten einfach den Code posten den du bisher hast.

Hast du getrennte HTML- und CSS-Dateien? Falls ja, dann bitte beides posten. Falls nein, dann würde ich empfehlen, sie aufzutrennen, da kann ich dir dann auch gerne erklären, wie das geht. Ist dann nämlich deutlich übersichtlicher.

tobi3443549thz

17.03.2022, 21:25

wenn es für dich klein es benutze <div style="font-size: px > </div>

DodgeRT

17.03.2022, 21:46

Wenn es mit dem Hintergrund größer wird, dann hast was falsch eingestellt. Versuch Mal die font-size in CSS zu ändern bei h1.

Wenn des nicht geht, developmemt Tools anschauen wo es hängt

Ähnliche Fragen

html schrift größer als h1

geht das, und wenn ja wie?

...zur Frage

css: wie schriftart für ganze website festlegen?

damit lege ich es ja nur für h1 fest, wie mache ich es aber dass es für ALLE schriften ist ??

h1 {
    font-family: Vivaldi;
}

...zur Frage

Kann man mehrere Schriftarten in CSS nutzen?

Ich lern gerade HTML/CSS und habe folgendes Problem: Ich will, dass die H1 Überschriften auf meiner Seite eine andere Schriftart haben als die anderen Elemente. Ich habe jetzt beim CSS Code die gewünschte Schriftart für h1 festgelegt, aber entweder wird alles in der normalen Standartschrift angezeigt oder alles in der Schrift, die ich nur für die Überschriften haben will. Gibt es einen Weg, mehrere Schriftfamilien gleichzeitig zu nutzen ohne es direkt ins HTML reinzuschreiben?

...zur Frage

scroll animation mit javascript?

 window.onscroll = function() {scrollFunction()};
                
                function scrollFunction() {
                  if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
                    document.getElementById("pic").style.marginTop = "0px";
                    document.getElementById("pic").style.marginLeft = "900px";
                    document.getElementById("pic").style.width = "100px";
                    document.getElementById("pic").style.height = "100px";
                    document.getElementById("h1").style.width = "1003px";
                    document.getElementById("h1").style.height = "60px";
                    document.getElementById("h1").style.marginTop = "0px";
                    document.getElementById("h1").style.textAlign = "center";
                  } else {
                    document.getElementById("pic").style.marginTop = "110px";
                    document.getElementById("pic").style.marginLeft = "800px";
                    document.getElementById("pic").style.width = "200px";
                    document.getElementById("pic").style.height = "200px";
                    document.getElementById("h1").style.width = "250px";
                    document.getElementById("h1").style.height = "50px";
                    document.getElementById("h1").style.marginTop = "195px";
                  }

Hi, kann mir vielleicht jemand helfen die scroll animation so zu gestalten, dass sie nicht so abrupt geschieht ?

..oder gibt es eine bessere Lösung für mein Vorhaben, bzw wie könnte man es einfacher coden ?

Sry, bin totaler Anfänger =)

...zur Frage

Text für Web-Seiten mit CSS in Dreamweaver formatieren?

Das lernen wir grade in der Schule. Dazu müssen wir uns von einer Seite zB. einen kurzen Nachrichtenartikel suchen. Irgendwas funktioniert hier bei mir aber nicht. (Siehe Bild) Was fehlt mir/mache ich falsch? Die Schrift von h1 wird nicht übernommen.

...zur Frage

Welche schrift bei website?

Ich will eine website machen, aber ich hab bei einem video gesehen dass wenn man google fonts benutzt dass das illegal ist, wie soll ich anders andere schriftarten verwenden?

...zur Frage

Wie kann ich einen Text in JavaScript positionieren?

Moin, ich möchte die einzelnen Wörter in JS bewegen, wie geht das?

JS-Code:

var footer = `

<h2> Service-Hotline </h2>

<h2> Quellen </h2>

<h2> Anfahrt </h2>

<p></p>

<h1><a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"> Quellenverzeichnis </a></h1>

<h1><a href="https://www.google.de/maps/place/Heischberg+6,+24329+Dannau/@54.2467622,10.5792516,17z/data=!3m1!4b1!4m5!3m4!1s0x47b263e46411918d:0xc44a9eacc772c79d!8m2!3d54.24676!4d10.5807992"> Karte </a></h1>

document.getElementsByTagName("footer")[0].innerHTML = footer;

...zur Frage

H1 in der Mitte ausrichten?

Mit text-align hab ich meinen h1 zentriert. Wie bekomm ich ihn aber, dass er nicht nur oben in der Mitte ist sondern in der Mitte Mitte, also im mitten Bildschirm oder Tab?

...zur Frage

HTML/CSS Bilder hinter Text

Hallo Community,

ich arbeite zurzeit an einer kleinen Website (Privat) und würde gerne Bilder hinter Texte bzw. Schriften positioneren.Wenn ich es z.B. so angebe:

Willkommen!

Test Test Test Test Test

dann stehen h1 und p unter dem Bild :/ wie kann ich das ändern?

...zur Frage

Zeilenabstand h1 verringern Css?

Hey ihr!

Ich prorammiere gerade einein website und habe 3 Problem, die ich in unterschiedlichen Fragen erläutere, dass es übersichtlich bleibt: ^^

1. Möchte ich den zeilenabstand im Reiter verringgern ( siehe bilder)

...zur Frage

Über PHP HTML Quellcode auslesen und in Variable speichern?

Hallo,

Kennt jemand eine Möglichkeit wie ich mit PHP einen bestimmten Teil HTML Quellcode aus der gerade geöffneten Seite/oder generell aus einer Datei auslesen kann und diesen dann als Text in einer ganz normalen PHP Variablen speichern kann.

Mit bestimmten Teil meine ich zum Beispiel alles was in einem Element wie einem div mit einer bestimmten id steht.

Zum Beispiel dieser HTML Code:

<body>
  <div id="Div1">
      <h1> Nicht dieses Div </h1>
  </div>

  <div id="Div2">
      <h1> Dieses Div </h1>
  </div>

  <div id="Div3">
      <h1> Nicht dieses Div </h1>
  </div>
</body>

Wenn ich dann den Inhalt von Div2 in eine PHP Variable schreiben wil soll in der Variable: "<h1> Dieses Div </h1>" stehen.

Ich hoffe meine Frage ist verständlich und jemand kennt eine Lösung.

Vielen Dank im voraus :D

...zur Frage

Website schrift ändert sich nicht?

Font face wurde verwendet.

Ich hatte vorher eine andere Schriftart installiert und ausgewählt in der css datei .

nun zeigt mir die webseite noch immer die alte schrift an, sogar dann, wenn ich die schriftart aus dem ordner entferne oder in der css datei den namen umbenenne. (dann müsste es normalerweise die standard html schrift anzeigen)

...zur Frage

Bild mit GIF im Hintergrund?

Hallo,

ich bekomme es hin, eine einfache Schrift, mit einem GIF zu hinterlegen.

HTML:

<a href="Startseite.html">
  <h1 class="Blackseries">Blackseries</h1>
</a>

CSS:

.Blackseries {
  color: transparent;
  background-image: urlhttps://media.giphy.com/media/cM2jGL4t1azcHV83Ba/giphy.gif);
  background-position: center;
  -webkit-background-clip: text;
  font-size: 50px;
  font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, 'sans-serif';
}

Allerdings würde ich jetzt gerne ein Bild benutzen, welches transparente Stellen hat. Diese transparenten Stellen sollen dann durch das GIF ausgefüllt werden.

Ich habe auch schon im WWW geschaut, trotzdem habe ich bisher noch nichts gefunden. Vielleicht habe ich auch falsch gesucht?

Hat jemand einen Code bzw. eine Seite, wo beschrieben wird, wie man so etwas machen könnte?

LG UpdateD

...zur Frage

HTML CSS : Texte werden nicht angezeigt?

Sobald ich einen Text in Form von <p> oder <h1> plaziere wird diese aber nicht auf der Website angezeigt. Probiert es gerne mal auf meinen Code: https://jsfiddle.net/JetztMitte/xaeyrcn8/3/

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen