Autosize af grafik i tabel ??

Sæt width til en procent sats i stedet for en fixed pixel størrelse.
/G

PFEWWW i er sgu hurtige :-)

OK billedet blev helt forringet .....
Spørgsmålet er så:
Hvordan beholder jeg billedets højde/bredde relation ??

<TABLE WIDTH="200" HEIGHT="200" BORDER="1">
<TR>
    <TD>&nbsp;</TD>
    <TD><IMG SRC="SmilendeSuzi.jpg" BORDER="0"  WIDTH="365" HEIGHT="315" ALIGN="bottom" ALT=""></TD>
</TR>
</TABLE>

>OK billedet blev helt forringet .....

Det vil de fleste billeder blive af klientside resizeing på den måde.

>Hvordan beholder jeg billedets højde/bredde relation ??

Ved at lave et javascript der beregnet forholdet og sætter nye faste pixel værdier for højde og bredde når du resizer.

/G

lav dit table-tag sådan:
<TABLE WIDTH="200" HEIGHT="200" BORDER="1" style="table-layout:fixed;">

Jaaaarrhhmen hvor svært ka' det være :-)

Ok du ledte mig på rette spor !!

Den rigtige kode er dog:
                                                              ||||
<TABLE WIDTH="200" HEIGHT="200" BORDER="1" STYLE="table-layout:auto;">

Tak for hjælpen !!

Svar lige så du ka' få nogle points

callesen>

http://www.w3.org/TR/REC-CSS2/tables.html#width-layout

hvordan skulle det hjælpe?

/G

Det virker altså her ! :-/

osaka_san> Jeg misforstod - jeg troede at billedet absolutte mål skulle beholdes i en celle med absolutte mål. Altså en slags overflow. Men det var altså cellen der skulle resizes.

callesen> okay så giver det lidt bedre mening - overflow propertien ville dog nok have været en smartere løsning? :)

npr> table-layout propertiens formål er at skifte imellem en række algoritmer til at rendere tables i browseren. Primært hvorvidt den skal rendere den ud fra bredden af den første række eller skal vente til hele tabellens data er hentet.

Hvordan det lige påvirker din kode så du får det resultat du leder efter skal jeg ikke kunne sige, men som sådan virker det som en lidt ½ underlig løsning.

/Just my 2 cents
G

Sorry ..... du har ret !!!

Callesen> Jeg var vist lidt for hurtig :-/

Men hvad gør jeg så ?? Dette virker da ikke ?
<TABLE WIDTH="200" HEIGHT="200" BORDER="1" STYLE="table-layout:overflow;">

Istedet for at 'auto' tilpasser cellen til billedet
skal det være billedet der tilpasser sig cellen (stadigvæk med proportionerne bevaret)

npr> Table-layout propertien har ikke en værdi der hedder overflow. Da jeg refererede til overflow var det i forbindelse med callesens kommentar (som jeg måske også misforstod :).

Du kan ikke bruge table-layout css egenskaben (propertien) til det du søger da table-layout definere en algoritme type hvormed en tabel skal renderes og som sådan ikke har noget at gøre med dit billede.

Når det så er sagt er jeg ved at være temmelig meget i tvivl om hvad det egentlig er du vil opnå med dette. Altså at kunne resize et billede i forhold til en tabel celle? Måske det ville hjælpe lidt med en uddybning, selvom jeg alligevel tror det endelige svar bliver javascript ;)

/G