HTMLWorld - HTML, CSS, JavaScript, PHP, Java, Flash und vieles mehrHTMLWorld:   Home | Impressum
 

 
 

Anzeige 
 
HTMLWorld » Forum

Thema anzeigen - Rahmen um ein Bild jeder Größe...

 FAQFAQ   SuchenSuchen   MitgliederlisteMitgliederliste   BenutzergruppenBenutzergruppen   RegistrierenRegistrieren 
 ProfilProfil   Einloggen, um private Nachrichten zu lesenEinloggen, um private Nachrichten zu lesen   LoginLogin 

Rahmen um ein Bild jeder Größe...

 

Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Vorheriges Thema:
Nächstes Thema:  
Autor Nachricht
Nicole87



Anmeldungsdatum: 23.02.2010
Beiträge: 2

BeitragVerfasst am: 23.02.2010 13:19:40    Titel: Rahmen um ein Bild jeder Größe... Antworten mit Zitat

Hallo!

Ich habe ein Problem: Ich habe Bilder auf einer Homepage, die jede mögliche Größe haben können. Um so ein Bild, soll ein Rahmen sein.

Der Rahmen, der um die Bilder zu sehen sein soll, ist allerdings ein Verlauf. Der Verlauf ist links, rechts, oben und unten verschieden und hat auch noch spezielle Eck-Grafiken.

Ich weiß nun nicht, wie ich das Bild in diesem Rahmen mit den richtig positionierten Ecken darstellen lassen kann. Grade der IE7 nimmt das float:right zu genau und floatet bis zum Ende des Contentbereiches (so groß sind die Bilder aber eigentlich nie...).

Weiß jemand, wie man dem umfassenden Container sagen kann "Sei so groß, wie das Bild in dir", auch wenn gefloatet wird?

Hoffe wirklich, ihr könnt mir helfen!

Liebe Grüße
Nicole

PS: Von Aufbau her, schien mir dies am sinnvollsten...
Code:
    <div class="imageborder">
      <div class="top">
        <div class="topleft"></div>
        <div class="topright"></div>
        <div class="topmiddle"></div>
      </div>
      <div class="middle">
        <div class="image"><img src="dummybild.gif"></div>
      </div>
      <div class="bottom">
        <div class="bottomleft"></div>
        <div class="bottomright"></div>
        <div class="bottommiddle"></div>
      </div>
    </div>
Nach oben
Benutzer-Profile anzeigen Private Nachricht senden
Beiträge der letzten Zeit anzeigen:   
Neues Thema eröffnen   Neue Antwort erstellen    HTMLWorld Foren-Übersicht
   CSS
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1

 
Gehe zu:  
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.