Zum Inhalt springen

Abgerundetes Rechteck um Bilder

Erstellt am 16. August 2005 · 3 Antworten · letzte Antwort am 22. August 2005

Tags: Bilder, Frage

mediaman ·

Moin,

eine allgemeine Frage zu den Fähigkeiten von Typo3:

Ist es eigentlich möglich mit dem Image-Builder oder so ein abgerundetes Rechteck automatisch um Bilder zu bauen oder führt kein Weg um das Bildbearbeitungsprogramm vorbei, mit dem ich das manuell machen muss???

mediaman ·

Ich beantworte meine Frage jetzt mal selbst. Vielleicht hilft das irgendjemanden weiter. Es hat aber nicht mehr viel mit Typo3 zu tun, denn ich habe das mit schlichtem HTML gemacht. Also für den Mozilla-Browser gibt es ein CSS-Style mit dem man abgerundete Ecken um Bilder bekommt (-moz-border-radius: 15px😉. Problem: es läuft halt nur auf Mozilla und Firefox und die benutzen vielleicht 3 % aller Internetuser. Also ist der unproblematischste Weg einfach Bilder als Rand zu benutzen und die in dem Template und dem Table um das Bild anzuordnen.

Hier der Ausschnitt aus dem Template der Image-Swopper-4x4 Extention:

   <table cellpadding="0" cellspacing="0" border="0" margin="0">
    <tr>
     <td colspan="3" style="height:29px;"> </td>
     </tr>
     <tr>
     <td><img src="fileadmin/_gfx/rahmen_image/oben_links.jpg" width="8" height="8" alt="" /></td><td><img src="fileadmin/_gfx/rahmen_image/oben_unten.jpg" width="270" height="8" alt="" /></td><td><img src="fileadmin/_gfx/rahmen_image/oben_rechts.jpg" width="8" height="8" alt="" /></td>
     </tr>
    <tr>
     <td><img src="fileadmin/_gfx/rahmen_image/links_rechts.jpg" width="8" height="270" alt="" /></td><td><img src="###INITIALSWOPPERIMAGE###" width="270" height="270" border="0" alt="" name="swopperDestination" /></td><td><img src="fileadmin/_gfx/rahmen_image/links_rechts.jpg" width="8" height="270" alt="" /></td>
    </tr>
      <tr>
     <td><img src="fileadmin/_gfx/rahmen_image/unten_links.jpg" width="8" height="8" alt="" /></td><td><img src="fileadmin/_gfx/rahmen_image/oben_unten.jpg" width="270" height="8" alt="" /></td><td><img src="fileadmin/_gfx/rahmen_image/unten_rechts.jpg" width="8" height="8" alt="" /></td>
     </tr>
    <tr>
     <td rowspan="2"><td>
    </tr>
   </table>

Tja, so simpel kann es sein.... Manchmal sieht man halt den Wald vor lauter Bäumen nicht.