• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Tabelle mit schoenem Rahmen, fixer Groesse, und Scrollpane das Bild enthaelt..?

richard

New member
Hallo,

Ich will kein Website-Design sonst wuerde ich CSS nehmen, sondern etwas exotisches. Ich umschreibe es mal:

Ich will eine Box fixer Groesse auf meiner Webseite erstellen die einen schoenen gerenderten Rahmen aussenrum hat - z.B. so einen Rahmen: Template Preview (Fruits) - Download Free CSS Templates

Ich nehme mal an so eine Box mit schoenem Rahmen kann man ganz gut mit einer Tabelle machen, oder? Vielleicht hat ja jemand ein bischen Beispiel-Code.

In der Box sollen Bilder verschiedener Groesse zentriert angezeigt werden. Das Bild tausche ich mittels Javascript aus (ich denke ich weiss wie das geht bin aber trotzdem fuer Tips offen).

Was ich aber ueberhaupt nicht weiss ist wie ich die ScrollPane in der Box erstellen soll. Ist das Bild zu gross soll sich die Box-Groesse nicht aendern, sondern es sollen horizontale/vertikale Scrollbalken erscheinen, sodass man alles vom Bild ansehen kann wenn man will.

Wir das Bild durch ein Bild ersetzt das kleiner ist als die Box sollen die Scrollbalken wieder verschwinden.


Ich waere echt dankbar fuer Beispiel-Code, da ich nach 3 Stunden rumprobieren echt mit meinem Latein am Ende bin.

Danke..Ricky.
 
Mit exotischen Sachen kenn' ich mich gar nicht aus. Von Tabellen habe ich im Zusammenhang mit Daten schon gehört.

Vielleicht malst Du mal auf, was Du Dir vorstellst.

Inzwischen könnte ich mit eine Kombination der Image slideshow II (Beispiel), die ohne Scrollbalken bei unterschiedlich großen Bildern auskommt und einem Rahmen aus dieser Auswahl (vielleicht das Beispiel ganz unten) denken, da Du ja sowieso JS einsetzt.
 
Was ich aber ueberhaupt nicht weiss ist wie ich die ScrollPane in der Box erstellen soll. Ist das Bild zu gross soll sich die Box-Groesse nicht aendern, sondern es sollen horizontale/vertikale Scrollbalken erscheinen, sodass man alles vom Bild ansehen kann wenn man will.

Das sollte ziemlich einfach sein. Du setzt das Img-Tag in ein seperats DIV welches du mit der Style-Eigenschaft
Code:
 overflow:auto;
ausstattest.
Und schon erscheinen bei inhalten größer der Box die benötigten Scrollbalken und verschwinden wieder wenn der Inhalt in die Box passt.

Edit: overlay in overflow geändert
 
Zuletzt bearbeitet von einem Moderator:
Das sollte ziemlich einfach sein. Du setzt das Img-Tag in ein seperats DIV welches du mit der Style-Eigenschaft
Code:
 overlay:auto;
ausstattest.
Und schon erscheinen bei inhalten größer der Box die benötigten Scrollbalken und verschwinden wieder wenn der Inhalt in die Box passt.

hmm...irgendwie sehe ich den gewuenschten Effekt nicht. Was mach ich falsch:

HTML:
<table border="1">
  <tr>
    <td>
    	<div style="overlay:auto; width: 300px; height: 300px;">
    		<img alt="image" src="http://www.levivanveluw.nl/site/files/work/Levi%20van%20veluw%20landscape1a.jpg" />
    	</div>
    </td>
  </tr>
</table>
 
Vielen Dank. Ich bin dann erstmal fleissig am lesen.

Mit exotischen Sachen kenn' ich mich gar nicht aus. Von Tabellen habe ich im Zusammenhang mit Daten schon gehört.

Vielleicht malst Du mal auf, was Du Dir vorstellst.

Inzwischen könnte ich mit eine Kombination der Image slideshow II (Beispiel), die ohne Scrollbalken bei unterschiedlich großen Bildern auskommt und einem Rahmen aus dieser Auswahl (vielleicht das Beispiel ganz unten) denken, da Du ja sowieso JS einsetzt.
 
Zurück
Oben