Beiträge von Detlef

    Habe ich ja, aber es klappt leider nicht.


    So war mein letzter Versuch:


    html:


    <!--Bildfolge 1--!>


    <script src="./java/BildlaufA.js" type="text/javascript"></script>
    <div id="bilder0">
    <form name="formA"><IMG name=image border=0 SRC="./bilder/1.jpg"></form>
    </div>


    <!--Bildfolge 2--!>


    <script src="./java/BildlaufB.js" type="text/javascript"></script>
    <div id="bilder1">
    <form name="formB"><IMG name=image border=0 SRC="./bilder/1.jpg"></form>
    </div>


    Java : BildlaufA.js :


    function makeArray() {
    this.length = makeArray.arguments.length
    for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i]
    }
    var teams = new makeArray ( "./bilder/2.jpg", "./bilder/3.jpg", "./bilder/4.jpg" , "./bilder/5.jpg", "./bilder/6.jpg", "./bilder/7.jpg", "./bilder/8.jpg", "./bilder/9.jpg", "./bilder/10.jpg" , "./bilder/11.jpg", "./bilder/12.jpg", "./bilder/13.jpg", "./bilder/14.jpg");
    var eatMe = 1;
    function rotor() {
    document.formA.image.src = teams[eatMe];
    eatMe += 1;
    if (eatMe == 14) eatMe = 1; //Anzahl aller Bilder
    setTimeout("rotor()", 1000); //Bildwechsel ZEIT
    }


    Java : BildlaufB.js :


    function makeArray() {
    this.length = makeArray.arguments.length
    for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i]
    }
    var teams = new makeArray ( "./bilder/2.jpg", "./bilder/3.jpg", "./bilder/4.jpg" , "./bilder/5.jpg", "./bilder/6.jpg", "./bilder/7.jpg", "./bilder/8.jpg", "./bilder/9.jpg", "./bilder/10.jpg" , "./bilder/11.jpg", "./bilder/12.jpg", "./bilder/13.jpg", "./bilder/14.jpg");
    var eatMe = 1;
    function rotor() {
    document.formB.image.src = teams[eatMe];
    eatMe += 1;
    if (eatMe == 14) eatMe = 1; //Anzahl aller Bilder
    setTimeout("rotor()", 1000); //Bildwechsel ZEIT
    }


    wenn ich das so mache, Steht Bildfolge 1 auf dem Ersten Bild fest und die Bildfolge 2 läuft so wie es soll.


    Gruss Detlef

    Hallo,


    jub das klappt gut, so hatte ich mir das vorgestellt. Danke!


    eine andere Frage noch: kann man auch eine Grafik so an eine Position bestimmten , oder einen Link?


    <img class="bildthema" src="./bilder/gemeindehaus03.jpg" >


    hier würde ich gerne den ganzen Bereich oder nur den Rotenbereich auslagern.


    <a href="./Termine/besondere.html"> » mehr Info´s </a>


    Hier das gleiche beim link.


    Geht das auch ?


    Gruss Detlef

    Hallo zusammen,


    Ich möchte gerne einen Text laden, dass heißt. An einer Stelle die ich vor her im hmtl bestimme soll ein Text angezeigt werden. Diese sollte in einer Extra Datei stehen. Wenn ich dann dann den Text ändern will, will ich nicht die Webseite ändern, sondern nur den Text. Sodas sich dann auch der Text auf der Webseite ändern, geht sowas ?


    Hoffe ihr habt verstanden, was ich haben möchte, sonst fragt einfach nochmal nach.


    Detlef

    Hallo zusammen,


    so nun bin ich dran, bissle mich mit Java auseinander zu setzen.


    habe folgende Code bei mir im html eingebunden:


    <html>


    <head>
    <link rel="stylesheet" href="./design.css" type="text/css">
    <title> test</title>




    </head>
    <body onload="rotor(0)">




    <!-- Bilderlauf -->
    <script language="JavaScript">



    function makeArray() {
    this.length = makeArray.arguments.length
    for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i]
    }
    var teams = new makeArray ( "./bilder/2.jpg", "./bilder/3.jpg", "./bilder/4.jpg" , "./bilder/5.jpg", "./bilder/6.jpg", "./bilder/7.jpg", "./bilder/8.jpg", "./bilder/9.jpg", "./bilder/10.jpg" , "./bilder/11.jpg", "./bilder/12.jpg", "./bilder/13.jpg", "./bilder/14.jpg");
    var eatMe = 1;
    function rotor() {
    document.form.image.src = teams[eatMe];
    eatMe += 1;
    if (eatMe == 14) eatMe = 1;
    setTimeout("rotor()", 2000);
    }
    </SCRIPT>
    <div id="Bilder1">
    <form name="form"><IMG name=image border=0 SRC="../bilder/1.jpg"></form>
    </div>
    <!-- Bilderlauf Ende -->
    </body>
    </html>


    das klappt auch ganz gut, nun möchte ich dies in einer Java Datei auslagern. Das habe ich so gemacht:


    html:
    <html>


    <head>
    <link rel="stylesheet" href="./design.css" type="text/css">
    <title> test</title>
    <script src="test.js" type="text/javascript"></script>



    </head>
    <body onload="rotor(0)">




    <!-- Bilderlauf -->


    <div id="Bilder1">
    <form name="form"><IMG name=image border=0 SRC="../bilder/1.jpg"></form>
    </div>
    <!-- Bilderlauf Ende -->
    </body>
    </html>


    test.js


    function makeArray() {
    this.length = makeArray.arguments.length
    for (var i = 0; i < this.length; i++) this[i+1] = makeArray.arguments[i]
    }
    var teams = new makeArray ( "./bilder/2.jpg", "./bilder/3.jpg", "./bilder/4.jpg" , "./bilder/5.jpg", "./bilder/6.jpg", "./bilder/7.jpg", "./bilder/8.jpg", "./bilder/9.jpg", "./bilder/10.jpg" , "./bilder/11.jpg", "./bilder/12.jpg", "./bilder/13.jpg", "./bilder/14.jpg");
    var eatMe = 1;
    function rotor() {
    document.form.image.src = teams[eatMe];
    eatMe += 1;
    if (eatMe == 14) eatMe = 1;
    setTimeout("rotor()", 2000);
    }

    So, das klappt auch, aber nun möchte ich das gleiche nochmal , ergo zweimal einbinden , geht das . Müsste es doch, man muss doch aus mehre Java Dateien einbinden können?!


    Hoffe mir kann jemand bissle weiter helfen, DANKE


    Detlef

    Hallo zusammen,


    hab mal wieder ein kleins Porblem.


    Möchte das die Liste eine Breite von 130px hat, bekomme aber die Liste ist immer nur so breit wie, wie der Text. Der Hintergrund sollte aber über die ganze Liste gehen. Hat einer ne Idee, wodrann es liegen kann?


    Im IE wird es so angezeigt, wie ich es haben will, aber nicht firefox leider nicht.


    http://www.fueten.com


    Danke schon mal für die Hilfe


    Detlef


    werde weiter testen, also nicht wundern, wenn ihr die Seite aufruft.

    Hallo,


    nein möchte ich nicht, nur ein bestimmtes, was ich zuweisen und eine klasse, aber habe mal den code von dir in einer klasse kopiert und es funzt, danke für deine Hilfe.


    Gruß Detlef

    hallo zusammen,


    hab da ein kleines Problem.


    Möchte Text um ein Bild fließen lassen, wenn ich dies im html schreibe klappt es. Möchte diese Information aber im CSS anlegen.


    Nur im html, so klappt es :


    <img src="./bilder/gemeindehaus03.jpg." width="200px" align="left" hspace="10px" vspace="10px">


    möchte dies aber lieber in der CSS ablegen, so habe ich es gemacht, klaptt aber nicht:


    html:


    <img class="bildthema" src="./bilder/gemeindehaus03.jpg.">


    CSS:


    .bildthema{
    width: 200px;
    align:left;
    hspace:10px;
    vspace:10px;
    }


    Die weite wird übernommen, der Rest aber nicht. Hat eine ne Idee, was ich falschgemacht habe ?


    Danke für euere Hilfe , Detlef

    Soooooooo,


    hab es fast hinbekommen, zwei sache noch die ich noch nicht hinbekommen habe,


    1) Die Hindergrundfarbe bei den Link
    2) Border ganz oben, wenn ich Top einstellen, bekomme ich dadurch in den mitten überall doppelt.


    aber werde weiter machen, wollte es nur mal kurz mitteilen.


    Detlef


    Schönes Wochenende zusammen, ich werde weiter dran basteln....

    Guten morgen Alex,


    danke, hab dir mal ein Bild reingetstellt, wie es ungefähr aussehen sollte.


    komme der sache immer ein stück näher....


    was ich garnicht verstehe ist der unterschied zw explorer und mozilla, aber denke, das kriege ich auch noch in den griff, werde weiter lesen, testen und üben...


    bin für jede hilfe dankbar.


    gruß Detlef

    Guten Morgen,


    weißt du, ja ich bin am üben und lernen, ja kann auch sein, das ich vielleicht zu blöd dazu bin, ja ich habe auch Bücher hier, für CSS und Html, und du kannst mir glauben, ich tue seit 2 Wochen fast nix anders als drin zu lesen.


    Aber weiß du, meckern ist immer leicht. Habe alle deine Fehler wie du sagt raus gemacht und der Unterschied zwischen den beiden Explorer und Mozilla bleiben immer da.


    Aber trotzdem danke ich dir für deine Mühe und Hilfe, werde da schon durch kommen.


    Aber bitte vergleiche nicht die Bibel mit irgendein anders Buch, das ist nicht möglich.


    Es mag sein, nein es ist so, das was ich lese nicht (noch) nicht umsetzen kann, aber es ist halt viel an Infos die ich umsetzen und beachten muss, aber was soll, das bekomme ich schon hin.


    Werde dich nicht weiter deine so Kostbare Zeit in Anspruch nehmen.


    Danke für deine Hilfe.


    Detlef


    Nicht jeder Mensch ist gleich und rafft daher manche Sache so wie andere, aber jeder Mensch hat seine Vorzüge.......

    So da bin ich noch mal,


    hab die Seite noch mal angefangen neu zu machen, aber irgendwie hänge ich jetzt wieder un komme nicht weiter. Könnte mir mal einer unter die Arme greifen ?


    Folgende Problem, die man sich auch anschauen kann


    http://www.fueten.com


    Bei Mozilla:


    1) Wird die Schriftgrösse nicht angenommen
    2) Wird die Hintergrundfarbe der unter Menüs nicht angenommen


    Zwischen Mozilla und Explorer


    1) Ist die Seitliche Verschiebung der Navileiste total unterschiedlich.


    Waäre schön wenn ich hilfe bekommen könnte, werden Euch den Code mal reinkopieren, aber auch weiter testen.


    Danke schon mal für die Hilfe, Detlef


    html:


    <html>


    <head>
    <link rel="stylesheet" href="./designtest.css" type="text/css">
    <title> test</title>


    <style type="text/css">



    </style>


    </head>
    <body >


    <!-- Kopf -->
    <div id="Kopfhintergrund">


    </div>
    <!-- Kopf Ende -->


    <!-- Box links -->
    <div id="LinksHintergrund">


    <!-- Navigation -->
    <ul span class="navi">
    <li span class="navi-0"> Navigation</li></span>
    <li span class="navi-1"> Gemeindegruppen</li></span>
    <li span class="navi-2"> <a href="./Gemeindeleitung.html"> Gemeinedeleitung </a> </li></span>
    <li span class="navi-2"> <a href="./Hauskreise.html"> Hauskreise </a></li></span>
    <li span class="navi-2"> <a href="./Sonntagsschule.html"> Sonntagsschule </a></li></span>
    <li span class="navi-2"> <a href="./Jungschar.html"> Jungschar </a> </li></span>
    <li span class="navi-2"> <a href="./kindertreff.html"> Kindertreff </a></li></span>
    <li span class="navi-2"> <a href="./Teens.html"> Teens </a></li></span>
    <li span class="navi-2"> <a href="./OpenHouse.html"> Open House </a></li></span>
    <li span class="navi-2"> <a href="./Singteam.html"> Singteam </a></li></span>
    <li span class="navi-1"> Termine &amp; Veranstaltungen</li></span>
    <li span class="navi-2"> <a href="./r-Termine.html"> Regelm&auml;&szlig;ige Veranstaltungen </a> </li></span>
    <li span class="navi-2"> <a href="./besondere.html"> Besondere Veranstaltungen </a></li></span>
    <li span class="navi-2"> <a href="./Openhouse.html"> Openhouse </a></li></span>
    <li span class="navi-1"> Wer wir sind... <br />...und was wir glauben </li></span>
    <li span class="navi-2"> <a href="./prolog.html"> Prolog </a> </li></span>
    <li span class="navi-2"> <a href="./wer.html"> Wer wir sind </a></li></span>
    <li span class="navi-2"> <a href="./Arbeiten.html"> Wie wir arbeiten </a></li></span>
    <li span class="navi-2"> <a href="./frei.html"> Freie </a> </li></span>
    <li span class="navi-2"> <a href="./Evangelisch.html"> evangelische </a></li></span>
    <li span class="navi-2"> <a href="./Gemeinde.html"> Gemeinde </a></li></span>
    <li span class="navi-1"> Abendmahl und Taufe</li></span>
    <li span class="navi-2"> <a href="./Abendmahl.html"> Abendmahl </a> </li></span>
    <li span class="navi-2"> <a href="./Taufe.html"> Taufe, Kindersegnung </a> </li></span>
    <li span class="navi-2"> <a href="./Glaubenstaufe.html"> Glaubenstaufe </a></li></span>
    <li span class="navi-1"> Gemeinde...</li></span>
    <li span class="navi-2"> <a href="./Organisation.html"> ...Organisation </a> </li></span>
    <li span class="navi-2"> <a href="./Gemeindemitglieder.html"> ...Mitglieder </a> </li></span>
    <li span class="navi-2"> <a href="./Gemeindemitgliederversammlung.html"> ...Mitgliederver. </a> </li></span>
    <li span class="navi-2"> <a href="./Gemeindeleitung.html"> ...Leitung </a> </li></span>
    <li span class="navi-2"> <a href="./Gemeindegruppen.html"> ...Gruppen </a> </li></span>
    <li span class="navi-2"> <a href="./Gottesdienst.html"> ...Gottesdienst </a> </li></span>
    <li span class="navi-2"> <a href="./Kinder.html"> ...Kinder </a> </li></span>
    <li span class="navi-2"> <a href="./finanziert.html"> ...Finanzierung </a> </li></span>
    <li span class="navi-1"> Mission....</li></span>
    <li span class="navi-2"> <a href="./mali.html"> Klingelhöfer in Mali </a> </li></span>
    <li span class="navi-2"> <a href="./weg.html"> Der Weg </a></li></span>
    <li span class="navi-2"> <a href="./bibelschule.html"> Bibelschule NL </a></li></span>
    <li span class="navi-2"> <a href="./Schmaranzer.html"> Familie Schmaranzers </a> </li></span>
    <li span class="navi-1"> Verschiedenes</li></span>
    <li span class="navi-2"><a href="../Anfahrt/Anfahrt.html">Anfahrt</a></li></span>
    <li span class="navi-2"><a href="./kontakt/Kontakt.html">Kontakt</a></li></span>
    </li>
    </ul>
    <!-- Navigation ENDE-->
    </div>
    <!-- Box Links Ende -->


    <!-- Box links -->
    <div id="MitteHintergrund">


    </div>
    <!-- Box Mitte Ende -->


    <!-- Box rechts -->
    <div id="RechtsHintergrund">


    </div>
    <!-- Box rechts Ende -->


    </body>
    </html>


    CSS


    /* Bestimmen Hintergrundbild */
    body { background-color :#bebebe ; }


    a {text-decoration: none; color: blue;}
    a:hover {color:ff0000}


    /* Hintergruende*/
    #Kopfhintergrund {
    background-color :black;
    color:white;
    height: 8em;
    width: 50em;
    margin-top: 5em;
    margin-left: 5em;
    }


    #LinksHintergrund {
    background-color :ffb061;
    height: 80em;
    width: 15em;
    margin-top: -1em;
    margin-left: 5em;
    list-style: none;
    }


    #MitteHintergrund {
    background-color :white;
    height: 80em;
    width: 30em;
    margin-top: -80em;
    margin-left: 15em;
    }


    #RechtsHintergrund {
    background-color :ffb061;
    height: 80em;
    width: 10em;
    margin-top: -80em;
    margin-left: 45em;
    }


    .Navi{
    margin-left: -1px;
    list-style: none;
    font: 10pt/12pt;
    font-family:Arial;
    text-align:left;
    width: 130px;
    border-style: solid;
    border-color: blue;
    border-top-width: 0em;
    border-bottom-width: 0em;
    border-left-width: 0em;
    border-right-width: 0em;


    }


    .navi-0{
    background:Gray;
    text-align:center;
    color: white;
    border-style: solid;
    border-color: blue;
    border-top-width: 0.1em;
    border-bottom-width: 0.1em;
    border-left-width: 0.1em;
    border-right-width: 0.1pem;
    padding: 0em 0em 0em 0.5em;
    }


    .navi-1{
    background:gray;
    color: white;
    border-style: solid;
    border-color: blue;
    border-top-width: 0em;
    border-bottom-width: 0.1em;
    border-left-width: 0.1em;
    border-right-width: 0.1em;
    padding: 0em 0em 0em 0.5em;
    }


    .navi-2{
    background:FFDEAD;
    border-style: solid;
    border-color: blue;
    border-top-width: 0em;
    border-bottom-width: 0.1em;
    border-left-width: 0.1em;
    border-right-width: 0.1em;
    padding: 0em 0em 0em 0.5em;


    }[/url]

    Hallo nochmal,


    Ja langsam wird das was ich lerne umgesetzt, was mich aber gerade sehr wundert ist, das meine Seite unter dem Explorer 6 von Microsoft gut aussieht aber wenn ich mir das ganze unter Mozilla Firefox anschaue, bekomme ich ne Krise!


    Was habe ich den da falsch gemacht *rot



    http://www.fueten.com


    Danke für euere Hilfe, bin echt mal gespannt wo dran das liegt.


    Gruß Detlef

    Ja danke, habe die cm Werte durch em erstetzt, danke


    Hallo Foster, ja muss mich mal näher mit den div Befehl befassen, bekommen den und den class usw einfach net genau hin, weiß nicht wo mein Denkfehler liegt. Danke für deine Arbeit oben.


    Gruss Detlef

    Klar kann ich das machen, ist noch ein wenig lang, muss ich noch kürzen, aber man sieht schon was ich machen will.
    Denke das man den CSS Code noch um einiges verkürzen kann, aber da muss ich noch dran, mit den Div bekomme ich es irgendwie noch net so richtig geregelt, aber wie sagt man so schön, Testen und ausprobieren.



    html Code:


    <!-- Themenfenstermitte -->
    <!-- Themenfenster 1 Ueberschrift -->
    <p class="Thematitel1" > Test1


    </p>
    <!-- Themenfenster 1 Ueberschrift ENDE-->


    <!-- Themenfenster 1 Inhalt -->
    <p class="FensterInhalt1"> Test1


    </p>
    <!-- Themenfenster 1 Inhalt ENDE-->


    <!-- Themenfenster 2 Ueberschrift -->
    <p class="Thematitel2" > Test2


    </p>
    <!-- Themenfenster 2 Ueberschrift ENDE-->


    <!-- Themenfenster 2 Inhalt -->
    <p class="FensterInhalt2" > Test2


    </p>
    <!-- Themenfenster 2 Inhalt ENDE-->
    <!-- Themenfenstermitte ENDE-->





    CSS Code ( CSS Datei)


    /*Fenster Thema Mitte */
    .Thematitel1{
    font: 9pt/12pt; /*Grösse Schrift bestimmen*/
    font-family:Arial; /*Schrifttyp*/
    width= 400; /*breite*/
    height: 20; /*höhe*/
    background-color :87CEFF; /*Hintergrundfarbe*/
    border-style: solid; /*Rahmen bestimmen*/
    border-color: 87CEFF; /*Rahmen Farbe Überschrift*/
    border-top-width: 0.05cm; /*Rahmenbreite oben*/
    border-bottom-width: 0.05cm; /*Rahmenbreite unten*/
    border-left-width: 0.05cm; /*Rahmenbreite links*/
    border-right-width: 0.05cm; /*Rahmenbreite rechts*/
    padding: 0em 0em 0em 1em; /*Abstände Überschrift */
    position:relative; top:140px; left:300px; /*Position*/
    margin-top: 200px; /*Abstand nach oben */
    }


    .FensterInhalt1{
    font: 9pt/12pt; /*Grösse Schrift bestimmen*/
    font-family:Arial; /*Schrifttyp*/
    width= 400; /*breite*/
    background-color :white; /*Hintergrundfarbe*/
    border-style: solid; /*Rahmen bestimmen*/
    border-color: 87CEFF; /*Rahmen Farbe Überschrift*/
    border-top-width: 0.05cm; /*Rahmenbreite oben*/
    border-bottom-width: 0.05cm; /*Rahmenbreite unten*/
    border-left-width: 0.05cm; /*Rahmenbreite links*/
    border-right-width: 0.05cm; /*Rahmenbreite rechts*/
    padding: 0em 0em 0em 1em; /*Abstände Überschrift */
    position:relative; top:140px; left:300px; /*Position*/
    margin-top: -20px; /*Abstand nach oben */
    }


    .Thematitel2{
    font: 9pt/12pt; /*Grösse Schrift bestimmen*/
    font-family:Arial; /*Schrifttyp*/
    width= 400; /*breite*/
    height: 20; /*höhe*/
    background-color :87CEFF; /*Hintergrundfarbe*/
    border-style: solid; /*Rahmen bestimmen*/
    border-color: 87CEFF; /*Rahmen Farbe Überschrift*/
    border-top-width: 0.05cm; /*Rahmenbreite oben*/
    border-bottom-width: 0.05cm; /*Rahmenbreite unten*/
    border-left-width: 0.05cm; /*Rahmenbreite links*/
    border-right-width: 0.05cm; /*Rahmenbreite rechts*/
    padding: 0em 0em 0em 1em; /*Abstände Überschrift */
    position:relative; top:140px; left:300px; /*Position*/
    margin-top: 40px; /*Abstand nach oben */
    }


    .FensterInhalt2{
    .FensterInhalt1{
    font: 9pt/12pt; /*Grösse Schrift bestimmen*/
    font-family:Arial; /*Schrifttyp*/
    width= 400; /*breite*/
    background-color :white; /*Hintergrundfarbe*/
    border-style: solid; /*Rahmen bestimmen*/
    border-color: 87CEFF; /*Rahmen Farbe Überschrift*/
    border-top-width: 0.05cm; /*Rahmenbreite oben*/
    border-bottom-width: 0.05cm; /*Rahmenbreite unten*/
    border-left-width: 0.05cm; /*Rahmenbreite links*/
    border-right-width: 0.05cm; /*Rahmenbreite rechts*/
    padding: 0em 0em 0em 1em; /*Abstände Überschrift */
    position:relative; top:140px; left:300px; /*Position*/
    margin-top: -20px; /*Abstand nach oben */
    }


    /*Fenster Thema Mitte ENDE*/