Beiträge von modem-kind

  • in CSS eine klasse als ausnahme bei a:focus angeben

    Hallo winzigweich,
    also ich weiß ja nicht wo Deine - referenzen-eng.html ist
    im Stammverzeichnis.. ( gleicher Ordner) wo auch die index.html ist /liegt oder nicht -
    aber wenn ja - OK ! ----------- ( ansonsten pack / schieb sie da hin )

    dann reicht <a href="referenzen-eng.html"><img usw. usw </a> -das funktioniert - Relative Adressierung -
    OHNE das file: davor ( das ist sowieso ein Sonderfall - )

    probiere es mal aus : <a href="referenzen-eng.html"><img src="bilder/grossbritannien.gif"></a>

    beim <img src="bilder/grossbritannien.gif"/>
    und <img src="bilder/bild1.jpg"/>
    usw. hast Du es ja auch so gemacht ( Relative Adressierung ) und das Bild wird angezeigt richtig:)

    schreibe aber bitte beim img am Schluß /> statt nur > ..ist richtiger auch wenn beides funktioniert meistens -

    -------------------------------------------------------------------------------------------
    zum mit file:

    WAS Du da hast ist Lokale Absolute Adressierung - das funktioniert auch..
    Aber -
    muss dann richtig geschrieben werden !

    dazu brauchst du sowas
    file:///K:/Ordner/referenzen-eng.html.html ---- und nicht nur >> file:referenzen-eng.html


    Erklärung:
    1.) file: ( Schlüsselbefehl )
    2.) meinComputer also /// 
    3.) Festplattenlaufwerksbuchstabe mit Doppelpunkt und / dahinter also meist C:/
    4.) dann - wenn in einem Ordnerpfad - den angeben auch mit / dahinter meinOrdner/
    5.) dann den Dateinamen mit .(punkt) und html dahinter .html

    Also: <a href="file:///C:/meinOrdner/referenzen-eng.html"><img src=usw. usw. /></a>

    nach dem anklicken wenn wie oben beschrieben Relativ siehst Du in der Browser Adressleiste dann auch welchen
    Absoluten Pfad der Computer mit Browser genommen hat in richtiger Absolut Schreibweise -

    den letzt endlich ensteht auch aus dem Relativen ein Absoluter Pfad


    DAS WÜRDE dann aber im Richtigem Internet NICHT mehr Funktionieren
    Nur auf Deinem eigenem Computer

    Eigene Dateien immer Relativ Adressieren
    PS. googel u lies ein bisschen dazu


    Gruß aus Hamburg modem-kind


  • in CSS eine klasse als ausnahme bei a:focus angeben

    du schließt mit :not(.flagge)
    ja nicht die Klasse aus sondern nur die Eigenschaften: Werte; FÜR diese Klasse an dieser Stelle ! siehe1)
    die die anderen Elemente dann aber Alle erhalten !
    1) hinweis: nur diese Eigenschaften.. die die an anderer Stelle für die Klasse .flagge stehen bleiben gültig !

    also was möchtest Du bei der Klasse ausschließen ?
    das das Bild da nicht angezeigt wird.. ?
    m und das nur bei :focus auf a ?? merkwürdig ?? ( +kaum jemand nutzt die Tabtaste für A Elemente )

    verstehe nur die hälfte .
    ansonsten kannst Du eine Klasse für ein bestimmtes Element nur
    mit Javascript entfernen Remove /n oder hinzufügen add /en
    Gruß modem-kind

  • Fragen über Fragen :(

    Zitat von Bandit

    Wenn du keine Ahnung von einer serverseitigen Scriptsprache w.z.B. PHP und auch keine Ahnung von MySQL hast, dann kannst du dein Projekt vergessen.

    JO :lol:

    Zitat von Bandit

    Zu deinem HTML-Code: du nutzt Form-Elemente ohne ein Formular zu haben

    das stimmt nicht -
    man kann Form Elemente ohne Form nutzen -
    das <form> drumrum macht lediglich eine Group draus
    fürs action="xyz.php" und methode="get oder post" na und die id oder/und class -

    man kann ein Input allein verwenden zb.
    Gender: <input type="radio" id="woman" name="gender" value="woman"> - (((okay mit <label for="id" usw.. )))

    ( wobei ein radio allein natürlich meist wenig sinn macht :))

    ein
    <tr><td>eins</td><td>zwei</td><td>drei</td></tr>
    funktioniert auch ohne n <table>
    ist nicht mehr als n Div drum also ein Container
    na und Semantisch nicht einwandfrei - wenn es ne Form oder Table sein soll

    Gruß modem-kind 8)

  • Bootstrap Header will nicht transparent werden

    so weit zu sehen.. sieht man Nix..
    also es wurde ja kein Background definiert
    weder als Image noch als color
    dann braucht man auch kein transparent -
    Nix is ja schon Nix :)

    - wobei es bei image explizit auch none; heist u. nicht Transparent -
    mit opacity > opacity: 0.x; kann man da gar nix anfangen..
    (heist ja nicht > background-color: opacity: 0.x; /* oder /*
    background-image: -_-_-_- >> okay ich erspare es Uns :)
    wenn dann nur auf den Container in dem das Background-image oder -color steckt-
    bei body wär es halt der.. aber das wär ja doof..


    bei Background: transparent; ist beides weg -color und -image.
    darum sollte man es einzeln ansprechen
    background-color: Eigenschaft;
    background-image: Eigenschaft;
    außer man will ALLES weg u ne Zeile sparen ;)
    oder eben den Container - was aber was ganz anderes wär als NUR das
    background: , anzusprechen--

    Gruß aus Hamburg ..bzw. Rostock wo ich grad bin.. :)

  • eigene Icons

    Moin Melone,

    nee.. sieht ganz gut aus... WENN :

    1.
    die schrift dann auch den entsprechenden Elementen die es haben sollen
    auch zugewiesen ist mit :
    html, body{
    font-family: meine-schrift; /'' muss so sein */
    height: 100%; /'' kann anders sein frei wähbar */
    font-size: 16px; /'' kann anders sein frei wähbar */
    color: #ffffff; /'' kann anders sein frei wähbar */
    }

    2.
    DER PFAD zur Schrift auch stimmt und richtig geschrieben ist !!!
    meist so : ../fonts/meine-schrift.ttf

    3.
    Die Schrift auf dem Server auch wirklich als Dateien vorhanden sind !

    4.
    und zu 3. > am besten in mehreren Formaten .woff .woff2 .eot .svg .ttf
    was dann auch in @font-face angegeben werden muss -
    also so: ( ((das ist aber nicht unbedingt notwendig nur für einige ältere Browser - truetype sollte eigentlich reichen )))
    @font-face {
    font-family: 'robotomedium';
    src: url('../fonts/Roboto-Medium-webfont.eot');
    src: url('../fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Roboto-Medium-webfont.woff2') format('woff2'),
    url('../fonts/Roboto-Medium-webfont.woff') format('woff'),
    url('../fonts/Roboto-Medium-webfont.ttf') format('truetype'),
    url('../fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;
    font-style: normal;
    }


    ---------------------------------------------------------------------------------

    Schriften von anderen Quellen müssen nicht auf dem eigenem Server vorhanden sein und @font-face: !! - entfällt - !!
    Einbindung so :
    <head>
    <blabla
    <blabla
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Courgette"/>
    </head>

    last:
    es gibt auch noch andere Möglichkeiten Symbole einzubinden

    good Luck modem-kind

  • Erste eigene Website

    na das ja schön :)

    Jasperz -..wenn Du weiter mit Webseiten was machen willst..
    versuch mal Dir die Englischen Begriffe klar zu machen + zu lernen
    den die Tags , Argumente , Werte usw. sind nun mal in Englisch
    und bleibt auch so -

    n <header> ist nun mal von Head also ganz oben abgeleitet -
    und kein " Balken" ;)
    und n <footer> von Fuß also von ganz unten abgeleitet -
    keine "schwarze leiste" - :) und Schriftgröße heißt eben font-size im css
    usw.

    wenn das machst kannst auch im http://www.w3schools.com/ ..vieles lesen u. verstehen

    Lg. modem-kind

  • Internet Explorer stellt Bild anders dar als in Firefox

    In irgendeiner klasse steht
    <div class="xyz slide selected">

    in denen steht zb.
    { transform: translate3d(200px , 0 , 0 ); } ...der erste Wert ist für X Wert ( links - rechts )

    wenn man es vergleicht im zb. FF moz und IE ms
    stehen da nicht die selben Werte bei IE oft - (minus) Werte > im FF nicht -

    wenn man die auskommentiert für den IE
    ist das Bild immer wo es sein soll .

    diese Werte sind bei jedem Bild anders und werden - vermutlich über Javascript Dynamisch erzeugt ..


    für diese Angaben kein Gewähr :) ..aber ist so..
    wo man es nun ändert habe ich ohne Alle Dateien Lokal zu haben auch nicht raus bekommen..

    also der IE oder FF sind nicht dafür verantwortlich .. eher
    wohl eine css oder ein Javascript ..ich würde mich mal an die Jetpack Vertreiber wenden...

    ich weiß auch nicht ob es in Dateien Conditional Anweisungen gibt..
    <!--[if IE xy>
    Special instructions for IE xy here
    <![endif]-->


    • Gruß modem-kind

  • Button in einem anderen Frame öffnen.

    Zitat von Gastl

    - - - Aktualisiert - - -

    Ich habe dir mal ein Frameset erstellt, als ZIP-Datei. Sieh dir den Quelltext an.

    :) :)

    :):) deprecated ...

    ich weiß gar nicht was das soll...
    es ist doch nur die alte Art Navi von Content zu trennen..

    das Machen wir doch heute mit <nav> und <main id="content">

    ein iframe macht nur sinn wenn man SOFORTzu SEINEM Content GLEICHZEITIG ! > auf
    anderen Inhalt hinweisen oder zeigen möchte >> auf der selben Seite - !

    Für rein Lokale Seiten macht es noch weniger Sinn -mir ist schwindelig :)

    noch n iframe zip >>> HTML 5 !!

    iframe.zip

    Gute Nacht wünscht modem-kind

  • Div Slide Interaktion

    Jo stimmt beides - !

    bei :target muss man zudem auch noch über den Umweg gehen
    über
    <a href="#id">hüpf dahin</a>

    aufs Element und dann eine class in dem haben das dann :target wird -
    ansonsten springt das Ziel immer an den View-top was sehr nervt -

    da ist radio checked schon besser -

    ansonsten würde ich auch zu JQuery tendieren -
    Viel mehr Möglichkeiten -
    und wers aus hat - hat eben Pech - :)
    allerdings sind das wenige.. die meisten User wissen gar nicht was das ist
    u wie es an u. aus geht -
    bzw. Interessiert se auch nicht -

    --
    eigentlich ist das ja sowie nicht Tooltipps
    sondern Accordion - ( was man natürlich Tooltipp nennen kann )

    Tooltipps ist >>> titel="xyz"

    und gut ist auch..
    data-blabla="Hello World"

    das lässt sich auch schön gestalten..
    über css

    was bei titel ja gar nicht geht.. Eignung daher max nur fürn <a link Zusatz Erklärung

    Oki schönen Abend Dir + Danke
    modem-kind

    PS. es kommt ja auch immer auf den Content an den man darin braucht oder will
    / Menge / Format/ierung / Bilder /+~ Größe usw.
    evtl. käme ein Modal vllt. eher besser -

  • Div Slide Interaktion

    Hollo djheke ,
    ich wollte nochmal fragen..
    unabhängig davon das er hier ja besondere Funktions Wünsche hatte...
    ( auch so einer der sich nicht mehr gemeldet hat - nebenbei gesagt - tzz )


    Also : warum Du es mit input type="radio" // :checked - gemacht hast -

    es funktioniert ja gut - will nix sagen -

    wollt nur wissen warum grad damit ..
    statt vielleicht mit


    .eins, .zwei , .drei , .vier
    {
    display: none;
    }

    .eins:target , .zwei:target , .drei:target , .vier:target
    {
    display: block;
    }

    <body>

    <a href=#eins> Eins Anzeigen </a>
    <a href=#zwei> ZweiAnzeigen </a> ... usw.

    <article id="eins" class="eins"> text von eins </article>
    <article id="zwei" class="zwei"> text von zwei</article>

    ................ usw -

    gemacht hast ?

    gibt es dafür einen oder mehr besondere Gründe -- ?

    Gruß modem-kind


  • Erste eigene Website

    Zitat von Jasperz


    Das ganz funktioniert mittlerweile wunderbar,


    1.)
    ..aber sicher nicht im IE !! oder ? ....Du benutzt jetzt ein anderen Browser ..oder ?

    UND 2tens

    was meinst Du mit schwarzer Leiste ..was soll die da rechts neben section ?

    ------------------------

    achso und @djheke
    vergiß es mit den Präfixen...

    moz braucht das nicht
    und
    IE wirds Nie können :)

    Gruß modem-kind

  • Tabellen-Layout mit Grafiken - responsiv Design

    Hallo Lulu Tanja,
    1. zu erstmal wie viele Bilder möchtest Du denn neben! einander darstellen ? Alle ?
    2. wie breit sind die Bilder ?
    3. Du benutzt das .td tabel-cell ja gar nicht - !
    ... somit sind Deine div .section alles Block Elemente
    ( es funktioniert nur weil die alle float left haben )
    ____________________________________________________

    aber vergiß das mal ganz mit Deiner Tabelle Tabel-row usw.

    mach es mit Display Flex
    das ist Responsiv und funktioniert überall -


    das ist jetzt aber nur für Deine Bilder-Box Responsiv -
    was Du noch auf Deiner Seite/n hast ..weiß ich ja nicht

    Gruß modem-kind

  • Counter in Downloadbutton einfügen

    Hey Nabend,

    das hier ist Frei und Okay,
    mit Beschreibung..
    http://www.download-counter.lueth.com/download-dl-counter.php
    nur leider ohne Html-tags falls mans schön haben möchte..
    und mit CSS gestalten möchte...
    aber es ist nicht schwer die selbst einzusetzen...

    ich würde das...

    <input type="submit" ....... > --- ( ist veraltet ) ---

    allerdings gegen ein -

    <button name ="dl-btn[Deine-Datei.zip]">
    <img src="Dein-Download-Bild.png" width="150" height="90" <!-- oder .jpg oder .gif format -->
    </button> <!-- width + height Werte frei wählbar -->
    ....... -tauschen -

    bei fragen einfach nochmal fragen - ! okay ?

    aaach... und >>> Theas1965 so Gequatsche in der IT wer was kann.. hab ich schon lange satt !

    alles Wichtig-Tuer.. kenn ich schon - - - leider... :cool:

    LG ausm Weltall :) - so das wars für Heut Night sacht modem-kind to all :)

  • Counter in Downloadbutton einfügen

    Moin,

    ...manchmal frage ich mich ...???
    ...was so ein Forum überhaupt soll.. bzw. was manche hier wollen..
    ...also klar die einen möchten Hilfe.. verständlich ! ! !
    ...und die anderen sind hier um die geben zu wollen.. ?
    ___________ sieht oft anders aus !!!! eher nach Profilieren.... mmm
    ___________.... statt die Tasten mal für Hilfe zu drücken... wird Zeit verschwendet-

    man kann dem Mann doch auch mal sagen das es jede menge PHP Scripte
    im Netzt frei gibt für Counter die man nur einsetzen u. anpassen muss..

    Eintäuschend ist das..
    wozu seid Ihr denn überhaupt im Forum ???

    dann sagt doch lieber NIX oder geht raus !

    Rouven25 hat gegoogelt und ist hier gelandet, wie mach anderer..
    das ---
    und die Frage zu tippen + Formulieren war auch Mühe u. Zeit -
    und dann solche Antworten -- tzz

    Sorry muss Mann mal sagen..
    u. ist mir auch egal ob dieses hier gegen Regeln verstößt - !

    denkt mal nach..

    ( ( Arne + Mr-murphy + Djhecke - sind NICHT gemeint !!! ) Ihr helft echt gut ! )
    Angenehme Nacht + Guten Wochen Start Allen dennoch gewünscht :cool: :)

    Gruß aus Hamburg modem-kind :roll:

    PS. seht mal wie oft durch Googel diese Themen
    gefunden und auch gelesen wurden..
    um sonne unbrauchbaren Kommentare zu lesen haben .. sind die sicher nich hergekommen
    um Ihre Zeit zu verplempern .. und genervt ..von manchem.. -Prost

  • Html + CSS Zugriff durch Javascript

    okay
    mit ner for Schleife gehts natürlich..
    das man nicht jeden Index einzel schreiben muss..
    dann sind aber ALLE mit der Class betroffen.. die es schon gibt
    eine Ausnahme gibt es nicht ..
    Wenn ich dann einzelne nicht möchte .. muss ich eine neue/zusätzliche Klasse denen zuweisen
    die es sein sollen
    und den anderen Elementen darf ich denen die Klasse
    eben nicht zuweisen.. das heißt aber auch das ich schon bestehende Klassen
    dazu nicht verwenden kann.. also neue Klassen zufügen muss.. die ich dann ja explizit
    verteilen kann auf gewünschte Elemente.. dachte es gibt noch ne andere Schreibweise..-

    bei ByTag funktioniert es dann ja gar nicht es explizit zu machen..

    mm da muss es noch was anderes geben.. :) glaub ich

    Danke.. ;)