Beiträge von Stef

    Abend zusammen,


    ich habe ausversehen einen ganzen ordner in brackets geladen von einem spiel :o Ausversehen! Nun will ich den halt entfernen geht aber nicht. Weil wenn ich löschen mach dann lösche ich ja alle dateien.


    Wisst ihr wie es geht ?


    Stef

    Guten Abend zusammen,


    ich habe mir mal überlegt ein Tutorial zu schreiben, wie man Kreise in HTML/CSS erstellt.


    Das Tutorial:


    Als erstes kommt das HTML Dokument. Dort erstellt ihr in dem Grundgerüst, im body ein div-container mit der class "kreis". In diesen erstellt ihr noch ein span-tag mit der class "name". In diesem schreibt ihr jetzt einen Namen. In diesem Tut nehmen wir "Hund Bärle". Nun sollte es so aussehen:


    Nun kommt der CSS-Teil. Dort gebe ich jetzt in dem div.kreis erstmal die background-color, höhe und breite, border, background-image, border-radius, background-repeat, background-position und background-size ein und gebt ihnen Werte.



    Nun haben wir für die class kreis schon alles gemacht. Nun möchten wir noch, dass das der text besser dargestellt wird, dazu wird dieser erstmal eine absolute Positionierung gegeben, mit Abstand von Links und Oben, die Farbe, Hintergrundfarbe und die schriftgröße.


    CSS
    1. span.name
    2. {
    3. position: absolute; /*Absolute Positionierung - aus dem Textfluss rausgenommen kann frei plaziert werden*/
    4. left: 90px; /*Abstand von der oberen li. Ecke nach links*/
    5. top: 190px; /*Abstand von der oberen li. Ecke nach oben*/
    6. color: red; /*schriftfarbe*/
    7. font-weight: 800; /*schriftstärke/-größe*/
    8. background-color: rgba(0,0,0,9); /*Hintergrundfarbe*/
    9. }



    Nun sollte es so Aussehen:


    [Blockierte Grafik: http://image.prntscr.com/image/88dceb00681d42338576e4cb1bdd376c.jpeg]



    Das war das Tutorial dazu. Hoffe ich konnte euch helfen.


    Falls Fehler oder andere Missgeschicke entdeckt werden bitte mitteilen.


    Stef

    Hi.


    Ok hört sich gut an. Danke.


    Aber warum werden denn z.b. so wie hier

    HTML
    1. background-image: repeating-linear-gradient(transparent, transparent 30px, white 30px, white 32px), repeating-linear-gradient(to right, transparent, transparent 30px, white 30px, white 32px);
    2. height: 85vh;

    zweimal nacheinender dieses transparent benutzt ?


    Hab es mal ausgetestet wenn man nur eins angibt dann ist alles weg und wenn man auch noch das zweite angiebt dann wird es wieder sichtbar mit so weisen linien. Warum ist das so?


    Stef

    Hey,


    in HTML-Dokument kannst du dein Bild mit dem <a>-Tag umschließen z.b.:

    HTML
    1. <!DOCTYPE html>
    2. <html lang=de>
    3. <head>
    4. <meta charset="UTF-8">
    5. <title>Bild mit Link</title>
    6. </head>
    7. <body>
    8. <a href="Link" title="Klicken sie hier um eine andere Seite zu besuchen"><img src="deinBild" alt="BeschreibungvonBild"/> </a>
    9. </body>
    10. </html>


    aber das andere hat mit html wenig zu tun.


    Gruß,
    Stef

    Hi.


    @JR Cologne:


    Ich glaube es gehört zu haben aber ich finde das video nichtmehr. Aber egal jetzt. Jetzt weiß ich das es doch nicht veraltet ist und zu HTML5 gehört.
    Ok, danke für den tipp.


    Basi :


    Ich habe ja dann mal es getestet und da hab ich ja den Eventhandler onClick in die einzelnen html tags reingeschrieben und dann angesprochem im script-tag. Und mir erscheint es viel zu unordentlich, weil man dann mal bei größeren Sachen leicht den Überblick verlieren kann. Gibt es eine andere Möglichkeit den Eventhandler onClick zu verwenden ohne das man diesen in die HTML-Tags schreibt ?


    Stef

    Ich habe ein Youtube Video angschaut wo derjenige es gesagt hat. Hab nun nochmal nachgeschaut und gut das es zu html5 gehört.


    Ja die ids hab ich nur zum test gemacht und nicht wieder entfernt. Wollte was ausprobieren.


    Aber mann kann doch z.b. jetzt jedem link eine andere id geben und diese mit den js-befehl

    JavaScript
    1. getElementbyID('Hier der ID name');

    und dann brauch man ja dies nicht in den html tags zu schreiben ?


    Stef

    Guten Abend zusammen,


    ich bin mal zufällig bei html auf ein js-video gestoßen und habe es mir mal angeschaut. Hab dann bissl getestet und meine Frage:


    Ist es ok in den einzelnen html-tags diesen Eventhandler reinzuschreiben und den dann im <script> tag zu definieren? , so wie hier :


    Und bei dem prombt wenn er einen Namen das erste mal nicht eingibt habe ich ja ihm dann einen 2. Versuch gegeben seinen Namen einzugeben. Nun wie kann man diesen Personen die einen Namen nicht eingeben den Zugriff auf die Seite verweigern?
    Oder wie würdet ihr es machen? Was findet ihre besser?
    Habt ihr Tipps für einen Anfänger in js?
    __________________________________________


    u.a. ne frage zu html (möchte nicht noch ein Thema wegen dem erstellen), ich habe gelesen das die nav-tags veraltet sind und diese eigentlich weggelassen werden können bei einer Navigation. Was meint ihr ?


    Freue mich auf eure Hilfe ^^


    Stef

    Vielen Dank.


    Jetzt habe ichs verstanden:


    wenn ich eine relative mit der absolute position benutz dann wird der absolute vom relative umschlossen und gilt z.b. nur für verschachtelete menus weil die a-tags.

    Guten Abend zusammen,


    ich verstehe trotz mehrmaligem durchlesen den Nutzen von position: absolute/relative. Ich habe verstanden das das position:absolute; nicht im datenfluss der Webseite ist sondern diesen ignoiert und das position: relative dem datenfluss der webseite folgt.


    Hat jemand villt eine einfacherer und verständlichere Erklärung dieser beiden Werte der Eigenschaft position ?


    Was für ein nutzen haben diese dann ? Warum sollte ich diese dann benutzen?


    Und ich habe mir mal eine vertikale Navigation angeschaut mit verschachtelten Unterlinks. Und dort wird im Stylesheet für alle lis position:relative gegeben. Und den uls position:absolute. Warum denn dass?


    Freue mich auf eure Hilfe.


    Stef

    Genau.


    Beispiel:

    als nav.html


    und dann muss ich im index.php alle Sachen einzeln aufrufen ?


    Bsp. index.php

    PHP
    1. <?php include("nav.html"); ?>
    2. <?php include("seitenbereich.html"); ?>
    3. <?php include("bilder.html"); ?>
    4. <?php include("credits.html"); ?>
    5. <?php include("faq.html"); ?>
    6. <?php include("impressum.html"); ?>
    7. <?php include("werbung.html"); ?>


    Die Seite aufteilen in deren einzelne Abschnitte und dann bei index.php diese einzelnen bruchteile der Seite laden lassen, und dies auf jeder .php-Seite mit den entsprechenden Sachen?
    Soll dann in dieser index.php kein HTML rein (außer meta tags und verlinkung zu css) ?


    Das ist doch viel zu viel Arbeit ?(


    Stef

    Hey zusammen,


    mich beschäftigt eine Frage seit langem.
    Diese lautet: Warum wird bei den Navigationslinks meistens eine php datei zum laden verwendet hat dies irgendein Sinn ?


    Ich denke um Informationen (IP, usw.) abzufangen . Aber das ist nur ne Vermutung, kann mich auch täuschen.


    Freue mich auf ne Antwort.


    Stef

    Hey alle zusammen,


    ich habe mal wieder bissl ausprobiert mit CSS und nun habe ich ein Problem. Ich habe 2 Sätze in einer Linie der 1ne Satz ist im normalen <p> und der andere eingebunden mit <span>, beide werden im Stylesheet angesprochen.
    Nun möchte ich aber den <span> Teil nach rechts außen ganz an den rand bekommen, und da komm ich nicht weiter. Habe es schon mit text-align: right; versucht aber hat nicht funktioniert.


    Villt weiß jemand von euch wie man es macht ?


    Hier mein HTML:


    Und mein CSS:


    Freue mich schon auf eure Hilfe.


    MFG,
    Stef