Anzeige

Startgrafik in die Mitte der Site mit CSS

Startgrafik in die Mitte der Site mit CSS | PSD-Tutorials.de

Erstellt von ratu, 24.12.2006.

  1. ratu

    ratu Nicht mehr ganz neu hier

    Dabei seit:
    31.01.2006
    Beiträge:
    90
    Geschlecht:
    männlich
    Ort:
    Harz
    Software:
    PS CS3, Corel Draw X5, C4D, MS Expression Web, Inkscape
    Kameratyp:
    Samsung Pro815
    Startgrafik in die Mitte der Site mit CSS
    Ist wahrscheinlich eine ganz einfache Sache: Ich möchte eine Startsite mit einer Grafik in der Mitte machen. Klick auf die Grafik, und die Website zeigt die eigentliche erste Site.
    Die Grafik soll genau inder Mitte sein. Und das bei jeder Auflösung. Die Grafik ist das einzige auf der Startsite. Das ganze in einer ausgelagerten CSS-Datei.

    Ich habe schon einiges probiert, es haut immer irgendwas nicht hin.
     
    #1      
  2. Herr_D

    Herr_D offline

    Dabei seit:
    09.06.2005
    Beiträge:
    8.557
    Geschlecht:
    männlich
    Startgrafik in die Mitte der Site mit CSS
    css

    Code (Text):
    1.  
    2. #enter {
    3. position:absolute;
    4. left:50%;
    5. top:50%;
    6. width:400px;
    7. height:400px;
    8. z-index:1;
    9. margin-left:-200px;
    10. margin-top:-200px;
    11. }
    12.  
    13. #enter a img {
    14. border:0;
    15. width:400px;
    16. height:400px;
    17. }
    18.  

    html

    Code (Text):
    1.  
    2. <div id="enter">[url="startseite.html"][img]enter.jpg[/img][/url]</div>
    3.  

    weite & höhe anpassen

    ebenso margin-top & margin-left (jeweils die Hälfte der Bildweite bzw. -breite)
     
    #2      
  3. ratu

    ratu Nicht mehr ganz neu hier

    Dabei seit:
    31.01.2006
    Beiträge:
    90
    Geschlecht:
    männlich
    Ort:
    Harz
    Software:
    PS CS3, Corel Draw X5, C4D, MS Expression Web, Inkscape
    Kameratyp:
    Samsung Pro815
    Startgrafik in die Mitte der Site mit CSS
    Danke, Du bist meine Rettung.
    Ich habe ein paar "schlaue Bücher" über CSS. Da steht zwar eine Menge über das BOX-Modell und Layouten im Allgemeinen drin. Aber naja.
    Dass ich die Mitte mit 50% definiere ist vielleicht noch logisch. Aber die Grösse des Bildes mit margin wieder abziehen...da hätte ich noch ne lange Zeit dran getüfftelt.
    Dabei sind solche Startsites mit einer zentrierten Grafik doch weit verbreitet.
    Nur nicht in "schlauen" Büchern.
    Da helfen eben nur kluge Foren-User.
     
    #3      
  4. Gegenton

    Gegenton Allrounder

    Dabei seit:
    29.07.2006
    Beiträge:
    1.717
    Geschlecht:
    männlich
    Ort:
    Paderborn
    Software:
    Photoshop, Illustrator
    Kameratyp:
    DSR Nikon D50 18-55
    Startgrafik in die Mitte der Site mit CSS
    jetzt weiß ich auch endlich wo der fehler bei meiner letzten version las .__: danke herr d :)
     
    #4      
x
×
×