Avatar billede snogen Nybegynder
20. december 2001 - 14:39 Der er 2 kommentarer og
2 løsninger

Klem/klip billede hvis for stort. Stræk ikke små

I en celle kan være forskellige billeder, hvor størrelsen ikke er kendt på forhånd (Billederne bliver uploadet)
Hvis billedet er for bredt, udvider table\'n sig, og det må det ikke.
Det går ikke at sætte width på billedet=witdh på cellen, fordi billeder, der er for små skal ikke strækkes.
Hvis billedet er for stort, så skal det enten klippes, eller klemmes.
Kan man det?
Jeg har prøvet med en style sat på img-taggen: clip: rect(auto,150px,auto,auto), men det fungerer kun sammen med position: absolute, hvilket godt nok klipper billedet, men samtidig så er billedet ikke mere inden i cellen (og strækker cellen i højden).
Billedet ligger ovenpå cellen og flyder udenfor.
Andre værdier på position fungerer ikke; billedet klippes ikke.

Jeg har også prøvet stylen max-width på både celle, tabel og image, men det giver ikke noget; for store billeder sprænger stadig cellen.

Avatar billede medions Nybegynder
20. december 2001 - 14:46 #1
hvis billedet bliver uploaded.. kunne du så ikke kode ind i en database hvor stort det er og så lav følgende (hvis ASP!):

While NOT rs.EOF
<img src=\'fil.gif\' width=\'\" & rs(\"width\") & \"\' height=\'\" & rs(\"height\") & \"\'>
rs.MoveNext
Wend

//Rune
Avatar billede medions Nybegynder
20. december 2001 - 14:47 #2
hov... manglede Response.Write

While NOT rs.EOF
Response.Write \"<img src=\'fil.gif\' width=\'\" & rs(\"width\") & \"\' height=\'\" & rs(\"height\") & \"\'>\"
rs.MoveNext
Wend
Avatar billede callesen Praktikant
20. december 2001 - 14:54 #3
<TD STYLE=\"overflow:hidden;width:din-bredde;height:din-højde;\"> Beskærer billedet.
Din-højde og bredde er altså billedet - så du behøver ikke at måle dig selv ;-)
I JavaScript er der måske nogle der kan strikke et script sammen, der afpasser et billede efter tabelstørrelsen.
Avatar billede ras2000 Nybegynder
20. december 2001 - 15:48 #4
Du kan også sætte højde/bredde i %
<img src=\"skdjf.gif\" height=\"50%\" width=\"50%\">
Så er billedet halvdelen af containeren.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester