Ergebnis 1 bis 6 von 6

Thema: 2 grafiken übereinander

  1. #1
    Interessierte/r
    Registriert seit
    23.03.2006
    Beiträge
    138
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard 2 grafiken übereinander

    stimmt es das man via html 2 grafiken übereinanderlegen kann ?
    ein bekannter von mir meinte das das bei frontpage geht... ist das nur ein typisches microsoft ding oder ist das ernst gemeint ?^^
    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 !!!!!
    Die axt im haus erspart den Zimmerman

    http://www.ui-clan.de.nr

  2. #2
    Prinz(essin)
    Registriert seit
    06.09.2005
    Ort
    SZG
    Beiträge
    838
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Tja du kannst zb. in einer Tabelle ein Bild als Hindergrund definieren und in die Tabelle einfach ein Bild einfügen... oder wie meisnt du das?
    Farbenklau, Traditionsverkauf wo hört denn dieser Schwachsinn auf?
    Violett Weiss seit 1933

  3. #3
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Ob es mit Frontpage geht weiß ich nicht, da dieses Programm nicht wirklich geeignet ist, um vernünftigen HTML-Quelltext zu erzeugen.
    Mit Stylesheets geht es aber ohne Probleme.

    G.a.d.M.

    Ronald

  4. #4
    Interessierte/r
    Themenstarter

    Registriert seit
    23.03.2006
    Beiträge
    138
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    erstmal danke für die antworten...
    wie gehtn des mit stylesheets?
    kannst du mir ein beispiel zeigen?
    Die axt im haus erspart den Zimmerman

    http://www.ui-clan.de.nr

  5. #5
    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

    <div style="background-image:url(bild.jpg);">[img]bild2.gif/png[/img]</div>

  6. #6
    Forum Guru
    Registriert seit
    14.06.2004
    Ort
    Schleswig-Holstein
    Beiträge
    5.439
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Moin!

    Stylesheets sind ein recht umfangreiches Thema, ich habe einfachheithalber einmal ein Beispiel gemacht, bestehend aus 2 Grafiken und 2 Textfeldern:
    Code:
    <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
      <title></title>
      <meta name="author" content="Basti">
    </head>
    
    <body>
    
    [img]bild1.jpg[/img]
    
    [img]bild1.jpg[/img]
    
    <span style="position&#58;absolute;top&#58;170px;left&#58;175px;width&#58;180px;height&#58;60px;z-index&#58;3;background-color&#58;#CCFFCC;border&#58;2px inset #8F8F8F" title="hinteres Bild">Textfeld
    ganz vorne</span>
    
    <span style="position&#58;absolute;top&#58;200px;left&#58;5px;width&#58;500px;height&#58;100px;z-index&#58;0;background-color&#58;#FF0000;border&#58;2px outset #8F8F8F;color&#58;#FFFFFF;font-weight&#58;bold;text-align&#58;right;padding&#58;10px" title="hinteres Bild">Textfeld
    ganz hinten</span>
    
    </body>
    </html>
    Welche(s) Grafik/Bild wo angezeigt wird, bestimmen die Positionen, in welcher Reihenfolge sie übereinander liegen, bestimmt der z-index. Dabei gilt: je höher der Wert, desto weiter oben liegt das Bild oder der Text. Bei gleichen Werten entscheidet die Reihenfolge im Quelltext.

    Stell dir ein Kartenspiel auf ein Tisch liegend vor. Die unterste Karte ist z-index:0, die darüber z-index:1 und die oberste dann z-index:32.

    Bitte beachten: Mozille (Firefox) schiebt negative z-indexe hinter den Haupthintergund aus dem body (auch wenn der nicht definiert ist). Das Bild/der Text wird also unsichtbar. Der IE macht das nicht . Es kommt bei negativen z-indexen also zu unterschiedlichen Darstellungen in den verschiednen Browsern.

    Versuche das Beispiel zu verstehen, du kannst auch einfach mal einzelne Quelltext-Blöcke rausnehmen oder den z-index ändern, um zu sehen, was dann passiert.

    Zitat Zitat von DarkSyranus
    <div style="background-image:url(bild.jpg);">[img]bild2.gif/png[/img]</div>
    Auch ein Lösung - allerdings nicht so flexibel. Davon abgesehen meine ich, daß man Div-Tags wirklich nur dort einsetzen sollte, wo sie zwingend benötigt werden.

    G.a.d.M.

    Ronald

Ähnliche Themen

  1. Mehrere Bilder übereinander?
    Von Sohle im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 06.11.2006, 16:22
  2. <div> übereinander
    Von ScopeX im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 02.08.2006, 13:11
  3. zwei textfelder übereinander?
    Von im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 09.06.2006, 11:48
  4. zwei Hintergrund Grafiken übereinander?
    Von Scarab im Forum HTML & CSS Forum
    Antworten: 8
    Letzter Beitrag: 18.04.2005, 17:20
  5. gif-Dateien übereinander legen
    Von Susanne im Forum HTML & CSS Forum
    Antworten: 4
    Letzter Beitrag: 01.12.2004, 09:48

Stichworte

Berechtigungen

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