Beiträge von brainstuff

    Sempervivum Danke für Deine Antwort. Kann man mit Flex-direction auch die Anzeige für Smartphone Landscape anderst gestalten wie für Portrait? Ich habe eine andere Seite, wo ich gezwungen bin mit 2 Versionen zu arbeiten (per htaccess) und trotzdem kommt die Landscape Seite nicht optimal)

    Bei der alten Version geht die Drehung auch auf dem Smartphone ... wenn man auf das Logo tippt, dreht es sich wie ein Propeller, solange bis man auf einen anderen Platz tippt. Bei der neuen Version habe ich das bisher nur auf einem PC mit den Webtools von Firefox probiert ... damit ging die alte Version aber auch.

    Auf pxoxd.com/tt findest Du die alte Version wo der "Propeller" auch auf dem Smartphone dreht. Ich frage mich aber, ob dieser Effekt nicht mehr stört, wie er hilft. Das Projekt wird von der UNESCO unterstützt und es ist etwas fragwürdig, ob man da mit dem "Propeller" arbeiten sollte. Auf der PC Seite ist das nicht so dominant, wie auf dem Smartphone.


    Danke,

    brainstuff

    Hallo,


    Ich brauche auf einer Webseite 3 Kolonnen mit Bildern bzw inlineframes die dann auf einer PC Seite in 3 Kolonnen angezeigt werden und die auf dem Smartphone zu einer Kolonne werden.


    PC:


    H H H

    H H H

    H H H

    H


    SMARTPHONE:


    H

    H

    H

    H

    H


    In den einzelnen Zellen hat es dann wahlweise ein Bild bzw. eine html wo ein Bild mit einem Link drin ist. Wenn man auf ein Bild klickt, wird eine Seite geöffnet. Es muss einfach sein, da weitere Zellen dranzuhängen. Zwischen den Zellen - Kästen wird der Seitenhintergrund sichtbar.


    Geht das?


    Danke,

    brainstuff

    Sempervivum ich habe es jetzt mit flex versucht, aber das kommt auf dem Smartphone nicht so richtig (die icones kommen in einer Spalte neben dem Logo und diese Spalte ist dann höher wie das Logo).


    Deshalb habe ich die icones mal vorläufig unter das Logo gesetzt ... das sieht eigentlich ganz gut aus und ist auch auf dem Smartphone ok. Aber ... komischerweise .. dreht das Logo nur auf der PC Anzeige. Auf dem Smartphne (zumindestens bei Anzeige in Firefox mit der Smartphone simulations anzeige) bleibt das Logo statisch.


    #outer {

    display: flex;

    }


    #spinner:hover img {

    animation: ani 3s linear forwards infinite;

    }


    @keyframes ani {

    0% { transform: rotate(0); }

    100% { transform: rotate(-360deg); }

    }


    #right {

    margin-left: 5px;

    display: flex;

    flex-wrap: wrap;

    }


    #right>a {

    padding: 5px;

    }



    <div id="outer">

    <div id="spinner">

    <img src="images/pxoxd_logo.jpg">

    </div>

    </div>

    </div>


    <!-- Sprachen --!>


    <div id="right">

    <a href="flex uebereinander.html">

    <img src="http://example.com/_images/fl/de.png">

    </a>

    Sempervivum


    Danke, das geht ganz toll ... kannst Du mir bitte noch sagen, wie ich rechts daneben einen Kasten setzen kann, in dem es beliebig viele Icones hat, die man anklicken kann (dann öffnet sich eine andere Seite)


    Also es soll dann so aussehen:


    ooooooooooo a b c d

    ooooooooooo e f

    ooooooooooo


    Die "o's" sind das drehende Logo a b c ... sind die Icones (für Seiten in anderen Sprachen


    Ich bringe das einfach nicht hin ... das der Kasten mit den Sprachen will einfach nicht neben dem Logo erscheinen, sondern die Ikones kommen immer in der nächsten Zeile (= unter dem Logo, statt daneben)


    Danke

    brainstuff

    DrBagel112358  

    Das mit der .htaccess Datei ist mit sehr grosser Wahrscheinlichkeit nicht zutreffend. PUNKThtaccess ist eine versteckte Datei ... der Punkt davor wird von verschiedenen Betriebssystemen dazu verwendet, um eine Datei als unsichtbar zu deklarieren. Die meissten FTP Programme zeigen .htaccess an, wenn man nicht die Optionen verändert. Es gibt aber auch FTP Programme, die .htsccess nicht anzeigen können. Zum Beispiel das FTP add on von Totalcommander Android kann bei uns .htaccess nicht anzeigen (das ist sehr schade, weil das FTP von Totalcommander für Android sonst perfekt ist). (Die FTP Funktion von Totalcommander für Windows kann das aber problemlos, wenn man in Totalcommander die Einstellung auch versteckte Dateien anzeigen aktiviert). Das FTP von Totalcommander ist besser wie Filezilla weil es den Ordner auf dem Server, neben dem lokalen Server anzeigt: da kann man dann alles problemlos vergleichen.


    Dein Problem kommt mit grosser Sicherheit davon, dass Du gross geschriebene Buchstaben verwendest. (das sieht man auf Deinen Screenshots.


    Auf Deinem Windows Rechner funktionniert das weil Windows keinen Unterschied zwischen Gross und Kleinschreibung macht. Auf dem Server macht das Betriebssystem aber einen Unterschied zwischen gross und klein Schreibung. "PDF" ist da nicht gleich "pdf" Wenn Du irgendwo auch nur einen Buchstaben von einem Datei (oder Ordnernamen) gross, statt klein oder klein statt gross schreibst geht es nicht mehr.


    Die Tatsache, dass Dein Werk auf dem heimatlichen Windows Rechner läuft und nicht auf dem Internet Server, ist ein ganz klares Zeichen dafür, dass da ein oder mehrere Buchstaben nicht gleich geschrieben sind.


    brainstuff

    Hallo,


    ich versuche eine responsive Seite mit 3 Kolonnen zu machen. Es hat links und rechts einen leeren Bereich und in der Mitte eine Slide-Show : I I ooo I I.


    über der Slide Show braucht es ein Menu .. das heisst es steht rechts oben menu und dann kommt die Slide Show.


    Das habe ich jetzt so wie in den Code Beispiel im Anhang. Aber da kommt zwar die Slide-Show dort wo sie sein soll (= horizontral zentriert in der Mitte vom Bildschirm) aber das Menu wird in der linken Kolonne angezeigt... In der Smartphone-Version soll das dann im Portrait-Format. So kommen: IooI. (also mit sehr geringem Rand auf beiden Seiten) und im Querformat so: I. ooo. I .


    Jetzt wird das Menu in der PC Version am linken Bildschirmrand angezeigt, im Portrait-Format auf dem Smartphone wird es nicht angezeigt und im Querformat ist das Wort Menu auch am linken Bildschirm rand.

    Ich verstehe nicht warum.


    Danke

    brainstuff


    m.scatello


    Im Augenblick habe ich das Menu mit dem CSS was Du im Anhang findest aufgebaut. Wenn man auf einen Menu-Punkt klickt, wird eine html Datei aufgerufen und dann wird zum Beispiel ein Kontaktformular angezeigt ... das sieht dann so aus, wie der "Quellcode" hier aussieht (inks der Text und rechts viel unnütze weisse Seite) und das nicht in einem Fenster wie hier, sondern auf der ganzen Seite.


    Ich will, dass das Kontaktformular als "Fenster" auf der Seite angezeigt wird und ich will dass es möglich ist zu bestimmen wo und wie gross dieses Fenster erscheint.


    Die Seite ist "responsive", aber (zumindestens im Augenblick noch) es hat je eine spezielle Version für PC Bildschirme und für Smartphones. Auf dem Smartphone kommt das mit den Menu-Items perfekt (die überdecken den normalen Inhalt vollständig, es hat keine grosse leere Fläche). Auf der PC Version, hat es aber viel zu viel weisse Fläche, weil die Formulare eine neue Seite sind, die die ursprüngliche Seite überdecken ... (-> http://form1.ch)


    Danke,

    brainstuff



    Danke Arne,


    Ich hatte gehofft, dass es auch in HTML so eine Möglichkeit gibt, weil das mit dem ALT= ja eigentlich auch eine Logik ist .. (=wenn das Bild nicht angezeigt werden kann kommt der Text) aber da das mit PHP geht, mache ich das jetzt damit..


    Danke.

    brainstuff

    Hallo,


    Wenn man


    <input type="image" src="submit.gif" alt="Submit.gif">


    ins html schreibt wird das Bild angezeigt, wenn es existiert und wenn nicht, der Text.


    Ich möchte aber ein alternatives Bild anzeigen ... also wenn http://xxx.com/images/submit.gif nicht existiert (weil ich ohne Internet arbeite), dann wird .../images/submit.gif angezeigt ...

    Weie kann man das machen?


    Ich will in Zukunft mit einer Bilder-Datenbank auf einem Server arbeiten. Da sind alle Standard-Bilder gespeichert, die auf verschiedenen Webseiten verwendet werden. Diese Bilder sind dann prioritär. Wenn zum Beispiel ein Logo verwendet wird, dann wird das zuerst auf diesem Bilder Server aktualisiert. Ein eventuel im Verzeichnis images von der Zieldomain vorhandenes Bild ist nur eine Notfall Lösung, für den Fall, dass das andere Bild nicht gefunden wird.


    Danke,

    brainstuff

    ja Basti1012 ich brauche ein Frame was sich über einem Teil der Seite öffnet. Es hat jetzt ein Menu, wenn ich auf Menu Klicke klappt das Menu auf und dann kann man ein Menu-Item wählen ... also zum Beispiel Kontakt. Wenn man da dann drauf klickt öffnet sich die Köntakt Seite, die ersetzt dann den Inhalt, der vorher da war. Da ist dann gut die Hälfte der Seite "weiss".


    Der Inhalt der Kontakt Seite ist aber nur halb so breit und nicht so hoch, wie die normale Seite ... desshalb will ich, dass die Kontakt Seite nur einen Teil der Seite überdeckt. Eigentlich klappt dabei das drop-down Menu auf und dann klickt man auf den Menu-Punkt "Kontakt" und dann klappt das Fenster "Kontakt" auf genauso wie das Drop-down Menu. Es soll eigentlich ungefähr so sein, wie ein "Accordeon" wo man auf die Kopfzeile klickt und dann öffnet sich der Inhalt. Nur muss sich dieser Inhalt an einem definierten Platz auf der Seite in einer festgelegten Grösse öffnen.


    Danke,

    brainstuff

    Hallo,


    ich brauche eine Seite, die, wenn man sie aufruft, sich über der Seite, von der aus sie aufgerufen wird, legt (nur als pop-up fenster. die Grösse und der Ort muss einstellbar sein. Jetzt wird die Seite von einem Menü aus aufgerufen und überdeckt dann den ganzen Bildschirm respektive sie wird als neue Seite in den TAB geladen, in dem die Seite mit dem Menu vorher angezeigt wurde.


    Kann man das mit Z-Index machen?


    Danke

    brainstuff

    basti1012


    in der Konsole finde ich :


    ---------

    Geerbt von Html:


    --cd-color-1: hsl(218, 7%, 32%);

    --cd-color-1-h: 218;

    --cd-color-1-s: 7%;

    --cd-color-1-l: 32%;

    --cd-color-2: hsl(127, 83%, 80%);

    --cd-color-2-h: 127;

    --cd-color-2-s: 83%;

    --cd-color-2-l: 80%;

    --font-primary: 'Jaldi', sans-serif;

    }

    --------


    In der html ist aber nichts davon


    Das Font-primary, hat es in der CSS ... das habe ich durch ARIAL ersetzt und das ändert die Schrift wirklich.


    In der CSS finde ich auch dieses:

    :root,

    [data-theme="default"] {

    --color-primary-darker: hsl(220, 90%, 36%);

    --color-primary-darker-h: 220;

    --color-primary-darker-s: 90%;

    --color-primary-darker-l: 36%;

    --color-primary-dark: hsl(220, 90%, 46%);


    (die Liste ist noch länger)


    Wenn ich da mit dem Cursor über zum Beispiel "(220,90%,46%)" gehe, wird die entsprechende Farbe angezeigt .... das "hsl(220, 90%, 36%);" ist zum Beispiel ein dunkeles Blau.


    Ich gehe jetzt davon aus, dass das eine Tabelle ist, die eine Farbe einer Variablen zuordnet. Aber ich verstehe noch nicht wie das funktionniert. Warum werden die Werte in der ersten Zeile (color-primary-darker: hsl(220, 90%, 36%);) dann in den nächsten Zeilen wiederholt? Und wie heisst die Variable für die Farbe?


    Danke,

    brainstuff

    PS Ich habe jetzt herausgefunden, dass das die Zeile background-color:var(--cd-color-2) den Hintergrund grün färbt .. wenn ich background-color:var(--cd-color-3). rein schreibe ist der hintergrund weiss. Aber das ist nur weil color-3 nirgendwo definiert ist. Wenn ich das in color-1 umstelle, dann ist der hintergrund dunkelgraus (wie Teile vom Accordion). Im Accordeon hat es dunkelgraue und schwarze Items. Aber die Einstellung für die schwarzen Elemente finde ich auch nicht.


    Es hat auch noch komplexere Einträge:


    hsl(var(--cd-color-1-h), var(--cd-color-1-s), calc(var(--cd-color-1-l)*1.1))

    Sempervivum   Sailor


    das mit dem suchen und ersetzen habe ich auch schon überlegt, aber da ich kein wirklicher MAC Experte bin, kenne ich den Code nicht der beim MAC backslash n ersetzt ... schlimmer noch ich finde die Taste nicht die den backslash erzeugt ...


    ---

    Ich bin bei weitem kein MAC fan, ich bin dabei zu lernen mit einem MAC umzugehen, weil es eigentlich ziemlich borniert ist, wenn man nur ein Windows experte ist. .. Das habe ich auch mit Android und LINUX gemacht. Deshalb bin ich jetzt auf einem ziemlich hohen Wissenstand was die Nutzung von Android, Linux und Windows betrifft ... aber beim MAC bin ich noch nicht so weit. MAC ist zusätzlich vorne hui und hinten (etwas) pfui. Es ist zwar nicht mehr so, dass das MACBook was ich jetzt hier benützen muss, nur leicht voll krass schneller, wie der McIntosh ist, aber ein LINUX Rechner, der die hälfte kostet ist dann doch schneller. Ich hoffe, dass mein "Freund", der Trampel von Amerika, jetzt noch anderen Chinesen die Nutzung von Android verbietet und dass die dann endlich ein Bertiebssystem fabrizieren, was abwärtz-kompatibel, zu allen anderen Btriebssystemen ist und wo man dann alles so einstellen kann, wie man das braucht oder gewohnt ist. Dann kann sich der Trampel seinen Dreck an den Hut stecken! Das ist dann ein Meilenstein dafür, dass Amerika wieder greater wird: die produzieren dann wen iger Dreck! Das ist eine Win-Win Situation!:P:P:P:P:P

    ----


    In der css hat es zum Beispiel: body{background-color:hsl(10, 83%, 10%) da zeigt mir mein Text Editor, dass das angeblich schwarz ist ... ich habe festgestellt, dass wenn ich "hsl" lösche und was anderes schreibe, andere Worte bzw Farben vorgeschlagen bekomme, wenn ich da zum Beispiel "s" eingebe kommt seegreen als Vorschlag. Aber wenn ich das ändere, ändert sich nichts auf der Seite. Wahrscheinlich bin ich da auf dem Background von einer Funktion, die nicht genutzt wird.


    Die Seite die ich da bearbeite ist ein tree-style accordion das ist eigentlich ganz genial (es ist auch responsive) aber ich muss herausfinden wie ich die Farben ändern kann ... und das geht bisher noch nicht einmal für den Background, der ständig grèn bleibt. Das Accordeon ist fast schwarz und auch da finde ich bis jetzt nirgendwo die Einstellung, die das festlegt.


    Danke,

    brainstuff

    Sempervivum


    Danke für den Tip mit dem online tool ... das ist eine sehr gute Sache. Ich habe die Datei jetzt wenigstens nicht mehr als Fliesstext ... aber das CSS was das dann erzeugt hat dann anscheinend einige Fehler, weil das vorher ein kompiliertes CSS war ... es sieht zwar viel besser aus, aber die Seite funktionniert damit nur teilweise.


    Ich vermute dass background-color: var(--cd-color-2); die Farbe irgendwie einbindet.


    danke,

    brainstuff

    @Sempervivum


    Wenn ich das mit Firefox untersuche komme ich auch nicht weiter ... da steht: background-color: var(--cd-color-2); ... das hatte ich schon vorher gefunden und das kann ich nicht ändern.


    Ich habe auch noch nicht so richtig verstanden, was das mit dem Kompilen von dem scss zu css bewirkt ... das css was da entsteht ist nur ein css ohne Zeilenumbrüche ...

    Ich arbeite hier auf einem MAC und der hat kein notepad+++ sondern einen eigentlich ganz tollen Editor "Brackets" .. aber der kann Fliesstext nicht mit CR versehen. Auf Windows habe ich das manchmal mit Word geschafft ... da kann man Fliesstext hineinkopieren und dann wird der so wie er sein soll. Aber auf dem MAC geht das anscheinend nicht.


    Ich weiss auch, dass es Schwachsinn ist, zu versuchen, die Zeilen manuel umzubrechen ..


    Danke,

    brainstuff

    Hallo,


    Ich suche in einem css nach der Einstellung von der Background-Farbe. Ich habe alles versucht ... ich habe sogar die Werte der Farbe mit einem colorpicker bestimmt und dann danach gesucht.


    Das css von dem template ist leider nicht sehr leserlich (es ist ohne CR im Fliesstxt und es ist so gross, dass es Stunden dauern würde bis ich das einigermassen leserlich umformatiert habe).

    Mein text editor zeigt immer dann, wenn man den cursor über eine Farbeinstellung führt, die Farbe an ... aber auch damit finde ich die se Farbe nirgendwo.


    Gibt es irgend eine Methode mit der ich das css besser analysieren kann damit ich endlich diese Farbe finde?


    Danke,

    brainstuff

    Arne Drews Ich habe Freunde, die viel unterwegs sind. Die müssen oftmals irgendwelche public W-Lan's oder public Rechner in Bibliotheken benutzen mit denen sie ihre Emails abrufen. Es kommt dabei oft vor, dass die weder einen portablen Mail Clienten (Thunderbird, Outlook,...) noch eine von den völlig verblödeten Webmail Klienten (Horde, Squirl, .... und ähnlichen shit) verwenden können, weil die bestimmte offene Ports verlangen.


    Die müssen dann directbox.com nehmen. ... das ist zwar ziemlich gut (man kann sogar IMAP Mails von einem eigenen Server abrufen) aber. ... es hat anscheinend keine Möglichkeit für eine "Unterschrift" bzw für ein Logo was, die dann an ihre zu sendenden Mails anfügen können. (das sind zwar html Mails, aber man kann den Code vom html nicht bearbeiten.... (das ist schon bei Thunderbird nicht ganz Idiotensicher .. )


    Da der Text auf directbox in einem html Mail steht, wird da der Text den man eingibt offensichtlich in ein html file eingefügt.


    Wenn man in einem normalen html File einen Text hat. <p>mein text</p> kann man den eigentlich "unterbrechen" : <p>mein <e> untertext </e>text </p> Deshalb frage ich mich, ob man nicht auch in den Text von einem Email einen HTML code reinsetzen kann ... <img src = "http://xx.com/meinlogo.jpg" ....>


    Es ist ausserdem auch so, dass man ein Logo dazu verwenden kann, dass man sieht, dass das Email gelesen worden ist ... das ist für manche Leute interessant ... zum Beispiel für einen Verein: die können dann zählen, wie viele Mitglieder den news-letter gelesen haben...


    Ich habe da schon viele Sachen versucht, aber bis jetzt habe ich nichts gefunden, was das irgendwie machen kann.


    Danke,

    brainstuff

    fast alle emails sind inzwischen html Dateien ... aber die dämlichen Email Programme verschleiern das immer irgendwie und es hat keine Möglichkeit in diesen Programmen, mit der man auf eine Anzeige des html Codes umschalten kann.


    Schon in email Klienten (Thunderbird, Outlook, ..) ist es extrem kompliziert zum Beispiel eine Email-Vorlage als HTML zu fabrizieren. Wenn man irgend so ein WEB-Email verwendet, dann wird einem meistens noch nicht einmal einen Möglichkeit angeboten eine "Signatur" automatisch an die Mails dranzuhängen, die man abschickt.


    Ich suche verzweifelt nach einer Möglichkeit, wie man auch an emails die man mit einer Webmail Seite verschickt ein Logo dranhämgen kann ...


    Gibt es irgend eine Möglichkeit mit der man so ein html email "aufbrechen" kann ... Ich denke mir, dass in dem HTML code von den emails irgendwo eine Zone hat, in die dann der Text geschrieben wird ... so im Style <p> hier ist der Text der im Mail steht. </p> Wenn man dann als Text in das mail hier ist der </p> <a> src="http://meine Seite/images/mein logo.jpg" alt= "xxxxx" </a> <p> text der in der mail steht schreibt, müsste doch eigentlich der Code für das Logo umgesetzt werden ... ?????


    Oder hat hier irgend jemand eine andere Idee, wie ich ein Logo, was auf einem Server im Internet gespeichert ist, auch in Mails einfügen kann, die mit einer Web-Mail verschickt werden.


    Danke,

    brainstuff

    Hallo,


    Ich habe auf einer Seite eine tolle "Slideshow" gefunden. Die zeigt wenn man sich nicht darum kümmert so ca 30 Bilder an die endlos wechseln. Wenn man mit der Maus auf die Slideshow geht, dann kann man die Bildwechselfrequenz stufenlos einstellen ... wenn der Cursor in der Mitte steht, dann bleibt das Bild stehen, wenn man nach links im Bild geht werden die Slides in absteigender Reihenfolge gewechselt (je weiter man an den linken Bildrand geht um so schneller werden die Bilder gewechselt ... stufenlos). Wenn man an den rechten Bildrand fährt, werden die Bilder in aufsteigender Reihenfolge angezeigt.


    Kennt jemand hier ein Ttorial dafür? Oder weiss wenigstens wie das heisst?


    Danke,

    brainstuff