ilch Forum » Ilch Clan 1.1 » Allgemein » Bilder über Hintergrund platzieren

Geschlossen
  1. Do. 17.11.2011 17:17 Uhr #1
    User Pic
    ---Doc--- Mitglied
    Registriert seit
    05.08.2011
    Beiträge
    218
    Beitragswertungen
    4 Beitragspunkte
    Hallo zusammen,

    auf unserer Seite haben wir ein Hintergrundbild mit Wüstenszenario und einer Gedenkstätte. Dies ist ein fixes Bild. Nun wollte ich animierte Flagge quasi als overlay über die Gedenkstätte platzieren. Sie sollen die Länder repräsentieren, aus denen unsere Clanmitglieder stammen und daher ja auch austauschbar sein.

    Wie kann ich derartiges einfügen, wenn es denn geht?

    Vielen Dank für Tips.
    0 Mitglieder finden den Beitrag gut.
  2. Do. 17.11.2011 17:30 Uhr #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    DIV-Boxen mit festen Positionen ist da wohl am sinnvollsten
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. Do. 17.11.2011 17:36 Uhr #3
    User Pic
    ---Doc--- Mitglied
    Registriert seit
    05.08.2011
    Beiträge
    218
    Beitragswertungen
    4 Beitragspunkte
    Danke. Nur wo definiere ich sie am besten?
    Ein wenig kenne ich html, php kann ich bestensfalls nachvollziehen.

    Prinzipiell hätte ich ja in der index.htm geschaut, aber das Hintergrundbild ist in der design css definiert.
    0 Mitglieder finden den Beitrag gut.
  4. Do. 17.11.2011 18:25 Uhr #4
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    Er meint, da Du die Grafiken fest setzen kannst, über die htm.Am besten gleich nach <body> .

    zb: 
     <div style=" left: 0px; position: fixed; top: 150px; z-index: 999;" ><img src="pfad zum Image" border="0"></div>


    Über top / left (oder right) kannst Du die feste Position legen.


    Zuletzt modifiziert von Maretz am 17.11.2011 - 18:30:53
    Ilch Templates and Modules

    0 Mitglieder finden den Beitrag gut.
  5. Do. 17.11.2011 22:00 Uhr #5
    User Pic
    Ahrtas Moderator
    Registriert seit
    17.12.2007
    Beiträge
    2.368
    Beitragswertungen
    210 Beitragspunkte
    ZitatZitat geschrieben von Chapter

    DIV-Boxen mit festen Positionen ist da wohl am sinnvollsten

    Wieso jede Grafik extra noch in einen Div packen?

    Du kannst den einzelnen Grafiken eine ID zuweisen und per CSS direkt ansprechen und natürlich die jeweilige Grafik positionieren.
    Die nötigen Stylesheets hat Maretz bereits genannt.
    0 Mitglieder finden den Beitrag gut.
  6. Do. 17.11.2011 22:05 Uhr #6
    User Pic
    ---Doc--- Mitglied
    Registriert seit
    05.08.2011
    Beiträge
    218
    Beitragswertungen
    4 Beitragspunkte
    Super, vielen Dank.

    Eine kleine Frage habe ich dann noch. Worauf bezieht sich der Abstand. Auf den angezeigten Bereich?
    Angenommen mein Hintergrundbild ist 1280ps breit und auf dem Bild ist ein Gebäude, das von links gesehen bei Pixel 300 beginnt.
    Wenn im Browser nun die Seite voll anzeigt wird, also bei 1280er Breite, dann ist klar, das bei left 300 mein div Bild über dem Gebäude angezeigt wird.

    Was ist aber, wenn man einen kleinen Monitor besitzt und nur eine 800er Größe angezeigt bekommt? Also das große Hintergrundbild nur zum Teil angezeigt wird. Wird dann bei left 300 der Abstand zum linken Browserrand genommen, oder zählt der Abstand relativ zum Hintergrundbild, also daß auch dann das Divbild über dem Haus angezeigt wird?
    Letztlich will ich ja die animierten Flagge auf das Haus setzen.
    0 Mitglieder finden den Beitrag gut.
  7. Fr. 18.11.2011 14:10 Uhr #7
    User Pic
    Ahrtas Moderator
    Registriert seit
    17.12.2007
    Beiträge
    2.368
    Beitragswertungen
    210 Beitragspunkte
    Du kannst ja mal deine Auflösung am Monitor kleiner stellen und schauen ob sich etwas verschiebt/verändert.

    Ein Link zu deiner Seite wäre auch nicht schlecht, damit wir dir (besser) weiter helfen können.
    0 Mitglieder finden den Beitrag gut.
  8. Fr. 18.11.2011 14:15 Uhr #8
    User Pic
    ---Doc--- Mitglied
    Registriert seit
    05.08.2011
    Beiträge
    218
    Beitragswertungen
    4 Beitragspunkte
    Werde ich ausprobieren.

    Das mit dem Link kann ich verstehen. Noch ist die Seite aber nicht von der Clanleitung freigegeben worden, daher ist der Zugriff ohne PW nicht möglich.
    0 Mitglieder finden den Beitrag gut.
  9. Fr. 18.11.2011 18:49 Uhr #9
    User Pic
    ---Doc--- Mitglied
    Registriert seit
    05.08.2011
    Beiträge
    218
    Beitragswertungen
    4 Beitragspunkte
    Danke für eure Hilfe.
    So bekomme ich nun die Bilder hinein.
    Jetzt müßte ich nur noch eine Lösung finden was die richtige Position betrifft. Ist der Browser z.B. nur halbe Monitorgröße und im richtigen Abstand zum linken Rand ist das eingefügte Bild, so ist es im Vollbildmodus des Browser zwar im gleichen Abstand vo, linken Rand, aber dadurch in Bezug auf das Hintergrundbild an der falschen.

    Edit: Erledigt. Da das "Gebäude" als Header bereits per div eingebaut wurde, mußte ich euren Tip nur in diesen div Container einbauen.


    Zuletzt modifiziert von ---Doc--- am 18.11.2011 - 18:53:21
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten