minibild über bild

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • minibild über bild

    so jetzt wirds schwierig, ich möchte über grosse bilder kleine info bilder legen, die immer 5px von oben und von links abstand zum rand vom grösseren bild haben sollten.

    <span style='position:relative;>
    <img class='tmb_bild' src='files/bild.jpg' alt='bild' />
    <span style='position:absolute; width:0px; top:5px; left:5px; z-index:10;'><img src='pics/nfo.png'></span>
    </span>

    so funktionierts im ie, aber im firefox nicht... hat jemand eine idee.
    das bild muss sich übrigens an jeder beliebigen stelle auf der page integrieren lassen, desshalb bitte keine vorschläge mit divs.

  • #2
    zeig mal deine testseite online bitte.
    INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


    Kommentar


    • #3
      1. wieso kannst du kein div beliebig positionieren?
      2. warum setzt du das "untere bild" nicht in den hintergrund (background-image) eines divs und das andere zwischen die tags?

      ^^ fänd ich einfacher.
      Kissolino.com

      Kommentar


      • #4
        weil ein div im textfluss nicht funktioniert. mach doch mal ein bsp., das zeigt was du genau meinst!

        Kommentar


        • #5
          Original geschrieben von zimmbi
          weil ein div im textfluss nicht funktioniert.
          das glaubst aber nur du!

          Original geschrieben von zimmbi
          mach doch mal ein bsp., das zeigt was du genau meinst!
          das hat er doch schon gemacht .....

          lies einfach mal seinen post noch einmal ganz laaaaangsam.
          INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


          Kommentar


          • #6
            Original geschrieben von Abraxax
            ...ganz laaaaangsam.
            OffTopic:
            sach ma ... haste probleme mit deiner tastatur ... und *wechbinich*

            Kommentar


            • #7
              ich weiss das man mit display:inline; und so quark arbeiten kann!

              testseite -> http://www.partygate.net/files/test2.php

              und nun zeigt mir wies geht

              Kommentar


              • #8
                dir ist schon klar, dass der html-code der seite nicht vollständig ist und daher die browser nicht wissen können, was du eigentlich darstellen willst?
                INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


                Kommentar


                • #9
                  nennt sich testseite ist mir vollkommen klar auf der eigentlichen page gehts auch nicht, sieht genau gleich aus. nur die kann ich noch net zeigen.

                  Kommentar


                  • #10
                    dann fang doch einfach mal mit einem doctype, body usw an. mach die seite einfach mal vollständig in html.

                    ich habe auch nicht gesagt, dass du hier den rest der site reinpacken sollst. nur einfachstes html. mehr nicht. und das aber eben valide.
                    INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


                    Kommentar


                    • #11
                      bitte bleibt beim thema! ich werds für dich extra machen aber das hat überhaupt nichts zum eigentlichen problem zur sache!

                      Kommentar


                      • #12
                        zufrieden?

                        nur damits nochmal gesagt ist, geht im ie 1a und im ff nicht!
                        Zuletzt geändert von zimmbi; 20.12.2005, 21:34.

                        Kommentar


                        • #13
                          zufrieden?
                          brav.

                          nur damits nochmal gesagt ist, geht im ie 1a und im ff nicht!
                          den internet explorer gibt es nicht für linux ....

                          evtl ist das nachfolgende für deinen bedüfnisse geeignet. es funktioniert zumindest so, wie ich mir vorstellen kann, dass du es brauchst. ;-)



                          Code:
                          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
                          
                          <html>
                          
                          <head>
                          
                          	<meta content="text/html; charset=ISO-8859-15" http-equiv="content-type">
                          
                          	<title>Testseite</title>
                          
                          
                          <style type="text/css">
                          .image {
                            position: relative;
                            float: left;
                            width: 80px;
                            height: 120px;
                            margin: 5px;
                          }
                          .image img.overlay {
                            position: absolute;
                            left: 5px;
                            top: 5px;
                          }
                          </style>
                          
                          </head>
                          
                          <body>
                          
                          	
                            <div class="image">
                              <img src="http://www.partygate.net/files/gallery/bilder/thumbs/478.jpg" alt="bild" />
                          
                              <img class="overlay" src="http://www.partygate.net/pics/nfo.png" alt="overlay" />
                          
                            </div>
                          
                          
                            <div class="image">
                              <img src="http://www.partygate.net/files/gallery/bilder/thumbs/478.jpg" alt="bild" />
                          
                              <img class="overlay" src="http://www.partygate.net/pics/nfo.png" alt="overlay" />
                          
                            </div>
                          
                          	
                            <br style="clear:left;">
                          
                          
                            <p>
                          
                              <a href="http://validator.w3.org/check?uri=referer"><img
                          
                                src="http://www.w3.org/Icons/valid-html401"
                          
                                alt="Valid HTML 4.01 Transitional" height="31" width="88"></a>
                            </p>
                          
                          </body>	
                          
                          </html>
                          INFO: Erst suchen, dann posten![color=red] | [/color]MANUAL(s): PHP | MySQL | HTML/JS/CSS[color=red] | [/color]NICE: GNOME Do | TESTS: Gästebuch[color=red] | [/color]IM: Jabber.org |


                          Kommentar


                          • #14
                            hab den ie mittels vmware player unter linux.

                            probier bitte mal das bild in der mitte darzustellen und links und rechts davon text zu schreiben.
                            zudem darf die höhe und breite nicht fix angegeben werden, da es am ende unterschiedliche bilder sein werden, auf die ein overlay gelegt wird.

                            danke

                            Kommentar


                            • #15
                              Original geschrieben von Abraxax
                              Original geschrieben von zimmbi
                              weil ein div im textfluss nicht funktioniert.
                              das glaubst aber nur du!
                              Das glaubst aber wohl nur du - oder wie stellst du dir ein Div in bspw. einem P vor ...?
                              I don't believe in rebirth. Actually, I never did in my whole lives.

                              Kommentar

                              Lädt...
                              X