Hilfe bei Umsetzung eines Designs in HTML/CSS

    Hallo zusammen,


    ich hab mal einige Fragen.
    Bin quasi Frischling im Thema HTML/CSS. Hab aus diesem Grund einige Fragen.


    Und zwar geht es darum, wie ich am besten eine Homepage (z.B. mittels Photoshop Template) umsetzen kann. Bei mir sieht es nicht so aus wie im Template.
    Hab es versucht fest über die Pixel quasi zu machen, fand die Lösung aber aufgrund von Tauglichkeit auf anderen Devices nicht so schön. Außerdem hat sich der Header nicht beim Zoomen "mitgezoomt".






    Wer das Design auch nachmachen will, hier (nicht von mir): https://www.file-upload.net/do…notify_psd_theme.psd.html


    Könnt ihr mir einige Tipps geben,

    • wo ich am besten mit festen Pixeln arbeiten sollte,
    • wie ich am besten Designs umsetze aus z.B. Photoshop
    • wie ich den Hover auf so Icons bekomme

    Zerteile die PSD erstmal in für dich logische Einzelbilder. Wie zum Beispiel den Header, das Logo etc. und speichere es ab. Meistens kannst du auch mit Farbangaben und CSS Eigenschaften arbeiten. Kommt jedoch immer darauf an.


    Hover kannst du mittels CSS ansprechen mit dem Selektor :hover aufrufen. Mehr Infos:
    https://wiki.selfhtml.org/wiki…asse/hover,_active,_focus


    Zu deinem ersten Punkt können es andere dir sicherlich besser erklären.

    "..nur sieht es anders aus" Ist eine schöne Fehlerbeschreibung mit der man viel anfangen kann (nicht). Wie gesagt eine Eine Live Demo wäre schön, keiner macht sich die Mühe und kopiert sich deinen Code auf den Rechner nur um dir zu helfen.