Header verlinken

  • Guten Abend, ich bin absoluter Anfänger und wollte heute anfangen mich erstmal mit HTML css und php auseinanderzusetzen. Natürlich folgten schnell die ersten Fragen und ich hoffe ihr könnt mir da professionell auf die Sprünge helfen :)


    Ich habe für den Header(png) im CSS Bereich ein Style sheet angelegt.. Nun wollte ich "einfach" nur den Header mit einem Link versehen.. Das war wohl nichts. Wie ist dort die einfachste Lösung? Kann man nicht einfach den Link auf die Header class setzen? Ich habe nun etwas gesehen Richtung HTML den Link in eine Class zu setzen und dann die Klasse in CSS separat bearbeiten..wirkt aber sehr umständlich?!


    Als ich zu Anfang probiert habe, in HTML unter der Header Sektion den Link mit Bild direkt zu setzen, wurde für den Header das style sheet nicht übernommen, der Grund ist mir auch noch nicht ganz eindeutig.


    Habt Nachsicht mit mir, es waren meine ersten 3 Std :saint:


    //Edit


    Jetzt im nachhinein sehe ich das gesplittet mit 2 Fragen.


    Man kann dich bestimmt ganz einfach den ganzen Headerbereich mit nem link besetzen? Und warum kann man ein href mit Bild nicht in css bearbeiten? Muss es tatsächlich als class angewendet werden?

  • Wie bereits gesagt, ich bin noch absut Anfänger. Für mich ist HTML das Grundgerüst und CSS nur das passende Style sheet dazu. Wenn ich mich nachher wieder dran setze werde ich die Schnipsel posten.


    Noch eine Frage die vielleicht etwas einfach zu verstehen ist.


    Angenommen man benutzt eine HTML Seite mit einer seperaten PHP Register/Login Datei, welche man wie bei beim HTML Script mit CSS bearbeiten möchte. Legt man dann eine 2. Css Datei als stylesheet für die php an oder integriert man die php styles im HTML css sheet? Gruß

  • Optimal wäre es wenn du deinen Css Code in einer Css Datei kopierst, egal wie viele Seiten du hast.

    Ob du jetzt Php oder sonst was benutzt ist egal, im Browser kommt nur html,css,js an .

    Ich habe für den Header(png) im CSS Bereich ein Style sheet angelegt..

    Wie gesagt wäre dafür dein Code den du benutzt hast gut.

    Hast du das Bild als background-image eingefügt ?

    oder als img Element ?


    Nun wollte ich "einfach" nur den Header mit einem Link versehen.. Das war wohl nichts. Wie ist dort die einfachste Lösung?

    Am einfachsten ist um den header ein a Eelement zu legen

    Code
    1. <a href="deinlink.de">
    2. <header> ionhalt</header>
    3. </a>

    Die Frage ist aber ob das nötig ist den ganzen header zuverlinken ?

    Kann man nicht einfach den Link auf die Header class setzen?

    Falls ich dich richtig verstehe , dann Nein.

    den Link in eine Class zu setzen und dann die Klasse in CSS separat bearbeiten

    Zb

    Code
    1. <style>
    2. .headerlink{
    3. font-size:20px;
    4. }
    5. </style>
    6. <a class="headerlink" href="deinlink.de">
    7. <header> ionhalt</header>
    8. </a>

    Damit wäre die Text Größe in den <a> Element 20px Groß.

    Du kannst in den Klassen den Style bearbeiten , aber keine Links zuweisen.

    Und warum kann man ein href mit Bild nicht in css bearbeiten? Muss es tatsächlich als class angewendet werden?

    Du meinst ein Link mit img Element ?

    Code
    1. <a class="alink" href="link">
    2. <img class="imglink" src=bildlink">
    3. </a>

    Das kann man schon in der Css bearbeiten

    möglichkeiten gibt es genug mit und ohne Klassen.

    Wie schon gesagt wurde mußt du noch nee menge lernen.

    Mit der Css gibt es eine menge zu lernen , gerade mit der Wertigkeit

    https://blog.kulturbanause.de/2013/06/css-spezifitat/

  • basti1012 Ah Wahnsinn, ja ich habe durchaus ne Menge zu lernen und bemühe mich stets dazu zu lernen. Ich hatte es zu Anfang als background image, danach dann das Bild als img mit href in die index geschrieben, konnte dann aber in css kein border setzen etc, habe auch gesehen das viele es über ID lösen, macht in dem Fall mehr als class.


    Hast mir auf jedenfall sehr weitergeholfen auch wenn meine Fragestellung vermutlich komplett "noobig" war


    AndreasB Mach ich danke :)