Hilfe bei Positionierungen

  • Guten Tag,


    ich habe ein Problem. Wenn ich jetzt beispielsweise eine Webseite erstelle (html+css) und Anschließend diese vom Browser her minimiere bzw vergrößere, dann ist alles durcheinander...
    Ich möchte aber, dass die Skalierung perfekt wie auf anderen Seiten ist?


    Grüße Kamba

  • Was du meinst gehe ich mal aus, dass wenn du auf verschiedenen Größen testest das die Elemente nicht richtig "positioniert" sind.


    In HTML musst du folgendes hinzufügen:
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    ( Stichwort: Meta Viewreport )


    Allerdings ist dies damit nicht getan, du erhälst lediglich die Bildschirm breite, nächstes Stichwort lautet Breakpoints.
    Mit Hilfe von Mediaqueries kannst du dies für alle Größen einstellen.
    Beispiel:

    Schau mal hier vorbei, dort findest du alles über Breakpoints und Mediaqueries ^^.
    Ein Beispiel hierfür ( Quelle: be-responsive.de ) :


    Hoffe konnte dir weiterhelfen ^^

  • Frage nebenbei? Wie kann ich beispielsweise die a-/Eigenschaften (Css) hover usw bei anderen Wörtern ignore?

    Was genau meinst du?
    Meinst du, wenn du deinen Mauszeiger rüberfährst das der "Strich" unten sich entfernt?


    Wenn ja müsste dies so funktionieren:

    CSS
    a:hover {
        text-decoration: none;
        text-decoration-line: none;
    }
  • Was genau meinst du?Meinst du, wenn du deinen Mauszeiger rüberfährst das der "Strich" unten sich entfernt?


    Wenn ja müsste dies so funktionieren:

    CSS
    a:hover {
        text-decoration: none;
        text-decoration-line: none;
    }

    Das habe ich ja.. Ich meine, wenn ich jetzt auf ein anderes wort mit .(a href) das diese einstellungen nicht gelten?

  • Dann wüsste ich nur einen weg wie du dies verhindern könntest:



    HTML
    <a onclick="return false" href="LINK ODER #" />Text</a>


    <a onclick="return false" href="LINK ODER #" />Text</a>



    Via onclick verhinderst du die Weiterleitung des Linkes..
    Hoffe konnte dir weiterhelfen :saint::)