Fragen zur Übungswebseite - Ich komme nicht weiter :-(

  • Hallo,
    ich arbeite schon sehr lange an einer Übungswebseite und komme da leider einfach alleine nicht mehr weiter. :confused:
    Es wäre super, wenn mir da jemand helfen könnte. :)
    Bei anderen html / css habe ich quasi das Selbe gemacht und es hat funktioniert, aber hier tut es das irgednwie nicht. :(:help:


    1. Frage:
    Wie bekomme ich eine div - Box auf die rechte Seite?
    Ich dachte, das tue ich, indem ich #nav {float: right;} im .css schreibe und diesen dann einfüge mit <div id="nav"> in .html. Aber es funktioniert einfach nicht. :(


    2. Frage:
    Wieso funktioniert bzw. wie genau funktioniert denn folgendes:
    #nav a:link {color:white; text-decoration: none;}
    #nav a:hover {color:blue; text-decoration:underline;}

    Das ist ja damit ich die Links kontrollieren kann. Aber auch das bekomme ich nicht hin.


    Hier sind meine Texte:
    Mein HTML-Code:



    Und der css-Code dazu:




    Der HTML-Code für die "Testseite" (für die Links zur Kontrolle):



    Schon mal vielen Dank für die Hilfe!! :danke2:

  • Ich kann deine Fragen nicht richtig nachvollziehen, deshalb ist es schwierig dir zu helfen.


    Frage 1: Bei mir wird die Navigation rechts oben im Browserfenster angezeigt.


    Frage 2: "Das bekomme ich nicht hin" ist keine Angabe mit der Dritte etwas anfangen können. Bei mir funktioniert das CSS wie nach den CSS-Regeln vorgesehen. Die Schrift wird im Quelltext weiß dargestellt, wenn der Mauszeiger darüber steht (Hover-Effekt) wird die Schrift blau und ist unterstrichen.


    Noch ein Hinweis: Ich weiß nicht in wie weit du deine Lernunterlagen wechseln kannst. Die sind leider total veraltet und enthalten zudem einige Informationen, die nach den HTML- und CSS-Regeln immer schon falsch sind und waren. Falls du später mal selbst Webseiten erstellen willst sollte dir bewußt sein, dass die mit dem Lernmaterial total veraltet sein werden.


    Ein Beispiel von vielen: Float ist und war nie zur Ausrichtung von Containern wie div-Boxen gedacht. Dafür gibt es bereits seit Jahren Flexbox. Wahrscheinlich wird Flexbox in deinen Lernunterlagen aber überhaupt nicht vorkommen.


    Oder: In der Ebene direkt nach ul-Elementen dürfen nur li-Elemente stehen, damit keine a-Elemente.

  • MrMurphy


    Vielen Dank für deine Anwort! :danke:



    Ja, stimmt, das sind veraltete Texte. ... :-( Aber irgendwo muss man ja anfangen...


    Zitat

    Frage 1: Bei mir wird die Navigation rechts oben im Browserfenster angezeigt.


    Frage 2: "Das bekomme ich nicht hin" ist keine Angabe mit der Dritte etwas anfangen können. Bei mir funktioniert das CSS wie nach den CSS-Regeln vorgesehen. Die Schrift wird im Quelltext weiß dargestellt, wenn der Mauszeiger darüber steht (Hover-Effekt) wird die Schrift blau und ist unterstrichen.


    Das ist seltsam... - Wieso wird das dann bei mir gar nicht angezeigt? ... Aber gut zu wissen, dass es bei dir zu funktionieren scheint.
    Ich hatte eine Idee. Ich werde das mal ausprobieren.


  • Die Idee hat leider nicht funktioniert.
    Um zu verdeutlichen, was ich meine, habe ich einen Scrennshot gemacht und meine Fragen dazu notiert.
    Wäre super, wenn sich das mal jemand ansehen könnte und mir sagen könnte, ob es bei ihm auch so aussieht. Dann liegt der Fehler vielleicht an meinem PC und nicht am Code.


    (Ich sehe, dass man meine Fragen auf dem Foto kaum lesen kann. Naja. Ein Versuch war es wert.)


    Ah, und ich habe den html Code ein wenig verändert. Also etwas hinzugefügt.

    HTML
    1. <a class="blautext">Stet clita kasd gubergren, no sea takimata sanctus</a>


    In CSS:

    Code
    1. .blautext {color:blue;}


  • Zitat von LauraK


    Ah, und ich habe den html Code ein wenig verändert.


    Nur warum? Dein bisheriger Code funktioniert. Sieht so bei mir aus.



    Wenn er mit deiner zweiten HTML-Datei nicht funktioniert, solltest du den Link zur CSS-Datei darin hinterlegen. Der fehlt dort.

    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.