Ihr habt ja Recht, aber es ist nur ein Projekt für die Schule, dass am Ende benotet wird, von daher kann ich nicht einfach eure Codeänderungen übernehmen, weil ich nicht in Verlegenheit kommen will. Das Theme Plagiat ist heutzutage in Zeiten des Internets größer denn je 
. Wenn das Ergebnis für den Lehrer gut genug dann ist das ja recht. Da wird einfach als Systemanforderung ein PC mit Full HD Monitor sein, wenn ich eines Tages vielleicht eine eigene Seite aus eigenem Interesse erstelle, werde ich wohl auch etwas mehr an die Generation Mobil denken. Am Rande will ich noch erwähnen dass ich HTML/CSS gar nicht lerne, das haben wir nur in wenigen Stunden mal "ausprobiert". Ich habe mich aber für dieses Projekt Thema entschieden, da es im Vergleich zu den anderen Themen viel einfacher zu realisieren ist, und ich viele Funktionen von Tutorials habe. Deshalb ist mir wohl auch so ein einfacher Fehler mit den Klammern passiert. Ich bin euch jedoch ziemlich dankbar, dass ihr den Fehler gefunden habt, und ich somit die Seite endlich fertig stellen kann.
Beiträge von Spitzkopf_Larry
-
-
Wie jetzt? Die Schule im Bild rechts oben ist nicht komplett sichtbar. In deiner CSS sind immer noch Fehler drin.
Du gestaltest deine Seite (graue Boxen) mit einem riesigen Bild?Mit dem Ergebnis bist du zufrieden?
Hallo Gastl,
die Seite ist noch im Aufbau, aber wie djheke erkannt hat, ist sie für Full HD erstellt... für mich ist das einfach die Standardauflösung die man am PC mittlerweile haben sollte...
Jedoch habe ich das Design so angepasst, dass auf einem Smartphone (720p) ein brauchbares Ergebnis bekommt, die Buttons fahren sogar mit wenn man runter scrollt, das finde ich ein ganz netten neben Effekt.
Weitere Anpassung kann ich leider nicht für Mobile Geräte nicht garantieren, da ich das Browsen nach wie vor am PC bevorzuge, und ich in dem Webdesign ein Anfänger bin.Aber dennoch Danke für deine Verbesserungsvorschläge.
-
setze erstmal die Klammern { } richtig
das hättest aber schon sehen können ..geb Dir mal etwas mehr mühe -DANKE!!!
Daran hats gelegen! Offenbar werden die Klammern da etwas anderst gesetzt als in HTML aber sehr gut das es jetzt läuft, nochmal vielen Dank euch allen für eure Hilfe! 
-
Link zur Onlineseite?
Hier findet ihr die Seite http://%5burl
-
Das positioniert den Text an den angegebenen Koordinaten, damit es zum Hintergrundbild passt.
Oder überschreibt dieser Befehl alle weiteren Positionsangaben? -
Die Seite ist bis jetzt nicht Online, aber was ich noch zu dem Problem sagen kann, die Bilder bzw. Buttons reagieren komischerweise auf die Textformatierung der CSS Datei, aber nicht z.B. auf #box1 was echt komisch ist.
-
Hallo ich bin ein ziemlicher Anfänger was HTML und CSS angeht. Ich erstelle gerade eine Seite als Schulprojekt, komme aber nicht weiter, da sich ein Problem einfach nicht lösen lässt, obwohl ich schon vieles probiert hab.
Nun zum Problem: Ich möchte verschiedene Buttons an bestimmte Stellen positionieren, aber komischerweise werden die in CSS hinterlegten Koordinaten nicht erkannt, obwohl ich die Buttons mit div und einer ID deklariert habe.HTML Code
HTML
Alles anzeigen<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html> <head> <title>Studienfahrt 2017</title> <link rel="stylesheet" type="text/css" href="stylish.css" /> </head> <body> <div id="box1"> <img src="button_startseite.png"> </div> <div id="box2"> <form action="index.html"> <input type="image" src="button_startseite.png"> </form> </div> <form action="galerie.html"> <input type="image" src="button_galerie.png"> </form> <form action="herberge.html"> <input type="image" src="button_herberge.png"> </form> <a href="index.html">Startseitet</a> <a href="galerie.html">Galerie</a> <a href="herberge.html">Unterkunft</a> </body> </html>CSS Code
Code
Alles anzeigenbody { font-family: Book Antiqua; font-size: large; font-weight: bold; background: url(Design.v0.2.jpg) no-repeat fixed ; position:absolute; left:490px; top:250px; bottom:30px; right:300px; color: #FFFFFF; #box1{ position:absolute; left:50px; top:550px; } }Ich hoffe einer von euch erkennt den Fehler und kann mir helfen, damit ich die Seite fertig stellen kann.
Schon mal Danke im Vorraus!
PS. Nicht wundern dass das eine Bild doppelt angegeben ist, es diente nur als Versuch, ob sich wenigstens das positionieren läßt, aber auch hier das gleiche Problem wie mit den Buttons.
