Images in table

I am very new to designing websites. I have created a home
page using tables to seperate the elements. Basically I have
created three columns. In the first column is the navigation bar.
The second column has a graphic and the third column has a nested
table of two rows. When I completed the navigation bar the whole
layout lengthened and my graphic in the center column centered
itself vertically leaving space on the top and bottom. I would like
to move the graphic and align it to the top--not center it in the
column. Do you know how I can control the placement of this image?
Also the same thing is happening in the third column with the two
rows of text. They are vertically centered in the space, but I
would like them to be aligned to the top.
Thank you.

[email protected] wrote:
> It is not obvious to me where you would add the valign.
Certainly, there is no
> place in the property inspector (I have made every
setting top alignment where
> I could). This is the line that is the coding for the
vertical column from the
> table. As you can see, there already is an align="top"
coding in the table
> dimension, yet it is not aligning properly.
>
> <td width="260" bgcolor="#FFFF99"><p><img
src="wisdom.jpg"
> alt="wisdomofjudaismcover" width="260" height="405"
align="top" /></p>
> </td>
>
so your image in placed in a p tag.
You should know p tags have a default top and bottom padding.
So you should not place your image in a p tag if you want no
additional space around the image.
Then, it;s not the image tag that needs to be aligned, left,
but whhatever content for the cell.
So your code should be:
<td width="260" bgcolor="#FFFF99" valign="top"><img
src="wisdom.jpg" alt="wisdomofjudaismcover"
width="260" height="405" align="top" />
</td>
valign="top" can only be applied to table cells, not images.
> Where would you put the valign tag? I thought that one
did not need a
> previous knowledge of html in order to use Dreamweaver
successfully.
Whatever app you are using, it is (unfortunatley) still
necessary to know the basics of html and css
to build successful web pages. html and css are not
democratized as other design fields can be. They
still are somewhat *programing* practices, and as such still
require some understanding of the
underlying *code*.
seb ( [email protected])
http://webtrans1.com | high-end web
design
An Ingenious WebSite Builder:
http://sitelander.com

Similar Messages

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

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.

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.

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

Display image from table!

Hi,
I have in my aplication a table user, where we can save is image:
t_user{id_user, name , adress..., foto(blob),foto_size(number),foto_name,foto_mime_type};
An user can upload his imageand save it in his table!
I wanted to display his image, but i onle found infomation how to show images saved in htmldb_application_files:
how to display image from tables?
Thank's in advance

Look at the sample application. It shows you how to do this

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

Set image in Table Header

Hi,
Is it possible to set a image in table header?
I am using EP 6 NWDS 2.0.9
Regards,
Vaibhav

Create a table, and insert the header.In header properties"imageAlt" and "imageSource" options is there,
u can give the image name like image.jpg,go to ur application folder,src>mimes>Components and save it the pictures for the same name, deploy it,it's work fine
Hi,
Do the following steps:
1. Go to the layout of the view hving the table.
2. Select the table from outline and do right click to add table header.
3. Go through the propertiess of table header and find out imagesource property from the list.
4. specify the name of image in the imagesource property.
5. Now go to navigator and expand the structure of your project.
6. Go to src->mimes->Components...
7. save the image in the same folder.
regards,
amit bagati

Store Image on table ??

Hi,
I would like to know which way is much better on handling the image store.
1. Store image on the table OR
2. Store the links on the table OR
3. any new way..
Please advise.
Thanks.

Depends on your requirement.
Just remember, if you store images in database, your database size will grow faster and it may affect your backup and restore time.
Storing images in table guarantees that image would be available, if your sys admin can asure you that files will always be available and path will not be changed, you may consider links as well.
Regards,
Vishal V.

Displaying of image in table cells

Hi,
I have a requirement where i need to display an image in table cell editor. Can anyone please tell how to do this.
Thank You,
Madhavi

Hi
The link is related to the same code as well..
First copy all your images into "project/src/mimes/components/<packagename>"
1) First create a new column for image and insert Child "Image" UI Element
2) Create a Context in a view in which you are using Image UI Element
3) Value Node
Name : Image
Cardidality : 1..1
4) create 2 Value Attributes
4)a ImageAlt (Calculate property - true)
4)b ImageSrc (Calculate property - true)
5)Bind the properties of Image
alt - Image.ImageAlt
source - Image.ImageSrc
6) in getImageSrc()
//according to your condition use your image
retrun "XX.gif"
7) in getImageAlt()
return "Image Not Available"
Case 2 :
1) Add a new String attribute to your existing context
2) Right click on your table in RootUIElememntContainer
3) Edit Sturcture Binding
4) Select the context which you modified , Select next
5) in the next step for the newly created attribute select imageUIElement as type
If you want to use that in wdDoinit()
bind the two string value attributes to alt and source properties of ImageUIElement and write the following code
in doinit
wdContext.currentContextElement.set<src>("img1.gif") ;
wdContext.currentContextElement.set<alt>("Image not found") ;
Best Regards
Chaitanya.A

Images in table

Similar Messages

Maybe you are looking for