How do I resize an original image in an HTML table? -


I have created a table with 4 rows and 16 columns in HTML and I put one image in one cell and the other Until then I did not have all my rows and columns, see my code below. My problem is with the image: The size of the image is very large. I do not know how it should go about the thumbnail size. Apart from this, the image is not even sitting next to the image Note: The image is on the left and the text is on the right side of the image. Any help would be greatly appreciated. 

  & lt; Html & gt; & Lt; Top & gt; & Lt; Title & gt; Cameron Cookies & lt; / Title & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Table cells = "0" cell padding = "0" & ​​gt; & Lt; TR & gt; & Lt; Td> & Lt; Img src = "j0175514.jpg" alt = "chocolate cookies" & gt; & Lt; / Img & gt; & Lt; / Td> & Lt; TD & gt; Chocolate & lt; / TD & gt; & Lt; Td> & Lt; Img src = "j0408843.jpg" alt = "chocolate nut cookies" & gt; & Lt; / Img & gt; & Lt; / Td> & Lt; Td> Chocolate nuts & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td> & Lt; Img src = "j0428480.jpg" alt = "macadamia nut cookies" & gt; & Lt; / Img & gt; & Lt; / Td> & Lt; Td> Macadia walnuts & lt; / Td> & Lt; Td> & Lt; Img src = "j0182695.jpg" alt = "oatmeal richen cookies" & lt; / Img & gt; & Lt; / Td> & Lt; Td> Oatmeal Racine & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td> & Lt; Img src = "j0428480.jpg" alt = "M & M cookies" & lt; / Img & gt; & Lt; / Td> & Lt; Td> M & amp; amp; MK & lt; / TD & gt; & Lt; Td> & Lt; Img src = "j0440992.jpg" alt = "white chocolate cookies" & lt; / Td> & Lt; Td> White chocolate & lt; / Td> & Lt; / TR & gt; & Lt; TR & gt; & Lt; Td> & Lt; Img src = "j0387871.jpg" alt = "chocolate pecan cookies" & lt; / Img & gt; & Lt; / Td> & Lt; Td> Chocolate Pecan & lt; / Td> & Lt; Td> & Lt; Img src = "j0425515.jpg" alt = "chocolate hazelnut cookies" & lt; / Img & gt; & Lt; / Td> & Lt; Td> Chocolate Hazelnut & lt; / Td> & Lt; / TR & gt; & Lt; / Table & gt; & Lt; / Br & gt; Cookies are a great gift idea that everyone loves, just call us or send us an e-mail 24 hours in advance and we will prepare a basket full of a lovely gift bag or a collection of fresh, homemade cookies. Thanks for visiting our website and make sure to visit us here in Portland, Maine. To order, click here. & Lt; / P & gt; & Lt; / Body & gt; & Lt; / Html & gt;  
 
 Most browsers automatically convert an image to the size of the dimensions specified in the  width When specifying  and  height  properties: 
 
 
, width and height attributes allow user agents to override natural image or object size in their favor. Is the value 
 
 When the object is an image, then it is scaled. To match the width and height specified by the author, the user agent should do his best to scale the object or the image. 
 
 
 However, the correct way to do this is to convert the original pictures into the desired dimensions. 
 
 Therefore, if you have a  160 x 120  image and you have a  1600 x 1200  image, go ahead and create a resized image and Refer to the source. 
 
 By doing so, the page load will be faster because the image file will now be less  too  than the original one.

Comments

Post a Comment

Popular posts from this blog

sql - dynamically varied number of conditions in the 'where' statement using LINQ -

I am using my first project LINQ (in mvc), so maybe there's something very simple that I remember. However, a day of searching and experimenting does not work, so it works. I am trying to write a LINQ query (Linux to SQL) in which in many cases where the statement is different from an OR or an AND. We do not know how many conditions are going in the query till runtime. This search is for filter control, where the user can choose multiple criteria for filtering. Select from table where table.col = 1 or table.col = 2 or table.col = 7 .... 'Other number of conditions Before I just create the SQL query as a string, while looping over all the situations. However, it seems that there should be a good way to do this in LINQ. I tried to use Expression trees, but they had a second thought for this moment on my head, where the lambda function was to be executed inside the statement such as: values ​​for matchingRows = matchingRows for each value Where (function (row) row.c...
Read more

asp.net mvc - Dynamically Generated Ajax.BeginForm -

I have a problem with ASP.NET MVC Ajax forms. I generate many Ajax form in a table such as: & Lt; Input type = "submit" name = "activity" value = "add activity" / & gt; & Lt;%}% & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt;%}% & gt; So far so good. When I post one of those forms, it gives a partial view in a div, and in this new partial view a new Ajax Beginnform (which is not in Genesis form) This second Ajax Beginnorf is exactly like the ones I got on the table, but when I post it, I do not get the "Ajax Post", but a normal post that sends me to a new page, I do not know whether the two Ajax forms What is the reason for the difference between, why is it the "dynamically generated" Ajax form behaves like a normal HTML form? By the way, I know that I can do it in different ways using javascript, but I would like to understand whether it can only be done using MVC helplars and Ajax lib...
Read more

Debug on symbian -

I am using trk for phone debug This works well for the Holorld project But when I start the project in phone debug mode 1) the load failed 2) TrkProtocolPlugin: to target the specified file Failure (please verify If any body understands what problem I am experiencing, then this problem helps me Pre-release If the application has the privileges assigned (with the appropriate certificate) itemprop = "text" > In your case, I will check: / li> If there is no conflict of application ID with any other application of device If there are problematic commands in the installation package (for example copy copy for non-accessible directories)
Read more