nicht angemeldet
Bilder Größe
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
-
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
-
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
-
Hallo D.R.
kannst du mir eine beschreibung für ein Block Element geben?-
Hallo,
Hallo D.R.
kannst du mir eine beschreibung für ein Block Element geben?Schau http://de.selfhtml.org/html/referenz/elemente.htm#block_elemente@title=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
-
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-
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
-
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
-
-
-
-
-