Bild neben einem anderen OHNE Umbruch

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

  • Bild neben einem anderen OHNE Umbruch

    Hi,
    habe ein Bild zentriert und will rechts daneben ein weiteres Bild anzeigen welches nur bei vip usern vorhanden ist.
    Doch das vip pic wird umgebrochen in die nächste zeile.
    und wenn ich beide in eine zeile kriege, dann ist das erste bild nicht mehr genau in der Mitte sondern teilt sie die mitte mit dem vip bild.
    Wie löse ich das problem?
    PHP-Code:
        echo '<center><img src="/images/stuff/profil.png"></center><img src="/images/stuff/vip.png">'

  • #2
    Weil center ein (veraltetes) Block-Element ist, daher wird umgebrochen. Versuch mal mit 2 div Elemente, das eine float:left und das andere float:right

    Kommentar


    • #3
      Afaik ist das center-Tag deprecated, die Lösung sollte also schon mal über CSS gehen.
      Ich habe das so hinbekommen, musst du mal ein wenig herumprobieren, aber so in die Richtung sollte das gehen.
      PHP-Code:
      <div style="margin: 0pt auto; width: 276px;">
          <
      img src="http://www.google.de/logos/earthday08.gif">
          <
      img src="http://php-resource.de/forum/images/smilies/mad.gif" style="position: absolute; top: 50px;">
      </
      div
      Gibt bestimmt eine bessere Lösung

      Kommentar


      • #4
        einfach mit float:left, je nach browserbreite reihen sich dann mehr oder weniger Bilder nebeneinander, is auch gut für ne Gallerie usw


        An mich bitte keine unaufgeforderten E-Mails senden (ausser ihr seid bereit geld zu zahlen, dann gerne )

        Kommentar


        • #5
          einfach mit float:left, je nach browserbreite reihen sich dann mehr oder weniger Bilder nebeneinander, is auch gut für ne Gallerie usw
          Ein simples float reicht hier nicht aus. Das erste Bild soll auf der Seite zentriert werden und das zweite Bild rechts von diesem. Du könntest vielleicht das erste Bild durch ein margin-left in die Mitte der Seite bringen, das ist aber nicht sehr sauber!

          @TO: Du musst deine eröffneten Threads auch mal weiter mitverfolgen!

          Kommentar


          • #6
            *move* nach HTML.

            Kommentar

            Lädt...
            X