Repeating images in tables

Hello, I'm trying to make a simple 18 pixel image repeat in a
column on the left side of my table. When I set the image to
background, it appears fine, and automatically tiles. but, when I
preview it in any 3 of my browsers, it appears choppy, with random
large gaps of white. I've tried just about every way to repeat the
image, mostly using CSS but to no avail.
Appears fine in dreamweaver, choppy when previewed. It seems
like it could be something so simple that I'm missing.
<td colspan="2" class="left"
background="left_tile.jpg">
tried various forms of
background-repeat: repeat-y;
any help much appreciated!

Please upload and post a link -
"zsun01" <[email protected]> wrote in
message
news:ggsq8m$8e5$[email protected]..
> Hello, I'm trying to make a simple 18 pixel image repeat
in a column on
> the
> left side of my table. When I set the image to
background, it appears
> fine, and
> automatically tiles. but, when I preview it in any 3 of
my browsers, it
> appears
> choppy, with random large gaps of white. I've tried just
about every way
> to
> repeat the image, mostly using CSS but to no avail.
>
> Appears fine in dreamweaver, choppy when previewed. It
seems like it could
> be
> something so simple that I'm missing.
>
> <td colspan="2" class="left"
background="left_tile.jpg">
>
> tried various forms of
background-repeat: repeat-y;
>
> any help much appreciated!
>

Similar Messages

Stop Background Image in Table from Repeating

Since CS4 has unfortunately removed the button for Background Image for tables, I found a neat work-around on the internet: select the cell, then open the Tag Inspector panel, select the Attributes button and Show list view, and click inside "background" and use the folder icon to navigate to the background image. However, I can't stop the image from repeating. I've tried everything I can think of. Can anyone help me? No code responses, please. Thanks!

monelleny wrote:
Can anyone help me?
Yes.
No code responses, please. Thanks!
Well, in that case, the answer is no.
Quite honestly, if you're capable of searching for an answer on the internet, and using the Tag Inspector to add a background image, you should be capable of following simple instructions to handle CSS.
To add a non-repeating background image to a table cell (or any element, for that matter), you use CSS. Create a CSS class like this in the head of the page:
<style type="text/css">
.background {
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
</style>
Select the table cell, and then choose background from the Class menu in the Property inspector.

Repeating background images in tables

I am working on a web page with a background image in a
table. I have also inserted a table inside this same table to
include some text. When I preview this in Netscape/Firefox and
increase the text size a couple of times from the browsers menu,
the table with the image starts repeating as the text increases in
size. I don't mind the text changes sizes, but is there a way to
stop the table from repeating the background image? This is a
problem since the repeating image looks terrible.

On that page, change this -
</head>
to this -
<style type="text/css">
table.special { background-repeat:no-repeat; }
</style>
</head>
and then change your table tag from this -
<table width="100%" height="606" border="0" align="center"
cellpadding="0"
cellspacing="0">
to this -
<table width="100%" border="0" align="center"
cellpadding="0"
cellspacing="0" class="special">
(there is no table height attribute - it's invalid HTML)
> b, be too small, dependent upon which browser they are
viewed in.
Impossible. A background image will not change size in
different browsers.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"chimesey" <[email protected]> wrote in
message
news:[email protected]...
>
quote:
Originally posted by:
Newsgroup User
> Use CSS -
>
> table { background-repeat:no-repeat; }
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
> ==================
>
> I am trying to do the same thing, and my bg images seem
to either
> a, repeat somewhat
> or
> b, be too small,
> dependent upon which browser they are viewed in.
>
> I will try to use the code suggested above, but where
exactly would I
> insert
> it?
> This is the code for the 'table within the table'...
>
> <table width="100%" height="606" border="0"
> align="center" cellpadding="0" cellspacing="0">
> <tr>
> <th width="35%" height="95"
> scope="col"><h1>ten</h1></th>
> <th width="26%"
scope="col"><h1>year</h1></th>
> <th width="39%"
scope="col"><h1>plan</h1></th>
> </tr>
> <tr>
> <td height="325"><table width="100%"
height="266"
> border="0" cellpadding="0" cellspacing="0">
> <tr>
> <th scope="col"> </th>
> <th background="../smiths.jpg"
> scope="col"> </th>
> <th scope="col"> </th>
> </tr>
> </table> <p> </p>
>
>
> Ta!
>

Images in table rows/columns

Hi I am new to this and seem to struggle on what I think
should be easy!
I have one client with many pictures I want to display 4
pictures in a row, repeating the rows until all the images for that
client are displayed.
Can anyone point me in the right direction with the correct
CF tags to use
Many thanks

You want to use the MOD attribute.

<cfset ColumnCount=4>

<cfset imagefolderpath = "D:\website\folder\images">
<!- query the folder for a list of images that are jpg -
edit for other file types if needed-->
<cfdirectory action="list" name="readfolder"
directory="#imagefolderpath#">
<cfquery dbtype="query" name="listimage">
SELECT Type, Name
FROM readfolder
WHERE Type = <cfqueryparam cfsqltype="cf_sql_varchar"
value="File">
AND
( Name LIKE <cfqueryparam cfsqltype="cf_sql_varchar"
value="%.jpg">
OR Name LIKE <cfqueryparam cfsqltype="cf_sql_varchar"
value="%.JPG">)
ORDER BY Name ASC
</cfquery>

<body>
<table>
<tr>
<cfoutput query="listimage">
<cfif (listimage.CurrentRow mod ColumnCount) is 1>
</tr><tr>
</cfif>
<td>
<IMG src="../images/foldername/#name#">
</td>
</cfoutput>
</tr>
</table>
</body>
This is a basic proof of concept. You can style your images,
whatever
HTH

Corrected coding please for repeating image

I have searched the internet/the tutortials and cannot get the correct coding for a repeat image vertically in a table on the left hand side of the webpage. I believe the coding should be repeat-y but I tried all the examples and could not get it to work. I finally found a way to get it on but I know there is better coding. This is what I have so far:
<tr><th width="526" height="865" valign="top" scope="row"><table width="121" height="864" border="0" align="left" cellpadding="0" cellspacing="0">
        <tr>
          <th width="121" height="864" valign="top" scope="row"><p><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" />
          <img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" />
          <img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /><img src="../Images/border.jpg" width="80" height="80" /></p></th>
        </tr>
      </table>

I do not want a complete page covered with this design, merely the left-hand border side.
as mentioned background-repeat:repeat-y; will do just that.
Some of us, especially in this economic times, cannot afford to spend thousands to have a website created, so we do the best we can. While I agree tables are difficult for they were indeed designed to place data, and I have eliminated tables where ever I could, this was the only way I could get the result needed.
agreed times are tough, but seriously working in tables adds more time, more headaches and therefore costs more money.
Sorry to have bothered you. Shame Dreamweaver was bought out by Adobe but then, there are other programs; perhaps there forums will have more tolerance for one of us old duffers.
whats with being all touchy? you asked for "correct coding please for repeating image?"
and thats what I gave you.
apart from that I mentioned not to use tables. which is a good thing to take on board.
for example
1. Tables are usually more bytes of markup. (Longer to download, and more bytes of traffic for the host.)
2. Tables usually prevent incremental rendering. (Takes longer for the user to see anything on the page.)
3. Tables may require you to chop single, logical images into multiple ones. (This makes redesigns total hell, and also increases page load time [more http requests and more total bytes].)
4. Tables break text copying on some browsers. (That's annoying to the user.)
5. Tables prevent certain layouts from working within them (like height:100% for child elements of <td>). (They limit what you can actually do in terms of layout.)
6. Once you know CSS, table-based layouts usually take more time to implement. (A little effort up-front learning CSS pays off heavily in the end.)
7. Tables are semantically incorrect markup for layout. (They describe the presentation, not the content.)
8. Tables make life hell for those using screen readers. (Not only do you get the other benefits of CSS, you're also helping out the blind/partially-sighted. This is a Good Thing.)
9. Tables lock you into the current design and make redesigns MUCH harder than semantic HTML+CSS. (Have you seen CSS Zen Garden?)
(source - http://phrogz.net/css/WhyTablesAreBadForLayout.html)

How to insert image into table and to in Oracle 9i intermedia?

Mr Lawrence,
I want to ask something:
I use Oracle 9i intermedia
If i use this script:
CREATE TABLE images (
file_name VARCHAR2(100) NOT NULL,
image ORDSYS.OrdImage
then
CREATE OR REPLACE DIRECTORY imgdir AS 'd:/data';
then
INSERT INTO images (file_name, image)
VALUES ('tree', ORDSYS.ORDImage.init('file','imgdir','tree.jpg' ));
I put tree.jpg in directory d:/data in my hard drive.
Is my tree.jpg file had already get in to my images table?
I'm little confuse, because when i check my table with this script:
select file_name, i.image.getWidth() from images i;
it's show that my i.image.getWidth() for file_name tree is empty.. that mean my tree.jpg doesn't get in to my table.. am i correct?
N also i want to ask how to display to screen all of my image from images table?
Is it posible Oracle 9i intermedia to support display image from table?
How?
thanks Mr Lawrence

-- First step would be to create a directory in oracle and map it to the folder where your image resides.
create directory image_dir as *'c:\image_dir';*
Then you would have to use a procedure to insert the image in your table. SO first create a table to hold the image. Note that you have to use a BLOB to insert the image.
CREATE TABLE test_image
ID NUMBER,
image_filename VARCHAR2(50),
image BLOB
Now let's write the procedure to insert the image in the table above.
CREATE OR REPLACE PROCEDURE insert_image_file (p_id NUMBER, p_image_name IN VARCHAR2)
IS
src_file BFILE;
dst_file BLOB;
lgh_file BINARY_INTEGER;
BEGIN
src_file := BFILENAME ('image_DIR', p_image_name);
-- insert a NULL record to lock
INSERT INTO temp_image
(ID, image_name, image
VALUES (p_id, p_image_name, EMPTY_BLOB ()
RETURNING image
INTO dst_file;
-- lock record
SELECT image
INTO dst_file
FROM temp_image
WHERE ID = p_id AND image_name = p_image_name
FOR UPDATE;
-- open the file
DBMS_LOB.fileopen (src_file, DBMS_LOB.file_readonly);
-- determine length
lgh_file := DBMS_LOB.getlength (src_file);
-- read the file
DBMS_LOB.loadfromfile (dst_file, src_file, lgh_file);
-- update the blob field
UPDATE temp_image
SET image = dst_file
WHERE ID = p_id AND image_name = p_image_name;
-- close file
DBMS_LOB.fileclose (src_file);
END insert_image_file;
Now execute the procedure to insert the image.
EXECUTE insert_image_file(1,'test_image.jpg');
Thanks,
Aparna

How to add the rows formatted as table headings, Tables headings are repeated when a table spans more than one page.

Hi all,
i am facing problem while generating Test Result word document after successful execution of TestStand.
The Problem is :
i want to add rows Formatted as table headings, table headings are repeated when a table spans more than one page(marked as Red).
Example:
Page No. 1
|     Test case Number | Test Step number      |
|      100                         |            100                   |
Page No. 2
|     Test case Number | Test Step number      |
|      200                         |            300                   |
Test Result word document should generate with Table headings(marked as Red) in every pages of the document, but i am not getting as per above example.
Please through light on this.
Regards,
Susa.

Hi Santiago,
Thank you very much for your valuable reply.
i want to generate MS-word report for TestStand after successful testing using MS-word2000.
Test report contains Actual values, Expected values and Pass/Fail status.
In my program i have customized all fields i can able to generate test report which contains Verification engineer name , test mode, test date, start time, end time Actual values, Expected values and Pass/Fail status.etc....
To put all values of test case number, Test step number, Actual values, Expected values and Pass/Fail status in to table for each time, i will
insert a row into table every time values arrives, once the table exceedes its page size it moves to the next page, next page should start with table row header but it start with values of above said parameters.
so i'm not able to repeat table row header for each page.
Please find the attached file for your reference.
Attched file expected.doc :   This file contains what i wanted to generate MS-word report. Here table row header "Test Case Number and Test Step Number " is repeated in second page.
Attached file Actual output from source code.doc   : This report generated from the source code. Here table row header "Test Case Number and Test Step Number" is not repeated in second page.
Do you know any property to set "repeat as header row at the top of each page" using MS-word ActiveX in CVI/Labwindows.
i think this information is sufficient for you,
Still if you need some information please ask me.
Thanks
Susa.
Attachments:
Actual output from source code.doc ‏25 KB
expected.doc ‏26 KB

Pages 5.0 removing images from tables.

After upgrading to Pages 5.0 I now receive a message when opening any file with a table that has images in the cells. Basically Pages is removing all images from table cells. Anyone having this problem and is there an easy fix?

DrBrian, this is what I did to resolve this issue. I found out that we may still have Pages 09 installed on our systems! Go into Finder - Applications. If you have a folder titled iWork 09 click it and you may find Pages 09 there. Double click to open Pages version 09 where you will be able to open all of your files just as they should be.
I will not be using the new Pages upgrade. I have too much time invested in creating documents and templates for my business and I am not willing to re-learn a new package which has much less functionality. Hope this helps you.

How to store the images in tables

how to store the images in tables .what is the use of "clob ,blob"

Using with the CLOB or BLOB, you can store the images in the table.
Srini C

Inserting blob image into table

ora.gif, image001.jpeg are the image names .these are stored in the location D:\oracle\Bfiles
create directory BFILE_FILES as ‘D:\oracle\Bfiles';
i want to insert the 2 images into table using blob
how to create the table and how to insert and how to test that image is inserted or not

Tom Kyte has it all Here

Insert image into table

Please let me know how to insert images to table using SQLDeveloper?

Some history...
SQL Developer 1.2.1 actually does support loading BLOBs and it has an internal viewer that can display some, but not all, common extensions (e.g., jpeg images will display, but not flv - flash). The 1.2.1 UI is different than the 3.0/3.1 UI Jim describes in his blog post: double clicking on a BLOB cell in the Table Data tab causes it to display a "..." at the right-side of the cell. Clicking that takes you to the Edit Value dialog where Load/Save/View capability resides.
External editor support was in place at least by 2.1, but large BLOBs seem rather slow to load. Improved performance and the current UI appeared at least by 3.0, including the Pencil icon and the hyperlinks.
-Gary

Inserting image into table

hi,
i m create table, then create procedure, procedure is successfully compile, but when i m trying to insert image into table it error out.
for inserting image i go with
EXECUTE insert_image_file(1,'C:\sunset.jpg');
sunset.jpg is image which i want to insert in table, and which is present on 'c drive'.
when execute the following error are shown
ORA-22285: non-existent directory or file for FILEOPEN operation
ORA-06512: at "SYS.DBMS_LOB", line 635
ORA-06512: at "SCOTT.INSERT_IMAGE_FILE", line 26
ORA-06512: at line 1
how to solve it.
regards
prashant

Prashant wrote:
CREATE OR REPLACE PROCEDURE insert_image_file (p_id NUMBER, p_image_name IN VARCHAR2)
...snipped...Not very nice code... why create an empty image row, then lock it (it is already locked by the uncommitted insert statement), and then update it again? Not very efficient or sensible.
image is on local machine.When a row is created on the server from user input on some PC, who supplied that input? Who read the user's keyboard input on that PC to obtain the values for the columns for the row to create?
Did PL/SQL read the keyboard of that remote PC? Of course not. The client program on that PC read the keyboard input. It then made a client call to the Oracle server. It supplied the data entered via the keyboard by the user to the Oracle server (using a PL/SQL call or using a SQL statement call to Oracle).
Now why would a local image data on that PC be treated any differently than the keyboard data on that PC? How can you expect PL/SQL code running on the Oracle server, to read that image data from the remote PC when the same PL/SQL code is incapable of reading keyboard input from that very same PC?
You need to review your understanding of client-server and how it pertains to using Oracle within client-server architecture.

Showing Image in table

Hi
     I want to show image in table based on the result i have a field status which contains the 01 / 02 / 03 values and now i want to show 3 images insted of value I have created one value attribute of string type and assigned the path of the image to it but its taking the image of last record only so can any one tell me what i have to do for this bellow is the code i am using
wdContext.currentContextElement().setImgXiStatus("");
if(xistatus.equals("01"))
    wdContext.currentContextElement().setImgXiStatus("green.bmp");
else if(xistatus.equals("02"))
    wdContext.currentContextElement().setImgXiStatus("yellow.bmp");
else if(xistatus.equals("03"))
    wdContext.currentContextElement().setImgXiStatus("red.bmp");
else
    wdContext.currentContextElement().setImgXiStatus("");
Thanks
Ninad

1 - NODE_MY_TRNAS
1.1---NODEoutput
1.1.1---NODEetData
1.1.1.1---NODEimageNodeHelper
1.1.1.1.1---icon
Set singleton = false for node "NODEimageNodeHelper" and selection(NODEimageNodeHelper) = 1:1.
Assuming card(NODEetData) =0:N, you can set the icon for row number i as follows:
INODEetDataElement e = wdContext.nodeNODEetData().getNODEetDataElementAt(i);
e.nodeNODEimageNodeHelper().currentNODEimageNodeHelperElement().setIcon("icon.gif");
For naming nodes, the following rule is useful: Name in camel-case, first letter uppercase, for cardinality =0:N, use plural name.
Example:
Node "Books" (node, card=0:N) leads to IBooksNode, IBooksElement interfaces.
Armin

Image in table dynamically , How?

Hi Experts
I have some requirement to display different image in table based on value attributes. I would be thankfull if some one can help me how to do this programically.I promise to sward points.
Thank you
Maruti

Hi,
keep all of the images in components->mimes folder
there are 2 scenaros,
1) If you are binding a value node (Node A )to the data source property of the Table ,
add a new value attribute(imgSrc) to the node A and while filling the node give the proper values to the imgSrc.
so for each row we have different images to be displayed..you can create a image element and bind the imgSrc to the Image source property of the Image
2) If you are binding a Mode node (Node A )to the data source property of the Table
create A value node(Node B) inside Node A and add a new attribute imgSrc
keep the singleton property of the Node B as false
cretae a supply function and fill the Node
so for each row we have different images to be displayed..you can create a image element and bind the imgSrc to the Image source property of the Image
AM

Sort Images in Table

Hi,
I have a coulm of images in table . and if i click on the header of that coulm , i should get it sorted..is there any way to sort images in coulmn..
Thanks in advance for a quick answer..
Regards
AD

Hi,
I tried the table sorter utility.but it is sorting only if there are text property.
so it is sorting according to the text.
then i tried the code
Comparator comparator = new Comparator()
       public int compare(Object x1, Object x2)
          IResultNodeElement e1 = (IResultNodeElement ) x1;
          IResultNodeElement e2 = (IResultNodeElement ) x2;
          return e1.getDs().compareTo(e2.getDs());
     wdContext.nodeResultNode().sortElements(comparator);
Then it is sorting in one order..is there any way to sort it in other order..
Regards
AD

Repeating images in tables

Similar Messages

Maybe you are looking for