Beiträge von Ratoncito

    Hallo zusammen,


    meine HP


    Unterwegs in Mexiko


    wird wohl auf Tablets und Smartphones nicht richtig angezeigt. Hierzu habe ich schon den Tipp bekommen, diesen Code:


    <meta name="viewport" content="width=1024" >


    in den Header einzufügen.


    Allerdings habe ich hierzu absolut keine Ahnung, was dieser Code bewirkt und wie ich testen kann, wie meine Seite auf Smartphones und Tablets aussieht.


    Den Hintergrund habe ich mit einem Java-Script versehen, der das Hintergrundbild immer über den gesamten Bildschirm aufspannt. Eventuell verursacht der Probleme.


    Kann mir bitte jemand ein paar Tipps geben?


    Danke und noch einen schönen Tag - Wolfgang


    PS Auch sonst freue ich mich über jede Kritik und Anregung

    Hab bei deiner Seite, nen lustigen Bug gefunden:


    Geh mit der Maus auf "Reisen" (nicht klicken)
    Dann auf "2013", dann rechts aufs Bild,
    und zum Schluss, hoch auf nen andern Link (Aktuelles, Über uns, usw.)


    Da flattert das Bild, wie meine Hände, als ich in der Alkohol-Entgiftung war...


    Hallo Thomas,


    upps, ja das stimmt. Wo es dran liegt ist mir schon klar, aber jetzt muss ich erst weg. Werde mich aber am Nachmittag gleich mal daran geben, den Bug zu beseitigen.


    Vielen Dank für den Tipp


    Saludos - Wolfgang


    Hallo zusammen,


    der von Thomas beschriebene Bug macht mir mehr Probleme als gedacht. Das Flattern kommt dann, wenn man das Foto nach oben verlässt. Dabei geht Mouseover verloren, das Bild wird nach links eingefahren und die Jahreszahlen nach oben. Durch das Nach-oben-ziehen der Jahreszahlen fährt auch das Foto nach oben, und damit ist auch Mouseover wieder aktuell. Die Jahreszahlen fahren wieder nach unten, Mouseover geht verloren...


    Als Lösung dachte ich daran, das Nach-oben-ziehen zu verzögern, aber das bekomme ich nicht hin. Hat jemand eine Lösung für mein Problem?



    Für Eure Hilfe im Voraus schon mal vielen Dank.


    Saludos - Wolfgang


    PS Sollte das Thema hier falsch sein, da es ja eigentlich um das 3spaltige Layout von Thomas ging, dann bitte verschieben. Oder soll ich einen neuen Beitrag aufmachen?

    Danke, habs inzwischen aber auch anders hin bekommen, ist nun online...
    Hab das von dir zwar ausprobiert, jedoch ohne sinnvolles Ergebnis.


    Jedoch hab ich nun ein neues Problem.


    Kann ich den Link-Kasten, irgendwie bearbeiten, dass er, falls die Seite länger ist, automatisch bis ans untere Ende geht?


    Hallo Thomas,
    ja, das geht. Schau Dir mal meine Seite an. Auch da richtet sich die Seitenlänge immer nach der längsten der 3 Spalten.


    Aber bevor Du Dich mit solchen Details beschäftigst, solltest Du die Fehler in Deinem Quelltext beseitigen. Mache nicht den Fehler, den auch ich bei meiner ersten Seite gemacht habe, und probiere solange herum, bis es irgendwie klappt. Das endet in einem Chaos.
    Sorge direkt für eine strukturierte Programmierung. Du hast doch geschrieben, dass Dir der Kurs gefällt. Dann arbeite ihn auch durch und setze alles Gelernte um ;)
    Im Prinzip sollte es so aussehen:
    Zuerst den Doctype,dann
    <html>
    <head> mit allen Angaben, die in den Header gehören,
    </head>
    <body> mit Allem was zum Inhalt der Seite gehört, und zum Schluss
    </body>
    </html>


    Saludos - Wolfgang

    Hallo Thomas,


    sicherlich bin ich kein Experte, daher möchte ich auch nur ein paar kleine Tipps geben.
    Wenn ich Dich recht verstanden habe, möchtest Du 3 Spalten. Rechts und links eine mit Bildern und in der Mitte der Text. Dazu brauchst Du 3 Bereiche, Links, Mitte und Rechts.
    Auf Deiner Seite gibt es schon die Bereiche mit Links und Rechts, und den Inhalt, also Deinen Text hast Du in ein Tag <body> gepackt.
    Der Tag <body> soll aber direkt nach </head> stehen, und den Header vom Inhalt trennen.
    Dass, was bei Dir im Moment im <body> steht packst Du in den neu anzulegenden <div> Mitte.


    Das wären die ersten Schritte. Ich hoffe, Dir ein wenig geholfen zu haben.


    Auch ich habe alles hier in dem Seminar gelernt.
    Den Machern und allen daran Beteiligten hier nochmal ein dickes DANKE für den Kurs
    Zu Beginn hatte ich Null Ahnung von HTML und CSS. Heute weiß ich wenigstens schon mal, wie wenig ich weiß :thumbup:


    Meine HP ist auch auf einem 3-spaltigen Layout aufgebaut, muss sich nicht verstecken (glaube ich zumindest) und ist fehlerfrei.


    Hier geht es nach Mexiko


    Noch einen schönen Sonntag - Wolfgang


    Hallo Roland,


    vielen Dank für Deine Hilfe.


    Und für alle, die es interessiert, so habe ich es gemacht:


    $(options.altBox).html( $(items[this.frontIndex].image).attr('src')); // Url für "Bild-Mitte" holen
    var url = $(items[this.frontIndex].image).attr('src'); // Url in Variable speichern
    $('#mitte').attr('src', url); // Url an "Bild-Mitte" übergeben


    Ob man das auch einfacher lösen kann weiß ich nicht, aber es funktioniert.


    Allen noch ein schönes Wochenende - Wolfgang

    Hallo,
    ich baue gerade an einem Slider herum. Dabei möchte per Java die Url in einem <img> ändern.
    Was ich auf die Reihe bekommen habe ist, die entsprechende Url auszulesen und als Text auszugeben.
    Dazu steht in einem Script folgende Zeile:


    altBox: $("#alt-text")


    und hiermit wird die gesuchte Url ausgelesen:


    $(options.altBox).html($(items[this.frontIndex].image).attr('src'));


    Diese wird im Html als Text hier ausgegeben:


    <p id="alt-text"></p>


    Wie kann ich die Url statt als Text auszugeben in diesem Bild einfügen:


    <img id= "mitte" src=" * hier soll die Url hin * " alt="" title="" />



    Ich hoffe, dass ich mich verständlich genug ausgedrückt habe.
    Für Eure Hilfe im Voraus schon mal besten Dank.


    Saludos - Wolfgang
    __________________
    Auf nach Mexiko


    Hier geht es zu unserem Teich

    Ohne das jetzt weiter getestet zu ahben oder so aber das liegt mit an sicherheit grenzender Wahrscheinlichkeit an deinen ganzen - oder zumindest einem - "moz", "webkit", etc. Befehlen...


    Hallo kanufrosch,


    vielen Dank für die Antwort, aber so etwas habe ich schon vermutet. :rolleyes: Nur leider bringt mich die Antwort nicht weiter.


    Hat den niemand eine Lösung, oder ist das zu einfach für Euch? ?(


    Saludos - Wolfgang

    Hallo zusammen,


    bevor sich jemand vergebliche Mühe macht - das größte Problem ist erledigt. Anzusehen hier:


    zur Homepage


    Wenn Euch irgendwo Fehler auffallen, oder es irgendwo zu Problemen kommt, gebt mir bitte eine kurze Info.


    Was ich im Moment nicht verstehe ist, dass die Animation der Fotos auf der linken Seite in Safari nicht flüssig läuft, obwohl es im Prinzip keinen Unterschied zu den Fotos auf der rechten Seite gibt!?!


    Saludos - Wolfgang

    Sorry, aber ohne sauberen Quellcode wird das erstellen von HPs zum Hoellenritt.


    lg peter


    Hallo Peter,


    HTML und CSS für die Navileiste habe ich oben ja schon mal bereinigt und sauber aufgelistet. Auf der Testseite ist halt im Quelltext noch ein wenig mehr und auskommentierter Code, den ich beim Testen verwendet habe und solange drin bleibt, bis alles einwandfrei funktioniert.


    Wenn Du mir bei den Problemen helfen kannst - der saubere Quellcode für den Navibereich ist im Beitrag 3


    @Scout


    Vielen Dank für deine Tipps. Im Moment fehlt mir leider ein wenig die Zeit um mich intensiver darum zu kümmern. Ich habe das Untermenü aus Reisen entfernt, da es auf der Seite zum Teich nicht nötig ist. So kann ich die Teich-HP erst mal fertig gestalten und mich später um die Probleme kümmern, wenn ich die Navi auf der Mexiko-HP einsetze.
    Vielen Dank für Deine Hilfe


    Saludos - Wolfgang

    Hallo zusammen,


    gleich noch ein Problem.


    Ich möchte ein 3spaltiges Layout, bei dem die mittlere Spalte mit fester Breite in der Mitte steht und die beiden äußeren Spalten einen Farbverlauf zu den Rändern haben und sich flexibel an die jeweilige Seitenbreite anpassen.


    Gedacht hatte ich das Ganze so:
    HTML


    CSS


    Leider stapelt der IE die Spalten übereinander und nicht nebeneinander. Hat jemand eine Lösung?


    Danke und noch einen schönen Sonntag - Wolfgang

    Hallo Scout,


    vielen Dank für Deine Antwort. Die Tipps werde ich mal probieren, denn so ganz zufrieden bin ich mit meiner jetzigen Lösung noch nicht.


    Die größten Probleme habe ich allerdings schon so gut wie beseitigt und die Navigation auf der HP eingefügt.


    Zur HP


    Im Moment habe ich große Probleme bei den Bildern zu den Links unter "Reisen" bei den einzelnen Jahren von 2007 bis 2012.


    Diese Bilder habe ich bei "Hover" über das jeweilige Jahr sichtbar gemacht und mit "transform" vergrößert. Mit "transition" möchte ich, dass die Vergrößerung sanft abläuft. Leider werden die Bilder in Safari mit dem "transform" nicht angezeigt.
    Wenn ich "transform" auskommentiere werden die Bilder in Safari zwar angezeigt, aber nicht vergrößert, allerdings dann auch "transition" bei Google-Chrome verhindert.



    Weiß jemand Rat?


    Für Eure Hilfe schon mal im Voraus vielen Dank und noch ein schönes Wochenende - Wolfgang


    Ganz vergessen


    Das liegt doch nicht am transition, das macht doch nur Ani?!


    Was ist Ani?!

    Da kann man dir ohne den Navi-Ausschnitt ausm HTML und dem CSS-Code nicht viel helfen.
    Was mir da noch auffällt:
    - Bei meinem FF ist das 2012 (bzw. der beim hovern kommende Rahmen) noch überm Schatten von Reisen
    - Die Zahlen schieben den Inhalt der linken Seitenleiste nach unten.


    Aber wie gesagt, da bräuchte man den HTML-Ausschnitt und das CSS um wirklich helfen zu können


    Hallo Scout,


    schön, dass sich wenigstens Einer mal mit meinem Problem beschäftigt. HTML und CSS sind ja eigentlich im Quelltext ersichtlich. Mittlerweile bin ich ein wenig weiter, daher füge ich zum besseren Verständnis mal den Link zu einer Testseite hier ein:



    zu meiner Testseite


    Allerdings ist das nur eine Testseite, bitte stört Euch nicht, wenn der Quelltext nicht ok ist.
    Das die Jahreszahlen aus der Navileiste den Inhalt der linken Spalte nach unten verschieben ist gewollt (man soll ja die Links sehen). Das größte Problem macht immer noch der IE, bei dem ich nur das 2012 mit der Maus erreichen kann, die anderen werden vorher ausgeblendet. Das passiert auch mit 2012, wenn ich die Zahl aus dem Schatten von Reisen heraus schiebe.


    Das ist eigentlich mein größtes Problem, aber leider nicht alles.


    Der im CSS Zeile 89 auskommentierte transform-Befehl verhindert das der transition-Befehl ausgeführt wird. Warum verstehe ich leider auch noch nicht. Daher werden die zu den Links gehörenden Bilder bei einigen Browsern nicht in der richtigen Größe dargestellt.


    Bei Safari und Google zuckt der Text in der oberen Navileiste noch komisch beim Überfahren mit der Maus.


    Das CSS der Navileiste ist hier:



    Und der HTML-Teil der Navileiste:


    Ich hoffe, dass mir jemand helfen kann, denn ich schlage mich schon tagelang mit diesen Problemen herum.


    Für Eure Hilfe im Voraus schon mal besten Dank - Wolfgang

    Hallo zusammen,


    lange Zeit habe ich mich nicht mehr blicken lassen, und jetzt ist alles neu. Herzlichen Glückwunsch zum neuen Design :thumbup:


    Aber eigentlich bin ich hier, da ich mal wieder mit meinem Latein am Ende bin! [Blockierte Grafik: http://forum.npage.de/images/smilies/confused.gif]


    Fährt man mit der Maus über den Menüpunkt "Reisen" öffnet sich das Untermenü mit den Jahreszahlen. Nun gibt es 2 Probleme:


    1.) Der erste Untermenüpunkt "2012" müsste soweit nach unten verschoben werden, dass er aus dem Schatten von "Reisen" heraus kommt. Für Firefox bekomme ich das hin, aber im Internet Explorer funktioniert das nicht. Und das ist auch der nächste Punkt.


    2.) Im Internet Explorer kann ich nicht alle Untermenüpunkte erreichen, da sie vorher ausgeblendet werden.


    Zu sehen hier:


    Zu meinem Problem


    Hat jemand eine Lösung?


    Im Voraus schon mal vielen Dank für Eure Hilfe.


    Saludos - Wolfgang

    Zitat von &quot;lauras&quot;

    ...


    Es gehört sich einfach nicht, mehrere Beiträge hintereinander zu posten. Deswegen fliegst du nicht raus, das ist lediglich ein Hinweis, dass du deine Beiträge entsprechend zusammenfügst und es nicht nochmal machst.


    Hallo Lauras,


    in den Regeln habe ich nur dies gefunden:
    "möchtest du nur etwas an einen unmittelbar vorherigen Beitrag, auf den noch niemand geantwortet hat hinzufügen, so ändere bitte einfach deinen Beitrag davor ab, um Doppelposts zu vermeiden."


    Die zwei Beiträge von mir hintereinander waren einmal an Phip und einmal an Basiii. Da lagen, wie schon gesagt, mehrere Stunden zwischen und ich fand es übersichtlicher beide direkt anzusprechen, zumal die Beiträge alle recht lang waren. Und hinzugefügt habe ich nichts :D


    Wenn dies hier so streng gesehen wird, dann schreibt es auch bitte so streng und klar in die Regeln.


    Trotzdem allen noch ein schönes Wochenende - Wolfgang


    PS. Stand in den Regeln nicht auch etwas über Rechtschreibung?!? :roll: Duck, und ganz schnell weeeechhhh - - -.....


    Noch nachträglich hinzugefügt: Waren da nicht vorher schon zwei Beiträge von einem User an mich hintereinander?!? (Kann mir`s einfach nicht verkneifen) 8)


    Hallo Phip,


    hmh, persönliche Nachricht? Gerade geschaut, aber nichts gefunden. Das Postfach ist leer.


    Zu 2. Es sind nur 2 Beiträge untereinander. Der erste war an Dich, der zweite an Basiii. Dazwischen liegen mehr als zwei Stunden und ein Frühstück.
    Der dritte Beitrag bezog sich auf die Regeln, da steht aber nichts von einem Verbot zweier Beiträge hintereinander.
    Der nächste auf einen Kommentar von Basiii
    Und jetzt wieder einer weil ich die PN nicht finde.


    Flieg ich jetzt raus? Sorry, aber ich habe schon in einigen Foren geschrieben und noch nie eine Verwarnung bekommen.


    Irgendwie bin ich jetzt aber verwirrt.


    LG - Wolfgang


    Hallo Basiii,


    gerade habe ich noch einmal bei nPage geschaut, aber daran kann ich nichts ändern, der wird von nPage an dieser Stelle eingefügt.


    Mit dem Rest beschäftige ich mich noch


    Gruß - Wolfgang


    Upps, was habe ich angestellt?


    Was ist gegen die Regeln? Ich habe mir diese gerade nochmal durchgelesen - was hab` ich angestellt?


    Gib mir doch bitte einen Hinweis


    Danke und noch einen schönen Sonntag - Wolfgang

    Hallo Basiii,


    vielen Dank, Du hast Dir ja sehr viel Mühe gemacht und sehr viele Punkte aufgeführt.


    Die werde ich mir sicherlich noch mal alle in Ruhe ansehen. Farben, Schriften usw. werde ich ändern, aber am Code werde ich vermutlich an dieser HP nicht mehr viel ändern (sicher bei der nächsten HP).


    Da Du sehr ausführlich geschrieben hast, möchte ich auch die Entstehungsgeschichte der HP ein wenig erläutern, denn an eine eigene HP hatte ich vorher nie gedacht.


    Ich bin ein etwas älteres Semester, dass erklärt wohl doch ein wenig das etwas antiquierte Design ?!? :wink:


    Der Ursprung kam von der Visualisierung meiner Solaranlage. Diese wollte ich gerne Online stellen. Leider gibt es da ein paar sicherheitsrelevante Punkte, die mich dann davon abhielten. Aber die Neugier war geweckt.


    So kam mir die Idee unsere Reisen auf einer HP unseren Freunden vorzustellen. Bei nPage fand ich einen Anbieter und im HTML-Seminar die nötigen Grundlagen. Schon bald musste ich feststellen, dass mich die fertigen Designs zu sehr einschränkten und wohl ein eigenes CSS-Design eine bessere Lösung ist. Die Editoren bei nPage zerschlugen mir schon nur durch Öffnen und wieder Speicher die ersten Ansätze meiner Seite, so dass ich schon bald nach anderen Lösungen suchen musste.


    Als Editor nutze ich Webocton-Scriptly, der mir die ersten Schritte sehr vereinfachte. Entstanden ist die Seite dann Stück für Stück ohne vorher zu wissen, was ich wollte. Immer wieder kamen mir neue Ideen, die dann aber meistens an anderen Stellen Probleme verursachten. Dann musste ich auch noch mit Erschrecken feststellen, dass die Seite je nach Browser unterschiedlich aussah, oder sogar komplett zerschlagen wurde. Daher ist auch absolut nichts von einer strukturierten Programmierung vorhanden. Sorry.


    Irgendwann hat mich auch der Ehrgeiz gepackt, und ich wollte immer mehr. Zum Beispiel das Hintergrundbild. Eigentlich sollte das wesentlich dezenter ausfallen. Diese Steinmuster findest Du oft in Mexiko, von daher passt es schon - und ich habe wirklich viele Stunden daran rumgebastelt... Noch ein Grund für das Bild - wenn Du die Seitenbreite veränderst "schweben" die Inhalte über dem Muster. Bei einem einfarbigen Hintergrund sieht man das nicht. Auch die Bilder scheinen über der Seite zu schweben. Das sind so Punkte, die mich unheimlich viel Zeit gekostet haben, weil ich einfach nur diesen Effekt wollte. Immer nach dem Motto: geht nicht, gibt es nicht.


    Zum Bild oben. Sicherlich ist es gespiegelt und gestreckt, aber ist das so schlimm? Reale Bilder findet man in der Bildleiste rechts. Gut der Schriftzug darin ist nicht gerade besonders gelungen :( (den werde ich bestimmt mal neu machen).


    Zu. "Wenn wir penibel korrekt sein wollen [*hust*] dann sortieren wir doch bitte den Titel zwischen den Meta Tags heraus und schreiben ihn darüber oder darunter."
    Was da wohin gehört und was die Einträge dort genau bewirken ist mir immer noch nicht so klar, leider. Außerdem werden dort viele Sachen von nPage automatisch eingetragen.


    Die Navigation und die Auflistung mit <ul>: Auch da hatte ich zu Beginn mal so angefangen, dann gab es aber Probleme mit dem stern auf der Karte mit "Mouse over" oder "Hover". Auch hier habe ich tagelang probiert, bis der Effekt endlich mal funktionierte... Auch die Überschriften - das hatte ich nicht so im Sinne von Überschrift gesehen, sonder eher zu einer einfachen Festlegung für verschiedene Schrifttypen und Größen. So habe ich das dann auch verwendet.


    Ebenso das <p> in der Bildleiste. Das habe ich verwendet um die Bilder dort bei "Mouse over" unterschiedlich zu den anderen Bildern zu verändern. Ist sicherlich nicht richtig so, aber...


    Besucherzähler: Meinst Du mit mager gefüllt weil dort bisher so wenig Besucher waren? Was funktioniert nicht? Den habe ich von nPage übernommen, wie dieser funktioniert weiß ich nicht.


    Dann noch zu der ersten Seite und dem Wilkommen......
    gedacht war die HP anfangs mal für unsere Feunde, denen wir früher mal per Mail von unseren Touren geschrieben haben... Dort wollte ich eigentlich nur auf Neues hinweisen. Aber man sieht alles oft nur aus der eigenen Sicht, daher sind mir auch Deine Hinweise sehr wichtig. Ich werde wohl einen Link zu Neuigkeiten einfügen.


    Dann noch zu den Farben: Dein Vorschlag mit den anderen Farben gefällt mir auch besser, werde daran sicherlich etwas ändern. Aber Mexiko ist ein sehr farbenfrohes Land! Darf ich Dich noch um ein paar andere passende Farbkombinationen bitten? Für Mexiko sind leuchtende Farbkombinationen von Orange-gelb mit Violett-blau oder grün sehr typisch und sehen in der Sonne immer faszinierend aus.


    Das war`s dann jetzt erstmal


    Saludos und nochmals vielen Dank - Wolfgang


    Hallo Phip,


    mit Kritik kann ich sicherlich gut umgehen und fühle mich keineswegs angegriffen. Und der Champ bin ich sicherlich nicht, und auch kein Webentwickler.


    Zu den Fehlern: Schaue doch einmal in diesem Forum in die Quelltexte... Ich wollte ja eigentlich nur mal sehen, wie erfahrene Programmierer das machen.


    Die Seite von Dir:
    Site is under construction.
    CMS-bereich
    Sonst finde ich nichts - würde ich mir aber gerne mal ansehen (und das ist gar nicht ironisch gemeint).


    Obwohl
    Ironiemodus an - Auch Schreibfehler sind Fehler - Ironiemodus aus
    Man sollte übrigens nie nie sagen :wink:


    Und hierzu:
    Auszug:
    #navigation {
    float: left;
    margin: 0 0 -32767px 10px;
    padding-bottom: 32767px;
    width: 220px;
    }
    Was soll das?


    Damit wird erreicht, dass sich die Länge des 3-spaltigen Designs immer nach der längsten der drei Spalten richtet und nichts abgeschnitten wird.
    Vermutlich hättest Du das eleganter gelöst, aber es führen oft mehrere Wege zum Ziel und für mich hat es gereicht.


    Meine weiteren Bemerkungen schaue im nächsten Beitrag


    Saludos - Wolfgang

    Hallo zusammen,


    danke für die ehrlichen Worte. Ja, alles was mit Java zu tun hat kommt vom Seitenanbieter.


    Dann zur Kritik.


    Welche Schriftart würdet Ihr vorschlagen, welche Farbe für Schrift und Hintergrund?


    Zum Design...


    Wo sind denn Eure Seiten? Und wenn ich mal welche finde hagelt es nur so von Fehlern im Code?!?


    Erstellt man HP`s heute nur noch mit Java?


    Kritik? Gerne, auch bitte gerade heraus und Klartext. Das ist ok, aber bitte auch mit Vorschlägen oder Beispielen.


    Saludos - Wolfgang