Website formatierung verschiebt sich immer?

Hallo. Ich hab für die Schule ne website mit html programmieren müssen. Dabei ist mir jedoch aufgefallen, dass wenn ich die website auf dem PC von der Schule öffne, alle Elemente komplett verschoben sind und wenn ich die Formatierung anpasse ist sie wenn, ich sie auf meinem Laptop öffne, wieder verschoben. Wie kann man das ändern?

regex9

24.01.2024, 00:48

Mit welchen konkreten Mitteln (CSS-Properties u.ä.) positionierst du deine Elemente?

Heyy123431

Beitragsersteller

28.01.2024, 01:56

Css

1 Antwort

Vom Beitragsersteller als hilfreich ausgezeichnet

Xandros0506

23.01.2024, 23:34

Wie kann man das ändern?

Indem man sich das Thema "Responsive Webdesign" anschaut und seine Formatierungen mittels CSS und MediaQueries an die Auflösungen der möglichen Endgeräte anpasst.

@media (max-width: 1250px){
 ...
}

betrifft dann alle Displays, die maximal 1250 Pixel in der Breite darstellen. Was innerhalb des Blocks an CSS-Klassein und -IDs angegeben wird, betrifft dann nur die Darstellung auf dieser Displaygrösse.

Und in der Regel verwendet man 3-4 verschiedene Größenangaben, damit man die gängigen Displaygrößen von Smartphones, Tablets, Notebooks/PCs und Großbildmonitoren abdeckt.

Ähnliche Beiträge

Css+html Navbar verschoben?

Hallo :)

Ich baue mir gerade eine Website auf und habe ein Burger-menü in Css und Html angelegt, allerdings ist der Navigationsbereich nicht unter dem Icon sondern verschoben darüber, wodurch das Menü nicht gut aufklappbar ist.

In Css habe ich bereits versucht durch nav{...} den Bereich von Html anzupassen (auch mit dem Boxenmodell) aber ich kenne auch noch keinen Befehl der das verschiebt, oder es funktioniert einfach nicht.

Ich wäre auf jeden Fall sehr dankbar für Hilfe!

LG Sabine

...zum Beitrag

Wie kann ich den Abstand zwischen HTML-Tags entfernen?

HI, ich programmiere gerade einen Taschenrechner in HTML/CSS/JavaScript und möchte den Abstand zwischen den Elementen entfernen. Margin, Padding und Border sind bereits auf 0 gestellt. Der Abstand ist auch nur horizontal zwischen den Elementen. Vielen Dank im Voraus :-)

...zum Beitrag

HTML "Weiterleitung"?

Hallo,

ich mache gerade Websites. JavaScript, HTML und CSS kann ich bereits. Ich würde gerne wissen, wie ich von "Beispielwebsite.net" zu "Beispielwebsite.net/beispiel" komme. Ich habe überlegt es mit JavaScrpit zu machen. Indem ich einfach das gewünschte HTML Dokument öffne. Will aber den Weg erstmal ausschließen falls es anders geht.

Wie geht das?

...zum Beitrag

HTML Taschenrechner?

Hey ich habe einen HTML Taschenrechner von einer Website kopiert von einer Website und ich will jetzt den Taschenrechner so programmieren das er nicht über hundert rechen kann bzw. Eine Fehler Meldung dann kommt so das immer ein Fehler kommt wenn ich über hundert rechnen tun ich hab schon im Internet mich belesen aber finde nix leider vielleicht könnt ihr mir helfen

<html>
<head>
<title>HTML-Taschenrechner </title>
</head>
<body bgcolor= "# 000000" text= "gold">
<form name="calculator" >
<input type="button" value="1" onClick="document.calculator.ans.value+='1'">
<input type="button" value="2" onClick="document.calculator.ans.value+='2'">
<input type="button" value="3" onClick="document.calculator.ans.value+='3'">
<input type="button" value="+" onClick="document.calculator.ans.value+='+'">
<input type="button" value="4" onClick="document.calculator.ans.value+='4'">
<input type="button" value="5" onClick="document.calculator.ans.value+='5'">
<input type="button" value="6" onClick="document.calculator.ans.value+='6'">
<input type="button" value="-" onClick="document.calculator.ans.value+='-'">
<input type="button" value="7" onClick="document.calculator.ans.value+='7'">
<input type="button" value="8" onClick="document.calculator.ans.value+='8'">
<input type="button" value="9" onClick="document.calculator.ans.value+='9'">
<input type="button" value="*" onClick="document.calculator.ans.value+='*'">
<input type="button" value="/" onClick="document.calculator.ans.value+='/'">
<input type="button" value="0" onClick="document.calculator.ans.value+='0'">
<input type="reset" value="Reset">
<input type="button" value="=" onClick="document.calculator.ans.value=eval(document.calculator.ans.value)">
Solution is
<input type="textfield" name="ans" value="">
</form>
</body>
</html>

...zum Beitrag

Website vergrößern Html/ Css?

Hallo alle zusammen,

Ich habe eine Website am Laptop mit HTML und CSS programmiert, aber wenn ich das auf dem PC öffnen möchte dann ist das Format kleiner und damit es passt muss ich die Website um 175% vergrößern im browser...

Kann ich das in HTML und CSS irgendwie reinschreiben, dass sich die seite immer automatisch in der größe ist und wenn ja wie?

Danke für eure hilfe

...zum Beitrag

Website nicht hackbar machen?

Wie kann ich eine HTML Website so programmieren, dass sie schwerer zu hacken ist.

...zum Beitrag

Bild als Hintergrund Bild in Website einbinden (HTML , CSS )?

Hallo,

Ich Programmiere gerade eine Website in Visual Studio Code und will hinter den Buttons(siehe Bild 2) ein Bild als Hintergrund haben. Nun habe ich das ganze so programmiert (siehe Bild 1) und auch das Bild in die Website Datei eingefügt und alles gemacht. Dennoch sieht das ganze wenn man den liveserver öffnet, so (siehe Bild 2 ) aus und es ist anstatt dem Foto nur das Foto jpg Symbol klein zu sehen . Wie kann ich das ändern so das ich das Bild sehen?

Vielen Dank

...zum Beitrag

HTML/ CSS Seite zentrieren und die Seitenränder anpassen?

Hallo, ich programmiere zur Übung eine Automarken-Webseite.

Ich will, dass die Buttons so sind;

Und nicht so: (Der Rahmen dient nur zur Übersicht)

Aber wenn ich die Webseite verkleinere, dann sieht so aus; ich möchte aber, dass die sich richtig anpassen, also z.B. 2 nebeneinander sind.

Welchen Befehl kann ich dafür verwenden?

Hier habe ich den Befehl verwendet: .body {

margin-left: 28%;

margin-right: 28%;

}

...zum Beitrag

Projektideen für Programmier- Anfänger?

Hallo, ich absolviere für 4 Monate mein Praktikum im Bereich Informatik. In meiner Abteilung geht es um Websiteentwicklung und ich soll demnächst selbst eine Website programmieren (mit C#, JavaScript, HTML, Ajax und CSS).

Meine Frage ist, ob ihr so Ideen habt, was man als Anfänger (wirklich Anfänger mit 1% Grundkenntnis🥲) programmieren kann für 3 Monate ungefähr? Bin so 30 Stunden der Woche bei dem Unternehmen.

Eine weitere Frage ist, ob ihr gute Tutorials, Websites, YT- Videos, etc. zum Thema kennt? Ich soll nämlich selbst recherchieren und mir das selber beibringen.

Danke im Voraus für eure Antworten

...zum Beitrag

Wie habt ihr Programmieren gelernt?

Ich habe es mir durch Internettutorials beigebracht, insbesondere durch welche auf YouTube. Ich habe mit vielen Sprachen gleichzeitig (Java, JavaScript, HTML, CSS Tailwind und Python) gestartet, nach etwa einem Jahr konnte ich dann auch schon die ersten bezahlten Aufträge erstellen (zuerst nur eine Website für meine Mutter, dann auch och für andere Leute). Ich hatte auch immer mehrere Projekte gleichzeitig laufen, allerdings habe ich auch immer darauf geachtet, dass ich alle abschließe.

...zum Beitrag

HTML + CSS Website hat weisse Seite am rand?

Wenn ihr nach links scrollt auf https://islikers-baukunst.ch/FreshHp, seht ihr einen weissen Rand aber kein visuelles Element dass das verursacht. Könnt ihr mir da helfen? Leider kann ich nicht die Website hier rein kopieren, da diese sonst zu lang wäre. Aber ich habe hier einen DropBox-Link: Zu DropBox

...zum Beitrag

Erstellte website nicht aufrufbar?

Bin Anfänger im Thema Webseiten und programmieren und habe mir mal ein Tutorial angeschaut. In dem wurde mir erzählt, dass ich mit dem Editor und HTML eine Website erstellen kann. Wenn ich aber nach abspeichern des Editors etc. den Link, der in der Suchtleiste bei Chrome steht bei einem anderen Gerät eingebe, finde ich diese Seite nicht. Ich hatte auch nicht erwartet, dass das erstellen von einer Website auf diese Weise funktioniert, aber was fehlt mir, dass diese Seite, auch wenn es nur eine Testseite sein soll im Internet aufrufbar ist?

...zum Beitrag

Wie in einer HTML Website Text neben ein Bild machen?

Hi, ich programmiere gerade für eine Präsentation in der Schule eine Mini Website. Ich mach mal ein Bild vom Code des Bildes und von der ausgeführten Seite.

Ich will, dass das Bild rechts ist und links der Text, ohne das genau neben dem Bild Platz ist.

...zum Beitrag

Kennt jemand ein Programm/Website wo zwei Leute gleichzeitig am selben Code programmieren?

Wir sind zu zweit und wollen eine Website mit HTML programmieren

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen