Neues Design auf HP

[Jonas]

Hallo zusammen!
Ich habe mal meiner Homepage Versuchsweise ein neues Design gebastelt!

Hier das Neue: http://www.jonas-rc.de/neu.html

Das alte unter der normalen Adresse: http://www.jonas-rc.de

Was sagt ihr dazu? Gefällt es? Geht das mit den Ladezeiten?

[glow=red]EDIT: Habe jetzt das neue als Standard gesetzt![/glow]

[Bishop]

schaut nett aus

[Shadowman]

Sieht besser aus, als das alte, wobei das alte auch recht gut ist!

[tracer]

Das Layout gefällt mir sehr, Struktur ist auch super, ABER ...

Der Spruch mit dem IE ... naja

[Jonas]

Danke!

Der Spruch mit dem IE ... naja

Keine Sorge, der kommt weg!
Das neue Design ist auch nicht mehr nur für Auflösungen bis 1024x768 geeignet!

EDIT: Ich surfe übrigens auch nur noch mit Firefox...

EDIT 2: Habe jetzt das neue als Standard gesetzt!

[tracer]

Danke!

Der Spruch mit dem IE ... naja

Keine Sorge, der kommt weg!

Dann bin ich ja beruhigt.

Die Seite ist leider nicht unabhängig von der Auflösung, schau Dir mal das Attachment an.

[Jonas]

Das ist aber auch eine verrückte Auflösung...

Das liegt daran, dass die obere Grafik nur 1300 Pixel breit ist!
Wenn es darüber geht, wird die Grafik wieder neu angesetzt und es entsteht dieser Zwischenraum in der schwaren Linie!

Aber für alle "normalen" Auflösungen geht es...

[tracer]

Das ist aber auch eine verrückte Auflösung...

Ja, ich habe auch nur zum Testen das Fenster auf beide Desktops gezogen.
Normalerweise haben Fenster bei mir 1280x1024.

Du kannst das Problem aber leicht beheben, wenn Du rechts noch ne TD ansetzt, in der das Design "endlos" weiterläuft.

[Jonas]

Was meinst du mit TD? Einen weiteren Frame, oder was?

Viel schlimmer finde ich aber, dass sich die Schriftgröße verändert und verschiebt und so über die Grafik links hinaus wandert! Wie kann ich das ändern?

[tracer]

Was meinst du mit TD? Einen weiteren Frame, oder was?

Hast Du Viertelstunde Geduld?
Dann bastel ich Dir was.

[speedy]

@Jonas ...

also ich würde an deiner Stelle das Design nochmal bißchen überarbeiten.

Mir sind das eindeutig zu viel Grafiken bzw. wird dadurch das ganze Design recht langsam geladen. Ich versuche so viel wie möglich mit Tabellen zu lösen und die Grafiken so klein wie möglich zu zuschneiden

z.B. dein schwarzer Strich, der bei Tracers Bild wieder von vorn anfängt ... da kannst du auch nur die Rundung als Grafik machen und den restlichen Strich - da baust du ne Tabelle draus (breite 100% oder bißchen weniger) mit schwarzem Hintergrund.

bzw. sehe ich gerade, daß das alles im oberen Frame eine große Grafik ist - ganz böse - das könnte man alles mit Tabellen bzw. Hintergrundfarben lösen. Wenn du unbedingt ne Grafik als Hintergrund haben willst, dann nimm eine 1 Pixel breite Grafik, die von oben nach unten erstmal den Grau-Ton, dann die breite des schwarzen Striches und dann noch paar Pixel Weiß hat. Das Grafik sollte insgesamt aber einige Pixel höher sein, als dein Frame, damit man die Kachelbildung in der zweiten Zeile nicht sieht. ... jetzt hast schonmal deinen endlosen Strich.
Und daß dein schwarzer Strich dann links umbricht - das kannst dann mit einer separaten Grafik in einer Tabelle machen - die dann auch bißchen tiefer, als das Frame, damit da nicht irgendwann ein Ende der Tabelle zu sehen ist.

Ich behaupte jetzt einfach mal, daß durch diese kleinen Änderungen der obere Frame optisch deutlich schneller geladen werden kann ... außerdem hast du dann das Problem mit deiner endenden Grafik nicht mehr.


MFG,
speedy

[speedy]

Was meinst du mit TD? Einen weiteren Frame, oder was?

Aha - erwischt - hast die Page also mit nem WYSIWYG Editor gebaut ? ... TD - ist ne Tabellenspalte im HTML.

(TABLE)
(TR)
(TD)Zeile 1, Spalte 1(/TD)
(TD)Zeile 1, Spalte 2(/TD)
(/TR)
(TR)
(TD)Zeile 2, Spalte 1(/TD)
(TD)Zeile 2, Spalte 2(/TD)
(/TR)
(/TABLE)

Ich hab jetzt mal runde Klammern genommen, weil ich nicht weiß, ob das Forum die richtigen eventuell raus schmeißt. Also das ist ne Tabellenstrucktur in HTML ... mit TR wird eine neue Tabellenzeile angelegt und in dieser dann die Tabellenspalten - die TD's

Viel schlimmer finde ich aber, dass sich die Schriftgröße verändert und verschiebt und so über die Grafik links hinaus wandert! Wie kann ich das ändern?

Da weiß ich nicht, was du damit meinst. ... eventuell mal nen Screenshot machen ?


MFG,
speedy

[tracer]

Es sieht schon handgemacht aus, aber etwas Übung fehlt evtl. noch
=> </div align="center">
Ist nicht valid, und bringt auch nichts, ausser 15 Byte mehr zu übertragen.

@jonas, wenn Du eh den FireFox hast, da gibt es ein htmlTidy Plugin, damit bekommst Du nicht nur den Quelltext einer Seite schön formatiert, sondern auch gleich einen Check auf Validität Deines Codes.

[Dome]

ich hab bei meiner hp au viel über tabellen gemacht und versucht die grafiken klein zu halten, klappt zwar net immer wenns schön aussehen soll. aber wat solls
die 20kb kann man ruhig mal laden

[Jonas]

Also ich habe die Seite komplett in HTML selbst geschrieben!
Klar kann ich das noch nicht perfekt...

Das mit den Tabellen werde ich probieren!
Aber ich denke, zwei Grafiken die zusammen ca. 30kb groß sind, kann man auch mal laden!