Anzeige

html by imageready 2 html.reel :D

html by imageready 2 html.reel :D | PSD-Tutorials.de

Erstellt von deC9r, 12.04.2006.

  1. deC9r

    deC9r Guest

    html by imageready 2 html.reel :D
    Hi

    nachdem nun mein design fertig ist, muss es logischer weise noch gecoded werden ( is net mei stärke), hab allerdings noch ein paar Fragen!

    http://decor.de.funpic.de/Test/paddysyde/index.html

    Also ich hab versucht die ganze hp zu zentrieren, ist mir aber net gelungen, liegt wahrscheinlich daran das die bilder ne feste Position haben (CSS : position:absolute), nun hab ich den Wert bei allen Bildern auf relative gesetzt, und es nochmal zentriert, dann zentriert der mir aber die bilder -.-!
    Also hat jemand ne Ahnung wie ich die Zentriert bekomm?

    Und noch was wie schaffe ich das der Hintergrund immer die Gesamte Fäche des Browsers ausfüllt? (% statt Pixel?)

    Und wie kann ich ein bild so formatieren, dass ich mir Dreamweaver darauf schreiben kann?


    deC9r

    hoffe, dass ich mich verständlich ausgedrückt habe :D
     
    #1      
  2. FreakD

    FreakD Aktives Mitglied

    Dabei seit:
    24.02.2006
    Beiträge:
    693
    Geschlecht:
    männlich
    Ort:
    Pegnitz / Bayern
    Software:
    Photoshop CS6
    Kameratyp:
    Canon EOS 1100D
    html by imageready 2 html.reel :D
    Um etwas zentriert darzustellen, ist folgender Code nützlich:
    Code (Text):
    1. center
    Du könntest auch, bevor du da jetz mit der HP anfängst mal weng HTML beibringen!
    Dann klappt des besser!
     
    #2      
  3. deC9r

    deC9r Guest

    html by imageready 2 html.reel :D
    LQL

    guck ma, ein bisschen plan hab ich ja!



    Code (Text):
    1. <div id="Tabelle_01">
    2.     <div id="test-01">   
    3.       <div align="center">[img]Bilder/test_01.jpg[/img]    </div>
    4.  
    5.     </div>
    6.     <div id="test-02">   
    7.       <div align="center">[img]Bilder/test_02.jpg[/img]    </div>
    8.     </div>
    9.     <div id="test-03">   
    10.       <div align="center">[img]Bilder/test_03.jpg[/img]    </div>
    11.     </div>
    ganz blöd bin ich net!


    deC9r
     
    #3      
  4. emonem

    emonem Guest

    html by imageready 2 html.reel :D
    Hi,

    1. HP zentrieren

    Code (Text):
    1. #wrapper{
    2. position:absolute;
    3. left:50%;
    4. margin-left:-475px;
    5. top:50%;
    6. margin-top:-350px;
    7. height:700px;
    8. width:950px;
    9. }
    10.  
    Code (Text):
    1. <body>
    2.  
    3. <div id="wrapper">
    4. ...
    5. </div>
    6. </body>
    7.  
    2. Hintergrund

    Code (Text):
    1. #bg_image {
    2. width: 100%;
    3. height: 100%;
    4. left: 0px;
    5. top: 0px;
    6. position: absolute;
    7. z-index: 0;
    8. }
    Code (Text):
    1. <body>
    2.  
    3. <div id="bg_image">
    4. [img]image.jpg[/img]
    5. </div>
    6.  
    7.  
    8. <div id="content">
    9. ...
    10. </div>
    11.  
    12. </body>
    Verstehe die Frage nicht.
     
    #4      
  5. Nadine2006

    Nadine2006 Guest

    html by imageready 2 html.reel :D
    Ein Bild so formatieren, dass Du in dreamweaver drauf schreiben kannst = Das Bild muss als Backround gesetzt werden
     
    #5      
  6. deC9r

    deC9r Guest

    html by imageready 2 html.reel :D
    was waer nur die Welt ohne weibliche Intuition!

    deC9r :p
     
    #6      
  7. Nadine2006

    Nadine2006 Guest

    html by imageready 2 html.reel :D
    Ohne weibliche Intuition wäre die Welt verloren. Weißte doch...
     
    #7      
  8. deC9r

    deC9r Guest

    html by imageready 2 html.reel :D
    :p deswegen ja ^^ !
     
    #8      
Seobility SEO Tool
x
×
×