Meine Website...fehlerhafte Rollovereffekte mit IE?!



  • Hallo,

    Danke für die Antworten !!

    hhhmmm, die Ladezeit...werde mal versuchen die Bilder noch zu komprimieren...

    Dasd schrieb:

    Aber ich muss sagen, als 56k-Nutzer hätte man sich nach all der Wartezeit von der Seite (vor allem vom Design) irgendwie mehr erwartet...

    hhhmmmm, kannst du mal bitte versuchen zu beschreiben , was den enttäuschenden Effekt ausmacht? Steht die Ladezeit einfach nicht im Verhältnis zu Seitenqualität oder ist das Design generell schlecht?

    Stört es dass man die Begrenzung um die Bilder sieht? Ich finde eigentlich, dass sie eine gewisse Struktur in die Seite bringen...

    Ich würde mich über weitere Meinungen freuen!

    MfG, MidnightCoder

    EDIT: Achja: Bitte schreibt mir ob die Rollovers im IE funktionieren...Danke 🙂



  • Ja, im IE6 funktonieren die Rollover (bei mir). Ausser der von "It's midnight". Ansonsten finde ich die Ladezeit (auch mit DSL) okay, mir ist nur aufgefallen, dass 104% geladen werden, aber was soll's....



  • MidnightCoder schrieb:

    hhhmmmm, kannst du mal bitte versuchen zu beschreiben , was den enttäuschenden Effekt ausmacht? Steht die Ladezeit einfach nicht im Verhältnis zu Seitenqualität oder ist das Design generell schlecht?

    Erst einmal ist alles verdammt klein. Die Seite nimmt ungefähr zwei Drittel meines Bildschirmes ein (hab' vielleicht eine hohe Auflösung). Leider alles oben in der linken Ecke. Dann Sternchen-Hintergrund. Argh. Und die Buttons... naja. Ist natürlich Geschmackssache, aber es wirkt wie eine Standard - 08/15 Seite, wie man sie zuhauf im Netz findet. Will damit nicht sagen, dass ich es besser machen könnte.

    Außerdem will man sich als Programmierclub im Normalfall seriös präsentieren. Und dazu gehört dunkler Text auf hellem Grund. Das ist auch angenehmer für die Augen zum Lesen. Passt natürlich nicht so ganz in euer Konzept und die entsprechende Namensgebung...

    Und dann noch, auch wenn es nichts mit dem Design zu tun hat, der Quelltext ist vom Niveau her irgendwo ganz weit unten. Schonmal etwas von W3C-Kompatibilität und den diversen HTML-Standards gehört?

    Um dann noch die eigentliche Frage zu beantworten: Der eigentliche Rollover-Effekt klappt bei mir im IE, aber die Menüpunkte befinden sich auf einem weißen (!) Hintergrund. Kannst dir bestimmt vorstellen, dass man die Schrift so schlecht lesen kann. Außerdem solltest du noch einmal die Schriftgrade überprüfen. Der Copyrght-Text erscheint mir im IE ein wenig sehr groß.

    Hoff, dass ich dir mit meiner Kritik nicht zu nahe getreten bin, aber es gibt leider (oder glücklicherweise, man lernt ja gerne dazu ;)) noch eine Menge zu verbessern.



  • Ja, der Fehler mit der Prozentanzeige vom Preloader ist mir auch schon aufgefallen... Kommt aber nur im IE vor! Hat jmd. ne Idee woran das liegt?

    hhhmmm, das alles so klein ist muss entweder daran liegen dass deine Auflösung zu hoch ist oder du Firefox benutzt (ich weis, das ist natürlich nicht gut, weis aber noch nicht wie ich das verhindern kann). Die Site is übrigens optimiert für 1024x768 sollte ich vielleicht dazuschreiben...

    Die Buttons: hhhmmm, wirken sie kitschig?

    Zum Quelltext: Mir ist schon klar dass der nicht besonders ist... mein html ist nicht besonders gut und deshalb habe ich einen Editor verwendet... Gleich werden die ersten sagen lern doch html... bis man in html wirklich gute seiten machen kann brauchts auch seine zeit und ich würde mich lieber auf C++ konzentrieren, aber trotzdem eine recht gute Site haben... ich weis Kuchen behalten und essen geht nich... ...hhhmmmm

    Zum weißen hintergrund der Buttons:
    Die Buttons müssten eigentlich transparent sein! Da der IE so seine Probleme mit Transparenz hat, verwende ich den pngBehavior. Warum es bei dir jetzt nicht funktioniert weis ich leider auch nicht!

    Zum Copyright-Text: Bei mir isser normal groß!? (Habe ihn wirklich nicht groß gemacht falls du das denkst!).
    Übrigens vielen Dank für deine objektive Bewertung!

    Tja, ich überlege echt ob ich meine Site nochmal ganz neu mache...

    Könntet Ihr bitte ein paar Vorschläge zum Design machen?
    Was könnte zum Namen passen? Eher rund, eckig?

    Vielen Dank an euch alle!

    MfG, MidnightCoder

    EDIT:
    Bitte schreibt mir eure Meinung zu meiner aktuellen Site!



  • Ok, das mit dem Copyright-Text lag bei mir daran, dass ich den Schriftgrad im IE vor Ewigkeiten mal hochgesetzt hatte, um irgendeine mikroskopisch kleine Seite erkennen zu können.

    Ich hab' hier mal einen Screenshot (~200k):

    http://img159.exs.cx/my.php?loc=img159&image=clipboard015uw.gif

    (Der Grund für die große Schrift im Extrafenster ist, denke ich, der selbe. Dort wurde es nur noch nicht aktualisiert. Und die Maus befindet sich über dem "Kontakt" - Knopf.)



  • Wie wärs wenn du die Grafiken vorlädst?

    <script type="text/javascript">
    <!--
    var img = new Image();
    img.src = "meinbil.png";
    --></script>
    

    Mit diesem Codeschnipsel kannst du eine Grafik vorladen. Mit onerror könntest du noch überprüfen ob eine Fehler aufgetreten ist.

    Wenn du jetzt aber mehrere Grafiken vorladen willst, so kannst du das mit einer Schleife ( for() ) realisieren.

    MfG CSS



  • CSS schrieb:

    Wie wärs wenn du die Grafiken vorlädst?

    Ähmm... macht er doch...



  • Upppsss...

    hab' ich übersehen.

    MfG CSS



  • CSS / login impossible schrieb:

    Upppsss...

    hab' ich übersehen.

    😉

    @Dasd
    Alter Schwede, bei dir siehte sie ja echt sch**** aus!
    Bei dir funktioniert ganz klar der pngBehavior nicht...keine Ahnung warum!
    Übrigens thx für das Screenshot! 👍

    Meint ihr ich sollte meine Site nocheinmal neu gestalten?

    Bitte macht mal vorschläge für ein Design (vielleicht passend zum Namen)!
    Überlege schon die ganze Zeit...vielleicht was mit nem Vollmond? (wie vorher?)...

    MfG, MidnightCoder 🕶



  • MidnightCoder schrieb:

    Bei dir funktioniert ganz klar der pngBehavior nicht...keine Ahnung warum!

    Weil er den Internet-Explorer verwendet, da sehen PNGs mit Alpha-Kanal nur mit einem hackigen Workaround gut aus, den Du zB auf http://schlucken.org im Einsatz sehen kannst.



  • nman schrieb:

    MidnightCoder schrieb:

    Bei dir funktioniert ganz klar der pngBehavior nicht...keine Ahnung warum!

    Weil er den Internet-Explorer verwendet, da sehen PNGs mit Alpha-Kanal nur mit einem hackigen Workaround gut aus, den Du zB auf http://schlucken.org im Einsatz sehen kannst.

    Genau das soll der pngBehavior ( http://webfx.eae.net/dhtml/pngbehavior/pngbehavior.html ) ja verhindern!

    Normalerweise funktioniert das auch...



  • Is ja ne nette Site, das Design passt zu dem Namen, aber ich find ein Mond würde dem ganzen noch mehr Aussagekraft verleihen...

    Aber eine Frage: Wieso unbedingt .png Bilder???
    Ich benutz PNG nur für den Siteheader und der is bei mir nie transparent... Für den Rest verwend ich GIF Pics. Denen kannste auch Transparenz verleihen und mit Octree Optimierung sind die von der Qualität her ca. gleich den PNG und sie lassen sich viel schneller laden...

    Ich benutz AOL und alles tut, auch die Rollover Effects 😉 ...

    MfG WirrWar2850.



  • Hallo WirrWar2850,
    Ich habe es auch erst mit Gifs versucht, nur konnten die z.b. das Logo nicht richtig darstellen!

    Schön dass die Site bei dir funktioniert und dass sie dir etwas gefällt... 🙂

    ...ich überlege aber noch ob ich sie nochmal neu mache... hättest du ne Idee für nen passendes Design? 😞

    THX, MidnightCoder



  • Versuchs doch mal mit CSS.
    Is einfach, schön und kann mehr als HTML jemals können wird...
    Ich schreib dir maln Tutorial... mach schließlich auch grad ne Site, da verwende ich fast nur CSS.

    Und wie gesagt... verwende GIFs für KLEINERE Bilder... der Header is bei mir auch PNG, aber der Rest is GIF (kleinere Sachen eben).

    Ich denk mir immer folgendes dabei...
    ... PNG für große Bilder, die der User andauernd sieht (z.B. Header oder Hintergrund)
    ... GIF für kleinere Bilfer, die der User auch andauernd sieht (z.B. Smilies, Buttons, auch Hintergrund (wiederholend))
    ... JPEG für Bilder, die der Benutzer absichtlich aufruft (z.B. Screenshots, oder Fotos)

    Hier noch nen Link zu CSS (SelfHTML is gut): http://de.selfhtml.org/css/

    // edit: Schau dich auch mal hier im Forum um, findeste sehr viel zu CSS

    cya WirrWar2850.



  • Hallo,

    Vielen Dank für deine Mühe...!!

    Zu CSS: Eigentlich hab ich nicht vor ne neue Sprache "nur" für unsere Website zu lernen... ich möchte mich eigentlich auf C++ konzentrieren, obwohl ich natürlich auch eine recht schöne Site für unser Team haben möchte... Is klar Kuchen essen und behalten geht nicht...

    Wie fängt man eigentlich an ein Design für ne Website zu erarbeiten? Klar, ne Grafik-Software und dann?

    Sry, hab noch nicht allzuviel Erfahrung mit Webdesign...

    Würdet ihr eigentlich generell von Editoren wie Frontpage, NOF etc. abraten?

    MfG, MidnightCoder



  • MidnightCoder schrieb:

    Wie fängt man eigentlich an ein Design für ne Website zu erarbeiten? Klar, ne Grafik-Software und dann?

    Sry, hab noch nicht allzuviel Erfahrung mit Webdesign...

    Würdet ihr eigentlich generell von Editoren wie Frontpage, NOF etc. abraten?

    Mit CSS: http://www.andreas-kalt.de/webdesign/tutorials/css_layout_erstellen.htm



  • MidnightCoder schrieb:

    Würdet ihr eigentlich generell von Editoren wie Frontpage, NOF etc. abraten?

    ¨
    Ich kann mit den ganzen WYSIWYG Sachen zwar nichts anfangen, aber das Syntax highlighting vom Dreamweaver finde ich einfach genial.
    Lege auch viel wert auf eine "aufgeräumte" IDE. Und davon sind viele HTML Editoren leider weit entfernt.



  • Hi,

    Vielen Dank für den super Link!! 🙂

    Werds mir mal zu Gemüte führen...

    Falls noch jemand ne Idee für nen passendes Design hat, bitte schreibts mir!!

    MfG, MidnightCoder 🕶



  • Is sein Link vielleicht besser als meiner???

    *beleidigt*... 😃

    cya WirrWar2850.



  • @WirrWar2850
    😉

    Auch dir vielen Dank für den Link!! 😃 👍

    ciao, MidnightCoder 🕶


Anmelden zum Antworten