Der folgende Beitrag wurde am 11. 11. 2006, 13:28 Uhr von Andy veröffentlicht.
Ich hab da mal eine frage, ich kenne mich eigentlich gut mit html aus, jetzt habe ich aber ein problem:
Ich erstelle gerade eine Seite mit html und css und möcht darauf besuchern die möglichkeit geben bilder hochzuladen.
Ich habe der Seite aber insgesamt nur eine Breite von 500 px zur verfügung gestellt, wenn jetzt jemand ein bild hochlädt, das 600 px breit ist, kommt dieser scrollbalken auf der unteren Seite der Seite, dass möcht ich vermeiden. jetzt ist meine frage ob es eine möglichkeit gibt eine tabelle fest auf 500 px zu setzen und wenn man ein bild hcohlädt, dass dann in der tabelle angezeigt wird, sollte sich dies automatisch auf die breite von 500 px skalieren,( nur wenn dass bild breiter als 600 px breit ist).
Ich hoffe mir kann jemand helfen, vielen Dank im vorraus
Gruß Andy
Der folgende Beitrag wurde am 11. 11. 2006, 13:36 Uhr von lixx veröffentlicht.
Hallo Andi,
mit JavaScript geht es ganz sicher (http://de.selfhtml.org/javascript/objekte/images.htm#width).
Eine elegantere Art wäre aber, wenn die Bilder gleich nach dem Upload auf die richtige Größe gebracht werden (wenn Du PHP verwendest: http://de.php.net/manual/en/ref.image.php)
lg lixx
Der folgende Beitrag wurde am 11. 11. 2006, 13:44 Uhr von D.R. veröffentlicht.
Hallo,
> jetzt ist meine frage ob es eine möglichkeit gibt eine tabelle fest auf 500 px zu setzen und wenn man ein bild hcohlädt, dass dann in der tabelle angezeigt wird, sollte sich dies automatisch auf die breite von 500 px skalieren,( nur wenn dass bild breiter als 600 px breit ist).
Das könntest du theoretisch einfach mit „max-width:500px“ erreichen. allerdings sehen die Bilder dann nicht mehr wirklich schön aus. Insbesondere, wenn du die Höhe auf die normale Weise angibst, da das Größenverhältnis dadurch verloren ginge.
Alternativ könntest du die Bilder jew. in ein eigenes Block-Element packen, dem du eine Breite von 500px gibst und mit overflow:auto scrollbar machst.
PS: besser wäre es, wenn deine Seite nicht 500px, sondern einfach 100% breit wäre.
mfg. Daniel
--
Experten raten von der Verwendung des Internet Explorers ab!
Mein SELF-stylesheet | Darum Firefox!
Selfcode: ie:{ fl:| br:> va:| ls:# fo:| rl:( n4:# ss:{ de:> js:| ch:? mo:) zu:}
Der folgende Beitrag wurde am 11. 11. 2006, 14:46 Uhr von Andy veröffentlicht.
Hallo D.R.
kannst du mir eine beschreibung für ein Block Element geben?
Der folgende Beitrag wurde am 11. 11. 2006, 15:03 Uhr von D.R. veröffentlicht.
Hallo,
> Hallo D.R.
> kannst du mir eine beschreibung für ein Block Element geben?
Schau hier.
Was ich meinte ist, dass du um jedes Bild halt noch ein Blockelement (etwa ein div) legst und diesem overflow:auto zuweist.
Du müsstest also sowas in der Art erzeugen:
<div class="Bilder">
<img src="deinBild" width="breite" height="höhe" alt="alternativtext" />
</div>
und das in deine CSS-Datei schreiben:div.Bilder {overflow:auto;}
Das „div“ habe ich jetzt einfach mal als Beispiel verwendet. Vielleicht hast du aber eine Liste von Bildern, die du entsprechend auszeichnen solltest.
mfg. Daniel
--
Experten raten von der Verwendung des Internet Explorers ab!
Mein SELF-stylesheet | Darum Firefox!
Selfcode: ie:{ fl:| br:> va:| ls:# fo:| rl:( n4:# ss:{ de:> js:| ch:? mo:) zu:}
Der folgende Beitrag wurde am 11. 11. 2006, 21:04 Uhr von Ingo Turski veröffentlicht.
Hi,
> Was ich meinte ist, dass du um jedes Bild halt noch ein Blockelement (etwa ein div) legst und diesem overflow:auto zuweist.
das ist doch unnötig. Eine simple Breitenangabe beim img reicht völlig aus - wenn keine Höhe angegeben wird, skaliert diese proportional mit.
freundliche Grüße
Ingo
--
[barrierefreie Webseitenerstellung » Suchmaschinenoptimierung | em? | IE7 - Bugs]
Der folgende Beitrag wurde am 12. 11. 2006, 11:29 Uhr von D.R. veröffentlicht.
Hallo,
> > Was ich meinte ist, dass du um jedes Bild halt noch ein Blockelement (etwa ein div) legst und diesem overflow:auto zuweist.
> das ist doch unnötig. Eine simple Breitenangabe beim img reicht völlig aus - wenn keine Höhe angegeben wird, skaliert diese proportional mit.
Ist aber auch nicht optimal, da sich die Seite dann während des Ladevorganges ständig in der Höhe ändert, was den Nutzer evtl. ziemlich nerven kann.
mfg. Daniel
--
Experten raten von der Verwendung des Internet Explorers ab!
Mein SELF-stylesheet | Darum Firefox!
Selfcode: ie:{ fl:| br:> va:| ls:# fo:| rl:( n4:# ss:{ de:> js:| ch:? mo:) zu:}
Der folgende Beitrag wurde am 13. 11. 2006, 00:02 Uhr von Ingo Turski veröffentlicht.
Hi,
> Ist aber auch nicht optimal, da sich die Seite dann während des Ladevorganges ständig in der Höhe ändert, was den Nutzer evtl. ziemlich nerven kann.
zugegeben - aber mit den Mitteln von HTML finde ich das ausreichend - optimal wäre die serverseitige Größenänderung des Bildes.
freundliche Grüße
Ingo
--
[barrierefreie Webseitenerstellung » Suchmaschinenoptimierung | em? | IE7 - Bugs]
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4
