1. Diese Seite verwendet Cookies. Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies. Weitere Informationen

Design => CSS

Dieses Thema im Forum "Web-Programmierung" wurde erstellt von wapplegraph, 13.04.07.

  1. wapplegraph

    wapplegraph Normande

    Dabei seit:
    12.04.06
    Beiträge:
    571
    Hallo

    Ich bin nun ein einem grösseren Projekt und habe mir ein Design mit Photoshop CS2 erstellt, dieses in kleine Bilder zerschnipselt und nun:

    Es gibt Bilder, die ich mit <img> tags einfüge, und welche, die ich als backround-images nehme un vervielfache.

    Nun habe ich ein Problem mit der Positionierung. Soll ich die Sachen absolute positionieren, jedoch weiss ich nicht, wie ich dann die aussen box einmitte. Oder macht man dies mit dem schweren float?

    wapplegraph
     
  2. wapplegraph

    wapplegraph Normande

    Dabei seit:
    12.04.06
    Beiträge:
    571
    Hallo

    Ich habe jetzt einmal mit float begonnen und der Anfang sieht gut aus. Doch nun habe ich schon ein Problem:

    Wir ihr sehen könnt, müssen jetzt Bilder links und rechts hin. Doch wie ohne absolute positionierung?
     
  3. Hilarious

    Hilarious Gelbe Schleswiger Reinette

    Dabei seit:
    10.08.05
    Beiträge:
    1.759
    Hier solltest Du besser mit einer Verschachtelung von Bereichen (DIVs) arbeiten:
    Code:
    <div class="oben_mitte">
      <div class="oben_rechts">
        <div class="oben_links">
          <div class="inhalt_oben">
            bla</div>
        </div>
      </div>
    </div>
    
    ... und dann jedem dieser Klassen ein Hintergrundbild zuordnen. Eins mit der rechten Ecke oben, eines mit der linken Ecke oben, eins für die Mitte.
     
  4. wapplegraph

    wapplegraph Normande

    Dabei seit:
    12.04.06
    Beiträge:
    571
    Hallo

    Meinen Head Bereich habe ich bis auf etwas ganz merkwürdiges fertig.

    Ein Element will sich nicht eingliedern:

    Verbreitere ich jedoch head_mitte um 2px oder verkleinere ich head9 um 2px passt es herein. Aber es hat dann 2px Leerraum. o_O

    Jetzt nach langem herumprobieren, ist mir auf einmal alles wieder an den linken Rand gerutscht, obwohl ich alles wieder rückgängig gemacht habe.


    wapplegraph
     
  5. wapplegraph

    wapplegraph Normande

    Dabei seit:
    12.04.06
    Beiträge:
    571
    Jetzt klappts, bis auf die Einmittung.

    wapplegraph
     

Diese Seite empfehlen