[HTML] Bildteile um ein Textfeld anordnen

Dieses Thema im Forum "Webdesign" wurde erstellt von Buzzer, 14. April 2012 .

Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 14. April 2012
    Bildteile um ein Textfeld anordnen

    Hi,

    ich habe ein kleines Problem.

    Ich habe einige Bild"schnipsel" die um ein "Textfeld"(welches später über php mit Daten aus einer mySQL Tabelle gefüllt wird) angeordnet werden sollen.

    Die Bilder haben folgende Größe:

    Head 450x300
    oben 450x10
    "links 210x80" "Textfeld soll die Größe 220x80 haben" "rechts 20x80"
    unten 450x10

    Ich habs schon über Tabellen probiert, klappt aber nicht da immer ein Abstand besteht.
    Mit CSS float würde evtl links funktionieren, aber wie bekomm ich den Abstand zwischen Head & oben weg? Außerdem wie leg ich die Größe eines textfeldes in Pixel fest?

    Kennt jemand eine passable Lösung?
     
  2. 14. April 2012
    AW: Bildteile um ein Textfeld anordnen

    Grundlagen.

    Ich gebe dir mal die Stichpunkte. Du willst ein 3 spaltiges div-Layout. D.h. du musst, wenn du mehrere div-Container in einer Zeile haben willst, mit float arbeiten.

    Zwischen div-Containern besteht automatisch kein Abstand, das kannst du über margin und padding regeln (je nachdem, welchen Abstand du willst). Die Größe eines Textfelds kannst du ganz normal über width und height festlegen.
     
  3. 14. April 2012
    AW: Bildteile um ein Textfeld anordnen

    Muss es denn zwingend sein, dass das mehrere Bilder sind?
    Wie wäres es mit einem Bild als Hintergrund für den DIV und dann das input-Element in dem DIV mit position:absolute?
    Dann kannst du mit left und top das Textfeld hinschieben, wo du willst..

    Like this:
    position:absolute: Positionsart: Beispiel zur CSS-Referenz auf CSS 4 You - The Finest in Stylesheets

    MfG
     
  4. 15. April 2012
    AW: Bildteile um ein Textfeld anordnen

    Ich würde auch sagen, dass das die beste Variante wäre, falls möglich natürlich
     
  5. 15. April 2012
    AW: Bildteile um ein Textfeld anordnen

    Die variante mit position:absolute war genau das was ich gesucht habe Danke Leute BWs sind raus
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.