Formularfelder 'im Bild'

Computer: Software & Programmierung HTML & CSS
#1

Hallo!

Gibt’s ne Möglichkeit ein Login-, ein Passwort und ein Submit-Feld quasi „im bild“ einzubauen? Ich meine sowas mal bei einer alten version von gmx gesehen zu haben (als sie noch rot waren)…

Im moment sieht’s bei mir so aus: http://www.8ung.at/minnich/

da hab ich unten ja „im globus“ noch etwas platz, kann ich da irgendwie die formularfelder „übers bild“ legen? vielleicht sogar ohne css?

Danke schonmal!!

Dennis =O)

PS: Wie gefällt euch sonst der Globus mit dem Text? Habt ihr da noch Verbesserungsvorschläge zum Design? Danke!

#2

Hallo Dennis,

wie wär’s mit einer blinden Ein-Feld-Tabelle, die als Hintergrundbild Deine Grafik setzt und das Formular positionierst Du dann da drin?!
So etwa:

…

Das funktioniert ab NS4 / IE3.

Viel Erfolg,
Marc

#3

Super Idee, Marc, Danke schön!

hab ich jetzt noch nicht umgesetzt, aber eine Frage gleich mal: interpretiert denn jeder Browser die
s gleich? Ich könnte mir vorstellen dass das damit nicht sonderlich präzise geht.

Obwohl, jetzt wo ich drüber nachdenke liefer ich mir die lösung gleich selbst: ein unsichtbares gif müsste’s tun :o)

Danke schön :o)

Dennis =O)

PS: wie viele nutzer haben denn noch netscape 2 und 3?

…

#4

Hallo,

[…]
PS: wie viele nutzer haben denn noch netscape 2 und 3?

laut meinen (voellig unrpraesentativen) Statistiken: 1,84%
( http://www.html-workshop.de/tips/2000.html )

Aber das duerfte hinkommen - wenn die Zahl nicht sogar zu hoch liegt.

Greetinx
Christian

http://www.html-workshop.de

#5

Hi Marc!

Ich hab’ das jetzt mal gemacht so wie du mir das erklärt hast: http://www.8ung.at/minnich/

funktioniert auch super, nur ein kleines prob hab ich: während die seite lädt sieht man den globus jetzt gar nicht… ich hab es eigentlich schon als progressive jpg abgespeichert, trotzdem 10 sekunden nix und dann erst das bild…

kann ich da noch was machen?

Danke,

Dennis =O)

PS: Hast du sonst noch tips wie ich die datei größe kleiner kriegen kann? bei der jpg qualität ist nicht mehr allzu viel drin…

#6

Hi Dennis,

Ein paar Anregungen:

  1. Mir ist aufgefallen, dass der IE Deine Seite anders darstellt als der Netscape: Die Tabellenfelder werden bei letzterem auch mit dem Hintergrundbild gefüllt und das sieht sch***e eus… :wink:
    Hier müsstest Du tricksen, vermutlich indem du als Hintergrundbild der einzelnen Felder das spacer.gif oder ein gif mit der gewünschten Farbe einsetzt. Die Hintergrundfarbe die du eingestellt hast werden beim NS einfach ignoriert :frowning:

  2. Soweit mir bekannt ist, gibt es für so ein farbenträchtiges Bild wie Deines kein besseres Format im Internet. Du könntest die Farbtiefe vielleicht auf 256 Farben reduzieren, u.U. kommst du in diesem Fall sogar mit einem gif besser weg. Mußt du ausprobieren. 65KB sind jedenfalls zuviel für ein Startbild, wenn man davon ausgeht, dass viele noch mit 56Kbit-Modem (ca. 4-6KB/s) surfen.

  3. Mir scheint, dass der Server auf dem die Seite liegt, _extrem_ langsam ist. Ich habe hier Werte um die 2KB/s angezeigt bekommen, da bin ich von meinem DSL schnelleres gewöhnt… :wink: Vielleicht läuft das ganze auf dem Uni-Server schneller.

  4. Ich vermute dass progressive JPGs nur bei Inlinegrafiken was bringen, nicht aber bei Hintergrundbildern, denn die werden ja theoretisch - je nach Fenstergröße - mehrfach dargestellt und müssen sicher vorher komplett runtergeladen werden.

  5. Vielleicht versuchst Du’s mal einer zerlegten Grafik, die in einer - ja schon vorhandenen - blinden Tabelle dargestellt wird, sodass die einzelnen Bildteile parallel geladen werden können und so schon mal nach und nach angezeigt werden können. Hilfreich ist hier z.B. das Tool Macromedia Fireworks 4.0( Die Trial-Version gibts hier: http://www.macromedia.com/software/fireworks/trial/ )
    Viele Webseiten arbeiten ja dieser Methode, um dem Surfer die Ladezeit nicht so lang werden zu lassen (sehr schön zu sehen auf der Startseite von http://www.guenstiger.de ).

Hoffe ein wenig geholfen zu haben (klick doch mal auf „Diesen Artikel finde ich hilfreich“ - Danke :wink:. Gutes Gelingen,
Marc

1 Like
#7

Hi Marc!

erst mal sorry dass es mit der antwort ne weile gedauert hat… aber ich hatte viel streß, und außerdem noch heute morgen führerscheinprüfung (bestanden! *freu*)

Ich werde deine Hinweise einzubauen versuchen, und melde mich dann nochmal wenn’s geklappt oder nicht geklappt hat.

Vielen Dank auf jeden Fall für Deine Mühe !!! :o)

Dennis =O)