Seite 1 von 2 12 LetzteLetzte
Ergebnis 1 bis 10 von 14

Thema: Grafik als Hintergrund läßt sich nicht zentrieren?!

  1. #1
    thommyfarmer
    Gast

    Standard Grafik als Hintergrund läßt sich nicht zentrieren?!

    Hallo zusammen,

    ich bin am Verzweifeln! Ich habe meine Site mit php-nuke entworfen (bzw. will dies tun) und habe mir gedacht, daß ich für den Mittelteil einen Block mit zwei Tabellen fülle, denen ich jedoch ein jpg als Hintergrund gebe.

    Soweit so gut, nur bleibt die Grafik nicht zentriert, sobald ich unterbinde, daß diese wiederholt, sprich gekackelt wird.

    Das Ganze sieht dann so aus, wie auf der Startseite zu erkennen: www.thommyfarmer.de

    Die Hintergrund-Gifs werden zwar nicht mehr wiederholt, aber sie sind nicht mehr zentriert und vor allem, sie werden nicht gleich komplett dargestellt.....?!?

    Mein Code hierzu sieht so (stümperhaft?) aus:

    <table border width="100%" height="100%">
    <tr>
    <th>
    <div align="left" style="background-image:url(http://www.thommyfarmer.de/hpbilder/tomback1.jpg); background-repeat:no-repeat; fixed:center font-style:normal;">


    Willkommen auf dieser Site!


    Das ist nur ein Testblock, da ich noch

    an der Ausrichtung der Site feilen muß.




    Ist gar nich mal soooo leicht.....


    Aber wird schon klappen





    oder auch nicht......



    </div>
    </th>
    <th>
    <div align="left" style="background-image:url(http://www.thommyfarmer.de/hpbilder/tomback1.jpg); background-repeat:no-repeat; fixed center;">


    Der dritte Bereich.
    Ein Text, der auch leicht umbricht...usw.



    bla bla bla



    bla bla bla



    </p>
    </div>
    </th>
    </tr>
    </table>

    Ich weiß, das ist für Eure Profiaugen vermutlich schmerzhaft, aber dafür, daß ich mir das selbst erarbeitet habe, bin ich ganz zufrieden....

    Könnte mir wohl bitte jemand sagen, wo in dem Code der Fehler liegt?!

    Wie gesagt, die Hintergrund-Grafik sollte

    a) zentriert
    b) gleich komplett zu sehen sein


    Das muß doch zu schaffen sein, oder?!


    Danke für Eure Hilfe...... ich gehe jetzt ins Bett, das wird heute sowieso nichts mehr.....
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Gast

    Standard

    Ach ja, der Text wird auch in "Fett"-Schrift dargestellt, obwohl ich doch als font-style "normal" festgelegt habe....?!?

  3. #3
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    ich kann mich jetzt so spontan nicht daran erinnern mal einen befehl
    fixed:center gesehen zu haben... versuchs mal so

    Code:
    background-attachment&#58;fixed;
    background-position&#58; center center;
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  4. #4
    Shogun Avatar von DarkSyranus
    Registriert seit
    28.03.2006
    Ort
    ::1/128
    Alter
    25
    Beiträge
    3.446
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings
    Blog-Einträge
    1

    Standard

    Moin
    background-repeat:no-repeat; fixed:center font-style:normal;
    Da fehlt ein ; nach dem center.

    Beim anderen fehlt ein :.

    Benutz einfach "background-position: center center;".
    Das geht auf jeden Fall.

    /edit: Der Autofahrer war schneller ...

  5. #5
    Gast

    Standard

    Ja danke, jetzt isses zentriert. ABER es wird schon wieder gekachelt - seht mal das linke Bild an: www.thommyfarmer.de

    Und wie kann ich denn jetzt den Text normal ausgeben lassen?! Ich verstehe nicht, warum der fett erscheint?!


    Danke!!!

  6. #6
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    versuch mal statt font-style -> font-weight
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  7. #7
    Gast

    Standard

    Mann, Ihr seid super - DANKE!!


    Aber ich habe noch ein letztes Problem damit: Warum wird das Bild denn jetzt nicht gleich komplett dargestellt, sondern obern und unten abgeschnitten?!

    Der Code sieht jetzt so aus:

    <table border width="100%" height="100%">
    <tr>
    <th>
    <div align="left" style="background-image:url(http://www.thommyfarmer.de/hpbilder/tomback1.jpg); background-repeat:no-repeat;
    background-position: center center; font-weight:normal;">


    Willkommen auf dieser Site!


    Das ist nur ein Testblock, da ich noch

    an der Ausrichtung der Site feilen muß.




    Ist gar nich mal soooo leicht.....


    Aber wird schon klappen





    oder auch nicht......



    </div>
    </th>
    <th>
    <div align="left" style="background-image:url(http://www.thommyfarmer.de/hpbilder/tomback1.jpg); background-repeat:no-repeat;
    background-position: center center; font-weight:normal;">


    Willkommen auf dieser Site!


    Das ist nur ein Testblock, da ich noch

    an der Ausrichtung der Site feilen muß.




    Ist gar nich mal soooo leicht.....


    Aber wird schon klappen





    oder auch nicht......



    </div>
    </th>
    </tr>
    </table>
    Liegt es vielleicht daran, daß ich tatsächliche Größenangaben machen muß und nicht mit "100%" arbeiten darf?! Eigentlich dachte ich, daß mit dieser Angabe der zur Verfügung stehende Platz komplett genutzt werden würde?!?

    Wäre super, wenn sich noch ein letztes Mal jemand erbarmen könnte.... )


    Danke und Gruß


    Thommy

  8. #8
    Gast

    Standard

    So, das ist jetzt der aktuelle Code:

    <table border width="100%" height="100%">
    <tr>
    <th>
    <div align="left" style="background-image:url(http://www.thommyfarmer.de/hpbilder/tomback1.jpg); background-attachment:fixed;
    background-position: center center; backround-repeat:no-repeat; font-weight:normal;">


    Willkommen auf dieser Site!


    Das ist nur ein Testblock, da ich noch

    an der Ausrichtung der Site feilen muß.




    Ist gar nich mal soooo leicht.....


    Aber wird schon klappen





    oder auch nicht......



    </div>
    </th>
    <th>
    <div align="left" style="background-image:url(http://www.thommyfarmer.de/hpbilder/tomback1.jpg); background-repeat:no-repeat;
    background-position: center center; font-weight:normal;">


    Willkommen auf dieser Site!


    Das ist nur ein Testblock, da ich noch

    an der Ausrichtung der Site feilen muß.




    Ist gar nich mal soooo leicht.....


    Aber wird schon klappen





    oder auch nicht......



    </div>
    </th>
    </tr>
    </table>
    Das linke Bild wird gekachelt, das rechte Bild nicht. Dafür nimmt das linke Bild den kompletten Platz (Breite) ein, das rechte Bild aber nicht. Und abgeschnitten sind biede immer noch oben und unten.....

    Falls mal jeamand kucken möchte, wie`s jetzt aussieht: www.thommyfarmer.de

    Ich bin echt noch am Verzweifeln.....

  9. #9
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    mach mal die angaben ins css und verknüpf se mit ner class.
    so hast beides einheitlich und weniger quelltext (in einem fehlte
    nämlich z.b. das background-attachment)

    in den head deiner html-file
    Code:
    <style type="text/css">
    .test &#123;
    text-align&#58;left; background-image&#58;url&#40;http&#58;//www.thommyfarmer.de/hpbilder/tomback1.jpg&#41;;
    background-repeat&#58;no-repeat;
    background-position&#58; center center;
    background-attachment&#58;fixed;
    font-weight&#58;normal;
    &#125;
    </style>
    der geänderte body
    Code:
    <table border width="100%" height="100%">
    <tr>
    <th>
    <div class="test">
    
    
    Willkommen auf dieser Site!
    
    
    Das ist nur ein Testblock, da ich noch
    
    an der Ausrichtung der Site feilen muß.
    
    
    
    
    Ist gar nich mal soooo leicht.....
    
    
    Aber wird schon klappen
    
    
    
    
    
    oder auch nicht......
    
    
    
    </div>
    </th>
    <th>
    <div class="test">
    
    
    Willkommen auf dieser Site!
    
    
    Das ist nur ein Testblock, da ich noch
    
    an der Ausrichtung der Site feilen muß.
    
    
    
    
    Ist gar nich mal soooo leicht.....
    
    
    Aber wird schon klappen
    
    
    
    
    
    oder auch nicht......
    
    
    
    </div>
    </th>
    </tr>
    </table>
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  10. #10
    Gast

    Standard

    Äh, naja, jetzt sieht das so aus: www.thommyfarmer.de

    Irgendwie beides doppelt, nur das Bild ist einzeln und geht mittig über beide Spalten?! Und ganz sehen tut man`s auch noch nicht..... ich glaube, ich gebe auf.....


    Der Quelltext sieht so aus:

    <style type="text/css">
    .test {
    text-align:left; background-image:url(http://www.thommyfarmer.de/hpbilder/tomback1.jpg);
    background-repeat:no-repeat;
    background-position: center center;
    background-attachment:fixed;
    font-weight:normal;
    }
    </style>

    <table border width="100%" height="100%">
    <tr>
    <th>
    <div class="test">


    Willkommen auf dieser Site!


    Das ist nur ein Testblock, da ich noch

    an der Ausrichtung der Site feilen muß.




    Ist gar nich mal soooo leicht.....


    Aber wird schon klappen





    oder auch nicht......



    </div>
    </th>
    <th>
    <div class="test">


    Willkommen auf dieser Site!


    Das ist nur ein Testblock, da ich noch

    an der Ausrichtung der Site feilen muß.




    Ist gar nich mal soooo leicht.....


    Aber wird schon klappen





    oder auch nicht......



    </div>
    </th>
    </tr>
    </table>

    Ich bin vielleicht echt einfach nur zu doof dazu.....

Ähnliche Themen

  1. Antworten: 9
    Letzter Beitrag: 03.08.2008, 00:56
  2. HILFE! Hintergrund will sich bei MSpace nicht ändern lassen
    Von Joelle im Forum Computer - Internet Forum
    Antworten: 1
    Letzter Beitrag: 08.11.2007, 18:11
  3. MySpace Hintergrund ändert sich nicht.
    Von Miss-Anonym im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 07.08.2007, 11:25
  4. Schriftgröße läßt sich nicht verändern.
    Von 00eraser00 im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 3
    Letzter Beitrag: 12.10.2006, 09:54
  5. Hilfe - Startseite beim IE läßt sich nicht mehr verändern !
    Von jedimaster im Forum Computer - Internet Forum
    Antworten: 19
    Letzter Beitrag: 01.05.2005, 17:20

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •