Myspace Bild in den Hintergrund

  • Hallo zusammen,

    ich hab mich jetzt mal angemeldet weil ich nicht mehr weiter weiss und ich hier immer wieder mal sehr hilfreiche Beiträge gefunden habe! Lesender Gast bin ich schon länger :)

    Zuerst mal zu mir. Ich bin 28 Ja, komme aus München, arbeite als Routertechniker.
    Nebenbei bin ich Musiker und versuche momentan für einen Freund eine Myspace Seite zu erstellen. Soweit klappt das auch ganz gut nur macht mich jetzt eine Sache fertig.

    Ich möchte Links und rechts jeweils ein Bild als Hintergrund haben.
    Ich füge die Bilder mit diesem code ein und verändere dann die Werte bis es an der Stelle ist wo ich es brauche:

    <div style="position:absolute; width:400px; left:79%; margin-left:-50px; top:120px;"><img src="http://img227.imageshack.us/img227/7682/bernieupload.jpg" /></div>

    links ist das kein Thema, das klappt super aber rechts verdeckt das Bild den Player und ich weiss nicht wie ich es in den Hintergrund verschieben soll. Ich habe eine Testseite angelegt auf der ich herumprobiere, "http://www.myspace.com/samosband" Bandname ist nur erfunden.... :D schaut ruhig mal drauf wenn ihr Zeit und Lust habt.

    Also ich habe alles durchsucht konnte aber nichts dazu finden. Meistens wird man auf diese Generatorseiten verwiesen, die mir aber hier auch nicht helfen können. Da kann man auch nur "ein" Hintergrundbild uploaden.

    Wäre klasse wenn mir jemand weiterhelfen kann, ich bin mir sicher es ist nicht alzu schwer aber ich weiss es halt nicht.

    Vielen Dank
    LG Fex.

    Einmal editiert, zuletzt von Fexplorer (9. April 2009 um 10:59)

  • also prinzipiell rate ich ja von myspace ab.. aber was hälste davon statt bilder nen div zu benutzen und das entsprechende bild als background zu wählen?
    css4you.de hilft bei vielen um net zu sagen allen css-fragen weiter

  • also prinzipiell rate ich ja von myspace ab.. aber was hälste davon statt bilder nen div zu benutzen und das entsprechende bild als background zu wählen?
    css4you.de hilft bei vielen um net zu sagen allen css-fragen weiter


    Hi und danke für die Antwort,
    die Idee mit den Divs ist nicht schlecht. Nur verstehe ich eine Sache noch nicht.

    Ich muss ja in HTML erst ein Head erstellen und dann eine CSS Datei machen in der Boxen drin sind? und die mit HTML über "<link rel="stylesheet" type="text/css" href="styles/default.css">" verbinden oder?
    Und irgendwie klappt des bei mir nicht, dieses verbinden.
    Ich lese mich langsam durch aber es ist nicht einfach das zu verstehen.. sry wenn ich totalen Quatsch schreibe! :D
    zb,
    HTML:
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="styles/default.css">
    </head>
    <body><center>
    <div class="example"></div>
    </center></body>
    </html>

    Und in einer CSS:

    html, body{
    color:green;
    }
    .example{
    border:1px solid black;
    height:300px;
    width:500px;
    position:relative;
    top:100px;
    }

    naja aber irgendwie klappt das bei mir nicht. Mein Browser zeigt nur weiss an.

    danke nochmals für deine Antwort, so weiss ich schon mal dass ich nicht falsch liege :) werd mich halt weiter einlesen müssen.

    LG fex

    Einmal editiert, zuletzt von Fexplorer (10. April 2009 um 11:04)

  • Hallo,
    Bei deinem zweiten Problem ( zweite Nachricht ) kann ich Dir vielleicht helfen.
    Versuche bitte in deiner CSS-Datei folgenen Eintrag zu ändern:
    html, body{ color:green; }
    in
    html, body{ background-color:green; }

    Das erste Problem müsste man mit dem Befehl z-index beheben können. Man kann den
    Boxen in der CSS-Datei verschiedene Ebenen zuteilen. Jede CSS-Box mit dem Befehl
    z-index versehen. Zum Beispiel so: .box1{ z-index:1; } .box2 { z-index:2; }.
    Das Resultat müsste sein das box2 die box1 an ihren Schnittflächen überdeckt.

    PS:bitte antworte wenn ich Dir helfen konnte.

    EdJohnnyBoy

    Einmal editiert, zuletzt von EdJohnnyBoy (10. April 2009 um 12:58)

  • Hi,

    Du klar Antworte ich Dir. Wenn ihr euch schon die Mühe macht und mir helft, ist ein Dankeschön und eine Antwort das mindeste!

    Also ich habs abgeändert wie Du gesagt hast aber wenn ich mein Browser starte bleibt er immer noch weiss.
    Ich hab mein ein Screen gemacht, dort sieht man die Datein und drunter die beiden Notepad einträge. HTML und CSS


    [Blockierte Grafik: http://img14.imageshack.us/img14/1504/fragez.jpg]

  • Hallo,
    Aber vielleicht verweist Du auf deine Default.css Datei zum falschen
    Verzeichnis. Ist Deine CSS-Datei wirklich im Verzeichnis styles ? - wie
    Du es angegeben hast: href="styles/default.css".

    EdJohnnyBoy

    3 Mal editiert, zuletzt von EdJohnnyBoy (10. April 2009 um 21:02) aus folgendem Grund: Angabe einer URL, die nicht das beinhaltet, was erwartet worden wäre.