Beiträge von Seiml

    Hallo!


    Mir wurde heute "Blisk" als Browser und Emulator für Smartphones und Tablets empfohlen. Mich würde interessieren was Ihr davon haltet? Da ich arm an solchen Geräten bin, kann ich nicht wirklich testen ob der Emulator was taugt oder ob er - wie so viele - einfach nur die Webseite auf ein bestimmtes Seitenformat "zuschneidet".
    Hier der Link zu Blisk:
    https://blisk.io/


    Bin gespannt auf Eure Meinungen.


    Grüße,


    Seiml

    Hallo!


    Hat sich inzwischen erledigt. Ich hab die Seiten jetzt selbst geschrieben. Is auch weitgehend so geworden wie ich das haben wollte. Vielen Dank Euch trotzdem.
    Hier könnt Ihr´s Euch mal anschaun: bau.seitzfiktion.de -> runterscrollen oder auf "projekte" klicken -> dann kommen drei Layout-varianten. Welche ich davon nutzen werde, muss ich noch ausprobieren. Hab auch vor, noch ein paar mehr zu machen, aber zunächst reichen mal die vorhandenen.


    Was mir jetzt noch Probleme macht sind die verschiedenen Browser. Im Firefox auf Win7 läuft die Seite so wie sie soll. Im Internetexplorer stimmt ziemlich viel nicht. Und wie das Ganze auf nem Mac oder im Smartphone aussieht weiss ich noch gar nicht. Könnt Ihr mir Tips geben, wie ich da ran geh? Ich hab schon versucht Browser-Emulatoren zu finden, aber die sind zum einen alle Kostenpflichtig und zum Anderen wurde hier im Forum auch schon Abgeraten von Emulatoren. Was mach ich nun? Alle Browser runterladen und installieren? Das mach ich ungern, aber notfalls mach ichs. Dann hab ich aber trotzdem noch kein Iphone und keinen Mac zum testen... Wie geht man da am besten vor???


    Grüße,


    Seiml
    Ich stop den thread hier mal. Da ich noch weitere Fragen zu meiner Seite hab, mach ich mal hier weiter:
    www.html-seminar.de/html-css-p…ber-zickt-noch/#post39625


    Grüße,


    Seiml

    Hallo!


    ich habe seit gestern meine erste Webseite online. Selbst geschrieben mit html und CSS (mehr kann ich nicht). Noch gibt es einige Problemchen, aber zumindest läuft sie schon mal grob.


    www.bau.....de


    Die Startseite mit Hauptmenü oben und Portfolio unten, sowie alle über´s Hauptmenü erreichbaren Seiten passen so grob.


    Was noch fehlt sind einzelne Projektseiten. Also die Seiten die man durch das Portfolio auf der Startseite erreicht und auf denen einzelne Projekte präsentiert werden.
    Ich bin gerade am Rumprobieren, tu mich aber relativ schwer diese einigermaßen gut hin zu bekommen. Wie gesagt - ich bin blutiger Anfänger auf dem Gebiet der Programmierung. Deshalb meine Frage ans Form:

    Gibt es irgendwo fertige Codes die man vorübergehend einfach benutzen kann, ohne noch viel dran schrauben zu müssen?


    Viele Details für diese Seiten sind mir momentan egal - wichtig is mir gerade nur daß die Seite mal zum Laufen kommt. Was ich aber trotzdem wichtig fände sind folgende vier Punkte:


    - Das Menü sollte genauso aussehen wie auf den bestehenden Seiten.
    - Programmierung nur in html und CSS, da ich die Seiten so am besten selbst editieren kann.
    - Die Seite sollte so schlicht wie möglich sein. Große Bilder (teilw. Bildschirmfüllend) und kurze, erklärende Texte sollen der Inhalt sein.
    - Ein Bildschirmfüllendes Startbild wäre sehr schön


    Würd mich freuen wenn mir jemand Tipps geben könnte.


    Grüße,


    Seiml

    Weiß jemand ob es eine Möglichkeit gibt, Scrollen auf Webseiten so zu gestalten, daß von Fullscreen-Bild zu Fullscreen-Bild gesprungen wird?


    Also ich möchte ein Fullscreenbild als Startseite. Darunter befinden sich noch weitere Fotos die auch als Fullscreen angezeigt werden sollen. Durch Scrollen soll man zu den Fotos gelangen. Schön wäre, wenn die webseite nicht frei (stufenlos) nach unten scrollen würde, sondern sich jedes Bild automatisch so einstellt daß es komplett am Bildschirm gesehen werden kann. Daß es also den kompletten Bildschirm ausfüllt ohne daß man es per Mausrad ausrichten muß und ohne daß man oben oder unten die angeschnittenen Bilder sieht die drüber oder drunter liegen.


    Is sowas möglich? Gibts da schon fertige Lösungen? Geht das rein mit CSS? (Javascript überfordert mich momentan noch stark).
    (Ich bin mir auch nicht sicher ob das gut wirkt. Würde es jedoch gern mal ausprobieren.)


    Würd mich freuen über Tips.


    Grüße,


    Seiml

    Vielen Dank für Euer Mitdenken!


    @ Basi:
    Leider passt das nicht ganz zu meiner Seite. Die Startseite ist folgendermaßen aufgebaut: Im Hintergrund ein Vollbild (Foto). Darauf, am oberen Bildschirmrand, zentriert, das Menü (nur Text, durchsichtiger Hintergrund). Das Menü liegt also in Textform Quasi über dem Hintergrundbild. Deshalb kann sich auch nichts über das Menü schieben, denn der Hintergrund liegt unter dem Menü. Leider.


    @ MrMurphy:
    Du hast vollkommen recht. Ich dachte auch an ein doppeltes Menü. Eins das wegscrollt und eins das später wieder erscheint.
    Du schreibst das gilt als schlechter Stil. Gibts nen grund dafür? Ich bin blutiger Anfänger im Programmieren. Bring mir alles selbst bei. Hab nicht so viel Ahnung von guten und schlechten Stilen und warum diese gut oder schlecht sind. Würde mich sehr freuen wenn Ihr mir das erklären könntet.


    @ Alle:
    Ich sträub mich ein bisschen vor Javascript (damit wäre mein Ziel recht einfach realisierbar, denk ich). Aus folgenden Gründen:
    1. ich kenn mich damit noch gar nicht aus. Würde es deshalb gerne umgehen. Falls das nicht möglich ist, muß ich natürlich in den sauren Apfel beißen und mich da auch rein fuchsen.
    2. ich hab bedenken daß Javascript meine Seite unsicher oder Anfällig für Manipulationen und Fremdzugriffe machen könnte. Hat mir mal jemand erzählt. Ich weiß aber auch nicht ob das stimmt. Habt Ihr Tips diesbezüglich?


    Was empfehlt Ihr? Schlechten Stil oder Javascript? ?(


    Grüße,


    Seiml

    Hallo!


    ich versuche das Hauptmenü auf meiner Startseite auf spezielle Art zu programmieren. Code-Vorlagen habe ich bereits, jedoch schaffe ich es nicht, den Vorlagecode in meinen vorhandenen Code einzubinden. Irgendwie stehe ich am Schlauch. Wär nett wenn mir jemand helfen könnte.


    Voraussetzungen für meine Startseite, die bereits erfolgreich programmiert sind:


    - Beim Start erscheint ein Vollbild (responsive) als Hintergrund.
    - Mittig ist ein Logo platziert.
    - Oben, zentriert befindet sich das Hauptmenü.
    - Durch Scrollen nach unten (oder Klick auf "Portfolio) gelangt man zum Portfolio welches aus Quadratischen Bildern auf weißem Hintergrund besteht.
    - Alles soll in HTML und CSS programmiert sein. (Keine weiteren Programmiersprachen!)


    --> Link zum Code: http://codepen.io/Seiml/pen/EKPPVQ


    Mein Wunsch bezüglich des Hauptmenüs:


    Da das Menü beim Scrollen oben verschwindet (das soll es auch), fehlt es unten beim Portfolio. Hier soll es wieder auftauchen! Es gibt diverse Lösungen die Java benutzen. Java möchte ich vermeiden. Deshalb würde ich gernd folgende Methode einbauen:


    --> http://codepen.io/anon/pen/BKjomb


    Nur wie? Wo muß ich was ändern. Bisher war leider keiner meiner Versuche erfolgreich. Würde mich freuen wenn mir jemand helfen könnte!


    Browser:
    Momentan teste ich im Firefox. Soll letzlich aber auch auf Chrome, Internet-Explorer, Safari und diversen Handys funktionieren.


    Grüße,


    Seiml


    ps: hoffe das ist ok, daß ich den code bei codepen hochgeladen und hier nicht gepostet habe. Falls nicht, bitte bescheidsagen. Dann lade ich ihn hier auch noch hoch. Danke.

    Hallo!


    leider hänge ich schon wieder an einer Sache fest. Vielleicht kann mir nochmal jemand helfen. Wär super!


    Meine Startseite zeigt ein Vollbild als Hintergrund. Vor dem Vollbild soll mittig mein Logo erscheinen. Dieses soll etwa zwei Drittel der Browserfensterbreite einnehmen - egal wie groß das Fenster gerade ist. Ich habe das Logo als PNG-Grafik - daß der Hintergrund des Logos durchsichtig ist. Da sich die Größe des Logos je nach Bildschirm bzw. Browserfenstergröße verändert, wär vielleicht eine Vektordatei besser - oder? Könnte ich mit Indesign erstellen.


    Ich schaffs nicht, das Logo mittig und responsive über das Hintergrundbild zu legen. Hat da jemand ne Idee wie man das macht? Oder gibts schon irgendwo eine Anleitung (ich find leider nirgends was brauchbares).


    (sollte dann ungefähr so aussehen wie in folgendem Wordpress-Theme: https://themify.me/demo/themes/landing/ - nur dass eben mein Logo anstelle von Schrift mittig plaziert wird.)


    bisherige Codes:


    index.html:



    style.css:



    navigation.css:



    Grüße,


    Seiml
    :) Das Bild am Startbildschirm zentriert darzustellen würde funktionieren wenn ich folgende codes einfüge:


    in der index.html folgendes einfügen

    HTML
    1. <header id="startbildschirm">
    2. <div id="logobox">
    3. <img id="logo" src="bilder/logo.png" />
    4. </div>
    5. </header>


    style.css

    CSS
    1. header { /* betrifft den Header */
    2. display: flex;
    3. flex-direction: column;
    4. justify-content: center;
    5. align-items: center;
    6. }


    Jedoch wird dann auch das Hauptmenü in der Mitte des Bildschirms angezeigt statt am oberen Rand - sowie sämtliche weitere Inhalte der Webseite, wenn man welche hinzufügt. Verkleinert man das Browserfenster kanns passieren daß das Menü am oberen Bildschirmrand aus dem Bild geschoben wird (sobald das Browserfenster kleiner als das Logo wird). :(


    Und das Logo is auch noch nicht "responsive". Bleibt also immer gleich groß, was dazu führt daß es bei stark unterschiedlichen Bildschirmgrößen entweder vergleichsweise winzig sein kann oder größer als der Bildschirm - also beschnitten wird. :(


    Es bleiben die Fragen:


    ?( Wie kann ich die Zentrierung des Logos vom Menü trennen?
    ?( Wie mache ich das Logo "responsive"?


    Was halten die Profis von meiner Zentrierungsmethode? Kann man damit weiterarbeiten oder würdet Ihr ganz anders vorgehen?


    Grüße,


    Seiml

    ich probiers mal:


    index.html:


    style.css


    navigation.css


    Leider wird´s nicht farbig (mach ich was falsch?). Hierfür bitte doch nochmal den Link zu codepen probieren.


    Vielen Dank!


    Seiml

    Sorry - das is alles völlig neu für mich. Ich bemüh mich, mein Bestes zu geben!


    Ich hab den code jetzt auf codepen hochgeladen und in obigem Beitrag einen Link gesetzt.
    Leider hab ich nicht verstanden wie das mit dem BB-Code funktioniert. Ich hoffe der Link zu codepen genügt. Falls nicht - gebt bitte bescheid.


    Ich hab den HTML-code mal validieren lassen. Zwei Fehler werden gemeldet:



    Vielen Dank schon mal.


    Grüße,


    Seiml
    Teilerfolg: die Fehler die beim validieren gemeldet wurden sind erledigt.
    Ich hatte den header außerhalb des body. Das war falsch. Hab ihn nun in den Body kopiert und die Fehlermeldung verschwindet beim validieren.


    Auf das Problem mit dem Rand hatte das jedoch keine Auswirkung. Der besteht weiterhin.

    Hallo!


    ich bin dabei eine Website mit Vollbild auf der Startseite zu erstellen. Das hat auch gut funktioniert solange ich das Bild im body hatte. Da ich jedoch den Body für ein Portfolio (mit einfarbigem Hintergrund) benötige habe ich für das Vollbild noch einen header angelegt. Seitdem erscheint um alle Seiten ein weißer Rand. Das Vollbild geht also nicht mehr ganz bis zum Browserrand. Weiß jemand woran das liegt?


    Rahmenbedingungen


    HTML-Version: 5


    zusätzliche Techniken:


    Einschränkungen:


    Browser & Betriebssystem: Firefox 41.0.1 & Windows 7 pro


    Editor: Sublime Text 2




    Problembeschreibung


    Fehlermeldung/-beschreibung: siehe oben


    bisherige Lösungsversuche: bin eigentlich grob nach diesem Tutorial vorgegangen: https://www.youtube.com/watch?v=hExwnLlj2xk Hier funktioniert der code problemlos.


    Code: http://codepen.io/Seiml/pen/pjWKNq

    Vielen Dank! Hab das mal so gemacht wie Du sagtest, daß ich die Nav, also die Liste aller Punkte des Hauptmenüs, in alle HTML-Seiten eingetragen hab. Das Funktioniert auch.


    Ich dachte es gäbe eine Möglichkeit diese Liste in einer extra-Datei zu schreiben und dann in allen HTML-Dateien einfach nur einen Verweis zu dieser Datei zu setzen. Das würde Änderungen am Menüinhalt erleichtern, weil man diese nicht in jeder HTML-Datei ändern müßte.


    Falls das möglich ist, würde ich mich über eine Nachricht freuen.


    Grüße,


    Seiml

    Hallo!


    ich bin ganz neu hier, weil ich vor ca. zwei Wochen angefangen habe mir mittels dieser Seite HTML und CSS beizubringen. Durch das Seminar bin ich weitgehend durch. Jetzt versuche ich meine erste Webseite nach meinen Vorstellungen zu erstellen, hab jedoch noch einige Start-Probleme und würde mich freuen wenn mir jemand helfen könnte. :)


    :!: Kurze Beschreibung der Webseite die ich bauen möchte:
    - Startseite soll ein Vollbild als Hintergrund zeigen welches so groß ist wie das Browserfenster. Darüber liegt mein Logo (png-datei mit durchsichtigem Hintergrund). Oben, mittig ist das Hauptmenü - bestehend aus Schrift ohne Hinterlegung.
    - Die Startseite soll nach unten zu meinem Portfolio scrollbar sein. Unter dem Vollbild kommt weißer Hintergrund auf welchem Bilder von Projekten zu sehen sind. Klick auf ein Bild führt zu Seiten über das jeweilige Projekt.
    - Übers Hauptmenü kommt man zu weiteren Seiten wie "Impressum", "Über mich", "Kontakt" etc.


    Ich habe bisher einige Seiten als HTML angelegt und mit Beispielinhalten gefüllt. (index.html, impressum.html, uebermich.html,). Außerdem die style.css. Den Code für das Hauptmenue hab ich auch schon.


    :?: Fragen:


    1. wie lege ich nun mein Hauptmenue an, so daß es auf allen Seiten erscheint? Muß ich es in die index.html integrieren? Oder muß ich eine extra HTML-Datei anlegen in der nur der Code für das Menü steht? In beiden Fällen wüßte ich nicht wie ich es schaffe das Menü dann auf den einzelnen Seiten anzuzeigen. Oder wird das ganze Menü im CSS geschrieben? Oder denk ich völlig falsch? ?(


    2. Ich bin mir noch unklar wie ich die Ordnerstruktur meiner Website anlegen soll. Also wie ich die HTML-, CSS- und sonstigen Dateien sortieren soll. Gibt es hierfür irgendwo sinnvolle Beispielvorschläge?


    Würde mich freuen wenn mir jemand weiterhelfen könnte. :D


    Vielen Dank schon mal.


    Grüße,


    Seiml