Mailing List Archive: 49091 messages
  • Home
  • Script library
  • AltME Archive
  • Mailing list
  • Articles Index
  • Site search
 

Hel with html table and proportional display ...

 [1/3] from: petr::krenzelok::trz::cz at: 4-Apr-2006 15:39


Hi, first - dunno if topic is correct, but I would like to get help from html gurus here. My task is as follows - My friend who is doing her college in archeology, is writing her thesis. Part of the thesis are images of various ancient goods. So we've got photos from our digital cameras, some 2272x1704 (4mpix). I will do small View script, which will allow here to write comments to each particular images. Then I will need to print two images per A4. So I thought of producing simple html table, inserting images and comments there. But I do struggle a bit with finding out, what is the best size for the table and for its content. Why browser does not stretch images itself? Is there any kind of fit or aspect for table cells? Anyone? :-) Thanks, Petr

 [2/3] from: petr:krenzelok:trz:cz at: 4-Apr-2006 17:08


Aleksander K. wrote:
>> So I thought of producing simple html table, >> inserting images and comments there.
<<quoted lines omitted: 13>>
> Regards, > Aleksander Kielbratowski
Thanks a lot, I am now trying with something like: <table style="text-align: left; width: 810px;" border="0" cellpadding="2" cellspacing="2" align="center"> <tbody> <tr> <td style="vertical-align: top;"><img style="width: 800px; height: 600px;" alt="pokus" src="IMG_1328.JPG"></td> </tr> <tr> <td style="vertical-align: top; ">Description - image no 1 - blablablabla balalbabalb lablablalbal<br> </td> </tr> So some in-line styling, but I somehow don't know, what tag allows what styling - just tried to set: <td style="vertical-align: top; margin-top: 20px; ">Description - image no 1 - blablablabla balalbabalb lablablalbal<br> but nothing happens :-) Thanks for the pointer though .... Cheers, -pekr- PS: hopefully you wanted to reply to mailing-list, not me personally, so resending back to ml ....

 [3/3] from: alekk:o2:pl at: 4-Apr-2006 17:37


----- Original Message ----- From: "Petr Krenzelok" <petr.krenzelok-trz.cz> To: <rebolist-rebol.com> Sent: Tuesday, April 04, 2006 5:08 PM Subject: [REBOL] Re: Hel with html table and proportional display ...
> Aleksander K. wrote: > >> So I thought of producing simple html table,
<<quoted lines omitted: 11>>
> > > > Well - You can set size of image with width= and height= in img tag (or
in
> > css). > > They should look better in print also. > > > > Width of 760 px fits good on printed page - so You can place an image
with
> > width: > > <img width="760" src="...">
<<quoted lines omitted: 22>>
> <td style="vertical-align: top; margin-top: 20px; ">Description - > image no 1 - blablablabla balalbabalb lablablalbal<br>
You are in table - use padding (padding-top etc.) instead of margin. Rest should working normal. Second - use classes instead of inline style - so <td class="image" / <td class="description" etc. and one styles definition between <head> tag. BTW - as You have image/text/image/text consider using div's instead of table. <html> <head> <style type="text/css"> <!-- .entry { width: 800px; margin: 10px auto; } .photo img { width: 800px; height: 600px; } .text { margin-top: 20px; font-family: georgia, serif; } --> </style> </head> <body> <div class="entry"> <div class="photo"><img src="bla.jpg"/></div> <div class="text">Description</div> </div> </body> Aleksander K.

Notes
  • Quoted lines have been omitted from some messages.
    View the message alone to see the lines that have been omitted