Adding a link to a table cell question
ho can i add a link into a cell containing an image without increasing its size?
I am trying to make a link out of a table cell containing an image.
the problem is that the highlight frame around the image increases the size of the cell (and i cant have this since i imported all the small table images from photoshop wich constitute a big image).
no i am just exporting fragmented gif images from photoshop that i want to assemble again in dreamweaver through a table.
when i apply the link to one of the cells, dreamweaver increases its size (by 1 or 2 pixels) wich causes border gaps between cells and i cant have that.
i am using this cell as a button. all i want is to apply a link to a cell containing an image without modifying its size.
here's the code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
body {
background-color: #000;
a:link {
text-decoration: none;
a:visited {
text-decoration: none;
color: #03C;
a:hover {
text-decoration: none;
color: #F96;
a:active {
text-decoration: none;
color: #969;
a {
font-size: 0px;
</style>
</head>
<body>
<table width="1280" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="309"><img src="HomeImages/Home_01.gif" width="309" height="221" /></td>
<td width="110"><img src="HomeImages/Home_02.gif" width="110" height="221" /></td>
<td width="111"><img src="HomeImages/Home_03.gif" width="111" height="221" /></td>
<td width="142"><img src="HomeImages/Home_04.gif" width="142" height="221" /></td>
<td width="313"><img src="HomeImages/Home_05.gif" width="316" height="221" /></td>
<td width="262"><img src="HomeImages/Home_06.gif" width="292" height="221" /></td>
</tr>
<tr>
<td><img src="HomeImages/Home_07.gif" width="309" height="95" /></td>
<td><img src="HomeImages/Home_08.gif" width="110" height="95" /></td>
<td><img src="HomeImages/Home_09.gif" width="111" height="95" /></td>
<td><img src="HomeImages/Home_10.gif" width="142" height="94" /></td>
<td><a href="DemoMenu.html"><img src="HomeImages/Home_11.gif" width="316" height="94" /></a></td>
<td><img src="HomeImages/Home_12.gif" width="292" height="95" /></td>
</tr>
<tr>
<td><img src="HomeImages/Home_13.gif" width="309" height="121" /></td>
<td><img src="HomeImages/Home_14.gif" width="110" height="121" /></td>
<td><img src="HomeImages/Home_15.gif" width="111" height="121" /></td>
<td><img src="HomeImages/Home_16.gif" width="142" height="121" /></td>
<td><img src="HomeImages/Home_17.gif" width="316" height="121" /></td>
<td><img src="HomeImages/Home_18.gif" width="292" height="121" /></td>
</tr>
<tr>
<td><img src="HomeImages/Home_19.gif" width="309" height="91" /></td>
<td><img src="HomeImages/Home_20.gif" width="110" height="91" /></td>
<td><img src="HomeImages/Home_21.gif" width="111" height="91" /></td>
<td><img src="HomeImages/Home_22.gif" width="142" height="91" /></td>
<td><img src="HomeImages/Home_23.gif" width="316" height="91" /></td>
<td><img src="HomeImages/Home_24.gif" width="292" height="91" /></td>
</tr>
<tr>
<td><img src="HomeImages/Home_25.gif" width="309" height="142" /></td>
<td><img src="HomeImages/Home_26.gif" width="110" height="142" /></td>
<td><img src="HomeImages/Home_27.gif" width="111" height="142" /></td>
<td><img src="HomeImages/Home_28.gif" width="142" height="142" /></td>
<td><img src="HomeImages/Home_29.gif" width="316" height="142" /></td>
<td><img src="HomeImages/Home_30.gif" width="292" height="142" /></td>
</tr>
<tr>
<td><img src="HomeImages/Home_31.gif" width="309" height="94" /></td>
<td><img src="HomeImages/Home_32.gif" width="110" height="94" /></td>
<td><img src="HomeImages/Home_33.gif" width="111" height="94" /></td>
<td><img src="HomeImages/Home_34.gif" width="142" height="94" /></td>
<td><img src="HomeImages/Home_35.gif" width="316" height="94" /></td>
<td><img src="HomeImages/Home_36.gif" width="292" height="94" /></td>
</tr>
<tr>
<td><img src="HomeImages/Home_37.gif" width="309" height="124" /></td>
<td><img src="HomeImages/Home_38.gif" width="110" height="124" /></td>
<td><img src="HomeImages/Home_39.gif" width="111" height="124" /></td>
<td><img src="HomeImages/Home_40.gif" width="142" height="124" /></td>
<td><img src="HomeImages/Home_41.gif" width="316" height="124" /></td>
<td><img src="HomeImages/Home_42.gif" width="292" height="124" /></td>
</tr>
<tr>
<td><img src="HomeImages/Home_43.gif" width="309" height="109" /></td>
<td><img src="HomeImages/Home_44.gif" width="110" height="109" /></td>
<td><img src="HomeImages/Home_45.gif" width="111" height="109" /></td>
<td><img src="HomeImages/Home_46.gif" width="142" height="109" /></td>
<td><img src="HomeImages/Home_47.gif" width="316" height="109" /></td>
<td><img src="HomeImages/Home_48.gif" width="292" height="109" /></td>
</tr>
<tr>
<td><img src="HomeImages/Home_49.gif" width="309" height="600" /></td>
<td><img src="HomeImages/Home_50.gif" width="110" height="600" /></td>
<td><img src="HomeImages/Home_51.gif" width="111" height="600" /></td>
<td><img src="HomeImages/Home_52.gif" width="142" height="600" /></td>
<td><img src="HomeImages/Home_53.gif" width="316" height="600" /></td>
<td><img src="HomeImages/Home_54.gif" width="292" height="600" /></td>
</tr>
</table>
</body>
</html>
Similar Messages
-
Can i do an invisible link in a table cell
Hi people, can anyone help.
i need to create an invisible link in a table .
i was originally using a photoshop image as my web page and
placing links on it using an image map. Giving me links hovering
over glowwing text in the original photo to take me to other pages.
Now i have changed my ways and placed the image in a layout
table and used style sheets and cells to position, add video and
links in cells in the table, with the old image now being
background for the table.
i still want to use the photoshop background images' glowing
text to link to aswell as my other video and text links but cannot
trigger the image map as the glowing text is not a foreground image
therefore has nothing to link to.
Adding a table cell around the section i want to link , i
need to place an invisible image in the cell giving something to
link to, which would give the appearence of linking to the the
background glow text, i cant fill a box with same colour text to
look invisible because the background image is too complex. And i
can't mimick my cool glow text in dreamweaver, so
what can i do.? Link to anchors on other pages ? Invisible
link in cell ?
Really appreciate your help !
ThanksYou can add a transparent gif - create a 1x1px clear.gif, and
then size
it any size you want in your table cell. Add a link to that
gif.
E. Michael Brandt
www.divahtml.com
www.divahtml.com/products/scripts_dreamweaver_extensions.php
Standards-compliant scripts and Dreamweaver Extensions
www.valleywebdesigns.com/vwd_Vdw.asp
JustSo PictureWindow
JustSo PhotoAlbum, et alia -
Adding button to a custom table cell (and handling them)
Hi
I'm wondering if it's possible to add a button on each row of a table view using a custom table cell view. If it's possible, I'm really wondering how I can handle the click events on these buttons.
ThanksNo.
Try creating a view and adding it to a cell. Let us know what problems you have, and we can try to help. -
Margin and Table Cell Question
Hi,
The main banner at the top of each page changes it's position
when I view it in the browser. For example, on this page it is okay
http://www.foryourbackyard.com.au/products.htm
Though this page the banner slips down a touch.
http://www.foryourbackyard.com.au/sheds.htm
Any ideas welcome.
Also on this site the table cells seem to have a gap at the
bottom of the roll over image.
http://www.d-force.com.au/
I'm not sure why.
Thank in advance.
RayFor anybody who might stumble on this in the future looking for an answer to the same or a similar question, I figured this out with the help of Andreas Kiel and Philip Buckley on the Applescript Studio mailing list. Below is the answer.
Given a data source named "D" and table columns named "bc1" and "bc2" (both of which contain a checkbox style button cell), this is the syntax:
tell data source "D" --to check the checkboxes
set content of data cell "bc1" of every data row to true
set content of data cell "bc2" of every data row to true
end tell
tell data source "D" --to uncheck the checkboxes
set content of data cell "bc1" of every data row to false
set content of data cell "bc2" of every data row to false
end tell
The problem I was having is that I used the name of the button cell itself in the data cell reference rather than the name of the table column.
Hope someone finds this useful
St!ff -
How to apply different pseudo classes to links in two table cells
I have a table in an include file to display footer links. I need to overide deault link colors in only these two cells.
I've tried several variations of the link-visited-hover-active css to the td footer CSS wirh no success
Your assistance will really be appreciated
The table code is-
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="tdfooter1"><a href="index.php">Home</a> | <a href="about.php">About Our Company</a> | <a href="clients.php">Our Clients</a> | <a href="partners.php">Our Partners</a> | <a href="contact.php">Contact Us</a></td>
</tr>
<tr>
<td class="tdfooter2">Copyright 2010 by Data Carpet & Rug | <a href="terms.php">Terms Of Use</a> | <a href="privacy.php">Privacy Statement</a></td>
</tr>
</table>
The current CSS is -
.tdfooter1 {
font-family: Tahoma;
font-size: 12px;
color: #FFFFFF;
background-color: #666666;
text-align: center;
height: 30px;
.tdfooter2 {
font-family: Tahoma;
font-size: 12px;
background-color: #CCCCCC;
text-align: center;
text-transform: capitalize;
height: 30px;.tdfooter1 a AND .tdfooter2 a (as below). Also make sure this css is in the document or linked to the document that the include is being called into.
.tdfooter1 a {
font-family: Tahoma;
font-size: 12px;
color: #FFFFFF;
background-color: #666666;
text-align: center;
height: 30px;
.tdfooter2 a {
font-family: Tahoma;
font-size: 12px;
background-color: #CCCCCC;
text-align: center;
text-transform: capitalize;
height: 30px; -
Link to Table cell content...
Hi,
I am Prashant.i am developing SDAP Portal.In that,I am populating data to the .NET SAP NwtWieaver Table control dynamically.I am also adding LinkToAction control to the table cell.I want some action should be carried out on clicking on that link.For that i am using LeadSelect event.
Actually it works fine when i am putting data at design time by editing rows.But it does not work when i gather data from at run time.When i gather data at run time and when i click on some link,all the table data disappears.
I can not understand why this is happened?. What properties should i set for the same.If any one knows, Please help me.
Regards,
Prashant J.Soory it is not SDAP.It is SAP....
-
Link not visible under Table cell
Hi,
Following is my code but doesn't seem to work as expected.
OABulletedListBean bullets =(OABulletedListBean)createWebBean(pageContext, OAWebBeanConstants.BULLETED_LIST_BEAN, null, "bulletList");
OALinkBean link = (OALinkBean)createWebBean(pageContext, OAWebBeanConstants.LINK_BEAN, null, "linkEx");
link.setDestination("OA.jsp?page=/oracle/apps/dem/employee/webui/EmpSearchPG&retainAM=Y");
link.setText("Text of link");
bullets.addIndexedChild(link);
pls. point out the mistake.
Rgds,
NikhilHi Nikhil,
In which method of controller you are writing this code in PR or PFR and second thing have you added your bulleted list region to table cell or not??
Please check.
Regards,
Reetesh Sharma -
6575722.994: ADDITIONAL BLANK TABLE CELLS ADDED IN RTF HEADER
HI all,
XML:5.6.3
APPS:11.5.10.2
Please advice,
RTF template associated with PO Output for Communication (tempalte uploaded). When previewed,
data displays correctly.
When output is viewed from Application, additional blank table cells are added in header area.
These blank table cells are unwanted.
Also :
If I have multiple pages of output, the application is losing the header and footer after the
first page.
If I preview the template from Microsoft Word with the same output, the header and footer shows on
all pages.
Customer said:
'not looking for help designing the template - I have a template that gives
different output when output is viewed in the template builder and compared against the output from the application.
I am looking for assistance on which output is incorrect, and what cna be done to ensure both outputs are consistent'
thxs!check if you have any carriage return,or extra space in your tag
or if you are using 'IF' condition try using @inlines.
these are the general situations were extra space is created in your output -
How to link a table cell?
Hi,
What would be the best way to link this table cell? I want the entire cell to be linked rather than just the text inside it.
<table width="160" border="0" align="right" cellpadding="5" cellspacing="0" class="backgroundbox-video">
<tr>
<td width="167" align="left" valign="top"><p class="navheader-lg">Video Clip</p>
<p class="navheader-sm">Watch a short<br />
testimonial video</p></td>
</tr>
Thanks so much
LauraHere is what I have in the style sheet...
.vidA a {
text-decoration: none;
display:block;
background-image: url(../images/videoclip-imageandcolor-tr.gif) no-repeat scroll right bottom;
background-color:#B1D6D5;
padding:10px;
.vidA a:link, .vidA a:visited, .vidA a:hover{
color:black;
.vidA a:hover{
background-color:#4AA3C9;
.vidA p {
margin:5px;
.audioA a {
text-decoration: none;
display:block;
background-image: url(../images/audioclip-imageandcolor-tr.gif) no-repeat scroll right bottom;
background-color:#B1D6D5;
padding:10px;
.audioA a:link, .vidA a:visited, .vidA a:hover{
color:black;
.audioA a:hover{
background-color:#4AA3C9;
.audioA p {
margin:5px;
and here is what I have for those tables...
<td align="right" valign="top" bgcolor="#FFFFFF"><table width="160" border="0" align="right" cellpadding="5" cellspacing="0" class="backgroundbox-video">
<tr>
<td class="vidA" width="167" height="100" align="left" valign="middle"><a href="http://www.12results.com/video1.html" onclick="MM_openBrWindow('http://www.12results.com/video1.html','','width=400,height=400');return false">
<span class="navheader-lg">Video Clip</span><br />
<span class="navheader-sm"><br />
Watch a short<br />
testimonial video</span></a></td>
</tr>
</table></td>
</tr>
<tr>
<td align="right" valign="top" bgcolor="#FFFFFF"><table width="160" border="0" align="right" cellpadding="5" cellspacing="0" class="backgroundbox-audio">
<tr>
<td class="audioA" width="167" height="100" align="left" valign="middle"><a href="http://www.12results.com/video1.html" onclick="MM_openBrWindow('http://www.12results.com/video1.html','','width=400,height=400');return false"> <span class="navheader-lg">Audio Clip</span><br />
<span class="navheader-sm"><br />
Listen to a 40 min<br />
interview about SAW</span></a></td>
</tr>
</table></td>
---I completely removed the styles for those tables (was background-video, background-audio) because all it had was the background styling (which you said to remove) and can't see any other reason to have it there?
So it's perfect except for the background images are not showing...so did I do something wrong in the fireworks/make transparent process do you think?
Thanks...
Laura -
Got this link but cant seem to get them to work, need a
little help if possible, ill talk you through what ive done,
hopefully someone can point me in the right direction.
1st hear is the link i got the example from : .[
table cell
links
i made myself a wee demo table in dreamweaver.
created a new CSS sheet with the following:
table.navbar {
border-collapse: collapse;
table.navbar td {
border: 1px solid #ccc;
table.navbar td a{
display: block;
width: 9em;
padding: 3px;
text-decoration: none;
table.navbar td a:link, table.navbar td a:visited {
color: #000;
background-color: #fff;
table.navbar td a:hover, table.navbar td a:active {
color: #fff;
background-color: #666;
I then attached the CSS sheet to the table but only a few
minor things have changes, the entire table cell isnt showing as a
link neither is it changing color like the demo on the website.
HELP!
What and where have i went wrong, thanksI used the styles you supplied and applied it to a table 1
column x 3
rows... this is the code and it works for me....
You need to give your links an actual link, in this case I
used a null link
for demo purposes. Copy and paste the code into a new DW
window and see if
it works for you. White background, grey on hover over the
cell. Here's
another example that may be of interest (look at the code)
http://www.dreamweaverresources.com/tutorials/clickable_cell.htm
(similar
to Garys' tutorial) and
http://www.dreamweaverresources.com/tutorials/scroller.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
table.navbar {
border-collapse: collapse;
table.navbar td {
border: 1px solid #ccc;
table.navbar td a{
display: block;
width: 9em;
padding: 3px;
text-decoration: none;
table.navbar td a:link, table.navbar td a:visited {
color: #000;
background-color: #fff;
table.navbar td a:hover, table.navbar td a:active {
color: #fff;
background-color: #666;
-->
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0"
class="navbar">
<tr>
<td><a href="javascript:;">link 1</a>
</td>
</tr>
<tr>
<td><a
href="javascript:;">link2</a></td>
</tr>
<tr>
<td><a
href="javascript:;">link3</a></td>
</tr>
</table>
</body>
</html>
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.macromedia.com/devnet/dreamweaver/css.html
- CSS Tutorials -
SAP Portal development-Table Controls having link to table cell content
Hello all,
I am creating the SAP portal in which i am using Table controls to display the data. I want the function should be called whenever user clicks the table cell content. i.e. i want to create the function link to table cell.
Please reply soon.
Regards,
PrashantHi Prashant,
You haven't mentioned if you are using Webdynpro or HTMLB JSPDynPages.
If its the webdynpro, you can declare then and there itself that the content to the table column is a row my changing the property.
If it is a HTMLB component TableVIew that you are trying to use, you can include a TableCellRenderer Class which renders the cells of the table at the runtime as links or buttons or whatever you want to put.
So let me know, what exactly you are trying to use, then finding a solution will be more clear.
regards,
Sujana -
Can a link only change one cell in a table?
I've been learning Dreamweaver from a textbook, but I'm still pretty new to it, and I'm not sure what terminology to use here. I want my site to have a link that just changes one cell in a table when you click the link, rather than having it go to a whole new page. For example, you click a link and a picture changes but the rest of the site stays the same. So far, I've been doing this by just making several duplicates of an html file, and then just changing that one cell in each copy. It works, more or less, but then whenever I want to make a change to my page, I have to make the same change in all the copies. There's got to be a better way, right?
If this is too complicated to explain in a forum, perhaps someone could just tell me if there's a term for what I'm trying to do, and then I can just look for it in my book or search for it online.
Thanks for your help. Oh, and the version I'm using is CS5.What you are asking for is called a 'disjoint rollover', which means 'something happens over here, and the effect is seen over there'. It's simple to do even manually. Take a look at this page -
http://www.murraytestsite.com/locrian.html
The code on the page is this -
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<body>
<p><a href="#" onclick="document.getElementById('image').src='_img/masthead-logo1.jpg'">link</a></p>
<table width="347" border="1">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> <img src="_img/masthead-logo.jpg" width="347" height="120" alt="" id="image"/></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</body>
</html>
I used a table because you specifically asked about tables, but I wouldn't recommend using them for anything other than tabular data, and certainly not for general layout. The code could be re-written like this to completely eliminate the table -
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<body>
<p><a href="#" onclick="document.getElementById('image').src='_img/masthead-logo1.jpg'">link</a></p>
<div><p><img src="_img/masthead-logo.jpg" width="347" height="120" alt="" id="image"/></p></div>
</body>
</html>
Better, huh? -
Adding Radio buttons to table cell
Hi,
Im a beginner in JAVAFX, i would like to add a radio button to table cell.
Please could anybody help us on this.
Thanks,
DhanrajHi,
Im a beginner in JAVAFX, i would like to add a radio button to table cell.
Please could anybody help us on this.
Thanks,
Dhanraj -
Mail.app: text in table cells in incoming formatted mail - problems replying
MacOS 10.9.2
mail.app 7.2, threading enabled
Sometimes I receive a formatted email that is really difficult to reply to, when I want to intersperse my reply text among the incoming paragraphs.
The trouble occurs when multiple incoming paragraphs are grouped. I can’t open up vertical space for my reply text inside the groups.
If I click anywhere in the group, mail.app marks the group with a surrounding rounded-corner grey rectangle, with a X-in-a-circle “close icon” at the upper left corner.
When I look at the raw source of the incoming message, I see that the groups correspond to table cells, that is, the sending mail client enclosed the paragraphs within a <td> … </td> pair.
The sending email client is sending me a table, for no clear reason — the group doesn’t correspond to anything obvious in the message thread.
I’m guessing we won’t ever know why some email clients group paragraphs like this, but I’d like to do my best to adapt, so I can keep up with my incoming email.
Yeah, I can ask my correspondents to use a different email client, or perhaps different settings in the same client, but except for the few tekkies among my correspondents, this isn’t really practical. I can also ask my clients to use unformatted messages, but THAT is a whole different issue, and frequently isn’t practical, either.
My questions:
Q1: What’s the point of the grey rectangle and the “close icon”? (Is this mail.app’s way of saying, “I received this crazy formatting, almost impossible to process, so I’m making it easy for you to just delete the whole mess”? Or what?)
Q2: Is there any SIMPLE way to untangle (modify or remove) these groupings within mail.app? (I guess I can access the raw html, copy-and-paste it into another app, modify it, and paste the results back into my reply. Yuck!)
Q3: Am I missing a really obvious work-around or fix?
TIAIn your question, you indicated that you are running Firefox 8. Is that correct? It might be difficult to diagnose issues with that version because most people have moved on to Firefox 12 (plus or minus 1 version). Can you upgrade?
It's hard to think of a reason that ordinary text or links in ordinary text would not display. For embedded images or videos, one possibility is a difference in the protocol, i.e., HTTP (not secure) versus HTTPS (secure).
Hopefully someone else will have a better guess (or actual knowledge!).
Regarding the blue lines in a message, that usually indicates the earlier message was forwarded a few times. I don't know whether Gmail will let you reformat that area or whether you have to clean it in another application (e.g., for plain text, in Notepad) and paste it back in. -
How do i insert a picture into a table cell
hi
i am trying to insert a photo into a table cell in Pages of iPad.
how do i do that?
thanksI have this question too. It is very important for me to insert pictures into tables in order to complete my lab reports. This feature needs to be added; the software is useless without it. It is things like this that make me regret Apple purchases.
Maybe you are looking for
-
Lion Server without a Static IP - Worth it?
I'm running a small video production company, and I'm considering setting up my iMac with Lion Server for use in organizing productions. I love the idea of having calendars that multiple people can update and expand upon, a wiki or custom website fo
-
How to bulk add group members in Open Directory
So the workgroup manager interface is ghey. The + sign to add group members drag&drops users one at a time. I need to bulk add group members. I tried ldapadd to add all the users quickly and that doesn't seem to work. The ldap group record now has al
-
Hi, I am creating process diagram in BPM Composer but within 30s to 40s the page getting auto refreshed and becoz of that I am not able to save my process model. how can I solve this problem?
-
How to reduce background noise while recording in iphone?
I am actually recording voice in iphone. How can i ignore the background noises other than the person who is speaking... Can anyone suggest me any idea pls ?
-
Query regarding Declarative exceptions in struts
Hi all, I am using decalartive exceptions in struts, My struts-config.xml is as follows - <action path="/tryexception" <exception type="hansen.playground.MyException1" key ="errors.exception1" handler="hansen.playground.MyHandler" path="/error.jsp"/>