HTML-Frage Thread

  • Hallo Leute,


    dass ist "mein Persöhnlicher" HTML Frage Thread, indem ich meine Fragen stellen werde, und auf antworten hoffe :D ...



    Also fangen wir mal an ..


    Zitat

    Wie kann ich ein Bild als Hintergrund einfügen ?



    Edit1:

    Zitat

    Wie kann ich meinen Backround so anpassen, dass es bei jedem gleich ist ?
    Ich habe gehört da muss man was mit CSS einbinden, könntest ihr mir das kurz erklären ?

    2 Mal editiert, zuletzt von Application ()

  • So richtig ?





    (PHP Quelltext genommen, weil kein HTML Quelltext da ist)



    Edit:
    Richtig eingefügt



    Es geht nur so wie oben bei mir ...
    Ehr gesagt weiß ich nicht ob es so richtig ist, weil ich dann nur mit "<p>Text<p> daneben schreibe ..



    PHP
    <body background="<img src="file:///C|/Users/Niklas/Desktop/Alles/Allgemeines/Homepage/Backround 2.jpg" width="454" height="340" />"
    </body>
    </html>
  • Der Content, welcher auf deiner Page zu sehen sein soll steht zwischen <BODY> und </BODY> Wie in meinem Beispiel halt das "Test..." Ich nehme mal an das


    Zitat

    <img src="file:///C|/Users/Niklas/Desktop/Alles/Allgemeines/Homepage/Backround 2.jpg" width="454" height="340" />

    Das der Hintergrund sein soll oder?


    Wenn ja machs so:



    In dem Ordner in dem deine HTML-Datei liegt erstellste ein Ordner namens "pics" und da kommt der Hintergrund rein. Musst das "bg.jpg" nurnoch in das Bild umbennenen. So musste nicht immer den ganzen Pfad angeben.


    Kleiner Tipp noch: Schreib die Tags immer groß wie in meinem Beispiel. Ist zwar kein muss, aber dadurch wird dein HTML-Dokument übersichtlicher :> (Also das erste Beispiel in dem Post weiter oben :>)
    Einrücken ist in HTML genauso wie in Pawn auch nicht verkehrt.

  • Nein! Wenn du ein bild als Hintergrunf einfügen willst, musst du das soweit ich mich noch erinnere per CSS machen. Ich bin mir zwar nichtmehr ganz sicher, aber ich glaube um ein div wirst du nicht herumkommen, falls ich falsch liege bitte korrigieren.


    Code
    <div style="background: url(pfad.png);">Text usw.</div>


    Und als Tipp: Ich würde immer relative Pfadangaben nutzen.

    Moderator der Bereiche: Coding, Vorstellungsrunde und Handelsecke. Über Verwarnungen, falls du zu den Wenigen gehörst, die eine Verwarnung von mir erhalten haben, kannst du jederzeit mit mir reden, sofern der Umgangston stimmt.


    expect us. / unkompetent. Das neue dynamisch. / easy-stripping.net - coming soon! / "9§. the entire website bestands out of english." / Vollprofi in allem, wo gibt und noch mehr; kann auch OOP.
    Kleine Coding-Frage? Schau doch in #dev im IRC vorbei, wir können dir sicher helfen.


    Ich bin für Aufträge im Bereich der Webentwicklung (z.B. User Control Panel) zu haben. Kontaktiere mich diesbezüglich einfach in einer privaten Nachricht mit deinen, möglichst konkreten, Vorstellungen.


    lesen.denken.posten. - [22:54:14] <Goldkiller2> früher gabs immer so coole user da stand in der signatur "lesen.denken.posten."


    Mafia 2 Multiplayer (m2mp.de) - Eine kostenlose Modifikation für Mafia 2, die es, ähnlich wie SAMP, erlaubt über das Internet oder LAN mit bis zu 1000 anderen Spielern zu spielen.

  • Edit:


    PHP
    <body background="file:///C|/Users/Niklas/Desktop/pics/bg.jpg">
    
    
    </body>
    </html>


    Habe es nun :)
    Wie viel Pixel ist eine Seite groß ?
    Weil mein Backround nun zentriert ist ?

  • Ich hab mein Beispiel gerade getestet und es funktioniert ohne probleme.


    in dem Ordner in dem meine HTML-Datei liegt hab ich den Ordner pics erstellt, da ist das Bild mit dem namen bg.jpg drinne.


    Sicher das du entweder das Bild dort hingeschoben hast? bzw den Namen und ggf. den Pfad richtig angegeben hast.


    //Edit: Naja damit bin ich auch schon etwas überfragt. Soweit bin ich auch noch nicht. Da in HTML es ja keine wirkliche "Seitengröße" gibt. Wenn bei dir eine Seite komplett ausgefüllt ist muss jemand mit einem kleineren Monitor scrollen um alles zu sehen. Hat man einen größeren ist halt noch ein Rand da. :>

  • Das ist ja sowas von doof :o ?
    Mh...
    Jetzt weiß ich auch garnicht wie ich eine Navigationsleiste anpassen soll, da ich die größe nicht weiß ..

  • Wenn ich es soweit richtig verstanden habe, dann musst du folgendermaßen vorgehen:


    So zentriert man, egal auf welchem Bildschirm den Background:


    Du erstellst ne neue .css Datei und fügst das ein:


    PHP
    body {
    background-image:url(images/background.jpg); // Dateipfad anpassen sowie Namen
    background-repeat:no-repeat;
    background-position:center;
    }


    Dann noch in die HTML Datei im <head>-Bereich:


    PHP
    <link href="datei.css" type="text/css" rel="stylesheet" /> // Dateinamen anpassen...


    So ist dieses Bild nun eingefügt, erscheint einmal in der Mitte der Page. ;)

  • do.de - Domain-Offensive - Domains für alle und zu super Preisen