Mike© : / CSS Positionierung von "Containern"

Moin @ All,

ich habe eine beliebige Anzahl Images, welche ich auf der Page in 3er Gruppen ( in unterschiedlichen Höhen ) anordnen möchte.

Meine Frage: Welchen Container nehme ich ( DIV? ) und wie positioniere ich diese?

Skiziert etwa so:

<form>
 --------
|        |                 <from>
| Image  |    <form>       ---------
|        |    --------    |         |
| button |   |        |   | Image   |
 --------    | Image  |   |         |
</form>      |        |   | button  |
             | &nbsp; |    ---------
              --------    </form>
             </form>

<form>
 --------
|        |                 <from>
| Image  |    <form>       ---------
|        |    --------    |         |
| button |   |        |   | Image   |
 --------    | Image  |   |         |
</form>      |        |   | button  |
             | &nbsp; |    ---------
              --------    </form>
             </form>

Danke & regds
Mike©

--
Freunde kommen und gehen. Feinde sammeln sich an.
  1. Moin nochmal,

    zum Ansehehen nochmal hier:

    http://kita.dnip.net/pinwand.php

    regds
    Mike©

    --
    Freunde kommen und gehen. Feinde sammeln sich an.
  2. Hi,

    ich habe eine beliebige Anzahl Images, welche ich auf der Page in 3er Gruppen ( in unterschiedlichen Höhen ) anordnen möchte.
    Meine Frage: Welchen Container nehme ich ( DIV? ) und wie positioniere ich diese?

    Sieht doch so aus, als wäre da schon ein Container um Bild und Button - nämlich form.
    Warum willst Du da nochmal was rumpacken?

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
    1. Moin MudGuard,

      Sieht doch so aus, als wäre da schon ein Container um Bild und Button - nämlich form.
      Warum willst Du da nochmal was rumpacken?

      Nö, hab ich nicht. Das ist nur das Ziel. Wenn Du dir das Bsp: ansiehst, http://kita.dnip.net/pinwand.php dann ist das dort stümperhaft positioniert.

      regds
      Mike©

      --
      Freunde kommen und gehen. Feinde sammeln sich an.
    2. Hi,

      Sieht doch so aus, als wäre da schon ein Container um Bild und Button - nämlich form.
      Warum willst Du da nochmal was rumpacken?

      ie am mac kommt mit form und float nicht klar... na, ist eh ein (hoffendlich) aussterbendes Teil...

      Gruesse, Joachim

      --
      Am Ende wird alles gut.
  3. hi,

    Skiziert etwa so:

    <form>

    |        |                 <from>
    | Image  |    <form>       ---------
    |        |    --------    |         |
    | button |   |        |   | Image   |
    --------    | Image  |   |         |
    </form>      |        |   | button  |
                 | &nbsp; |    ---------
                  --------    </form>
                 </form>

    <form>

    |        |                 <from>
    | Image  |    <form>       ---------
    |        |    --------    |         |
    | button |   |        |   | Image   |
    --------    | Image  |   |         |
    </form>      |        |   | button  |
                 | &nbsp; |    ---------
                  --------    </form>
                 </form>

    Meine Frage: Welchen Container nehme ich ( DIV? ) und wie positioniere ich diese?

    wie Andreas schon sagte, einen container hast du ja bereits.
    und bevor du zu (absoluter) positionierung greifst, schau erst mal, was sich mit margin/padding ausrichten lässt.

    gruß,
    wahsaga

    --
    Rest in peace, Dimebag!
    #
    "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
    1. Moin wahsaga,

      wie Andreas schon sagte, einen container hast du ja bereits.
      und bevor du zu (absoluter) positionierung greifst, schau erst mal, was sich mit margin/padding ausrichten lässt.

      Nö, der Container ist in meiner Skizze. So hätte ich das gerne.
      Ist eine FORM eine Container, wahrscheinlich Ja. Aber den kann ich nicht positionieren. Zumindest nicht meines bescheidenen Wissens nach.

      regds
      Mike©

      --
      Freunde kommen und gehen. Feinde sammeln sich an.
      1. hi,

        Ist eine FORM eine Container, wahrscheinlich Ja. Aber den kann ich nicht positionieren. Zumindest nicht meines bescheidenen Wissens nach.

        da spricht erst mal theoretisch nichts dagegen, nur hier ist es wie gesagt praktisch wahrscheinlich gar nicht nötig: forms nebeneinander floaten, und "gleich hoch" machen - und über unterschiedliche paddings oben und unten das bild _darin_ in unterschiedlicher "höhe" darstellen lassen.

        gruß,
        wahsaga

        --
        Rest in peace, Dimebag!
        #
        "Look, that's why there's rules, understand? So that you _think_ before you break 'em."
        1. Moin wahsaga,

          da spricht erst mal theoretisch nichts dagegen, nur hier ist es wie gesagt praktisch wahrscheinlich gar nicht nötig: forms nebeneinander floaten, und "gleich hoch" machen - und über unterschiedliche paddings oben und unten das bild _darin_ in unterschiedlicher "höhe" darstellen lassen.

          danke. Ich werde mal damit rumspielen ( experimentieren ) . Den Self ist der Man(n)

          regds
          Mike©

          --
          Freunde kommen und gehen. Feinde sammeln sich an.
  4. Hallo Mike,

    hast Du mal überlegt, ob Du das mit einer Tabelle hibekommst?
    ich hatte mal ein ähnliches Probelm, da hab ich eine - zwar recht komplizierte - aber doch gut funktionierende Tabelle gebaut und verschiedene Zellen Verbunden.
    Hier die URL. Wie Du siehst sind die "Spielzeiten" in der Tabelle in verschiedenen höhen - nebeneinander untergebracht...

    http://ro.wacken.com/WOArunning-order.pl?day=Samstag&year=2004&from=ro-tool

    Gruß, der hilker

    Moin @ All,

    ich habe eine beliebige Anzahl Images, welche ich auf der Page in 3er Gruppen ( in unterschiedlichen Höhen ) anordnen möchte.

    Meine Frage: Welchen Container nehme ich ( DIV? ) und wie positioniere ich diese?

    Skiziert etwa so:

    <form>

    |        |                 <from>
    | Image  |    <form>       ---------
    |        |    --------    |         |
    | button |   |        |   | Image   |
    --------    | Image  |   |         |
    </form>      |        |   | button  |
                 | &nbsp; |    ---------
                  --------    </form>
                 </form>

    <form>

    |        |                 <from>
    | Image  |    <form>       ---------
    |        |    --------    |         |
    | button |   |        |   | Image   |
    --------    | Image  |   |         |
    </form>      |        |   | button  |
                 | &nbsp; |    ---------
                  --------    </form>
                 </form>

    Danke & regds
    Mike©

    1. Moin hilker,

      hast Du mal überlegt, ob Du das mit einer Tabelle hibekommst?
      ich hatte mal ein ähnliches Probelm, da hab ich eine - zwar recht komplizierte - aber doch gut funktionierende Tabelle gebaut und verschiedene Zellen Verbunden.

      Naja, das Konstukt einer Tabelle in der Tabelle der Tabellen wollte ich vermeiden ;-)

      regds
      Mike©

      --
      Freunde kommen und gehen. Feinde sammeln sich an.
  5. Moin @ All,

    ich habe eine beliebige Anzahl Images, welche ich auf der Page in 3er Gruppen ( in unterschiedlichen Höhen ) anordnen möchte.

    Meine Frage: Welchen Container nehme ich ( DIV? ) und wie positioniere ich diese?

    Skiziert etwa so:

    <form>
     <div style="position:relative">
      <div style="position:absolute;top=irgendwoY;left=irgendwoX">
       <IMAGE>
       <JIMKNOPF>
      </div>
      <div style="position:absolute;top=irgendwoY;left=irgendwoX">
       <IMAGE>
       <JIMKNOPF>
      </div>
      <div style="position:absolute;top=irgendwoY;left=irgendwoX">
       <IMAGE>
       <JIMKNOPF>
      </div>
     </div>
     <div style="position:relative">
      <div style="position:absolute;top=irgendwoY;left=irgendwoX">
       <IMAGE>
       <JIMKNOPF>
      </div>
      <div style="position:absolute;top=irgendwoY;left=irgendwoX">
       <IMAGE>
       <JIMKNOPF>
      </div>
      <div style="position:absolute;top=irgendwoY;left=irgendwoX">
       <IMAGE>
       <JIMKNOPF>
      </div>
     </div>
    </form>

    Danke & regds
    Mike©

    Gern geschehn.
    Dracophagos