|
HTML - Individual Cell Colors
Hi,
I have created a table in HTML with some basic attributes. However right now I want each cell to have a thin white line around it, but I do not want a table border. Right now I have the border color set to black so that it will not show up on my site. However I do want the TD cells to each have an individual border. Is this possible? Here is my code... My site has a black background by the way. Code: <html>
<body>
<table border="2" bordercolor="black" cellspacing="15">
<tr>
<td bgcolor="black"><a href="http://1lacrosse.com/images/polldaddy/images/magazine/big/1_Big.jpg" onclick="window.open('http://1lacrosse.com/images/polldaddy/images/magazine/big/1_Big.jpg','popup','width=320,height=420,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img border="0" src="http://1lacrosse.com/images/polldaddy/images/magazine/small/1_Small.jpg"></a><br><font color="white"><center><b>#1</b></center></font></td>
<td bgcolor="black"><a href="http://1lacrosse.com/images/polldaddy/images/magazine/big/2_Big.jpg" onclick="window.open('http://1lacrosse.com/images/polldaddy/images/magazine/big/2_Big.jpg','popup','width=360,height=420,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img border="0" src="http://1lacrosse.com/images/polldaddy/images/magazine/small/2_Small.jpg"></a><br><br><font color="white"><center><b>#2</b></center></td>
<td bgcolor="black"><a href="http://1lacrosse.com/images/polldaddy/images/magazine/big/3_Big.jpg" onclick="window.open('http://1lacrosse.com/images/polldaddy/images/magazine/big/3_Big.jpg','popup','width=320,height=420,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img border="0" src="http://1lacrosse.com/images/polldaddy/images/magazine/small/3_Small.jpg"></a><br><font color="white"><center><b>#3</b></center></td>
<td bgcolor="black"><a href="http://1lacrosse.com/images/polldaddy/images/magazine/big/4_Big.jpg" onclick="window.open('http://1lacrosse.com/images/polldaddy/images/magazine/big/4_Big.jpg','popup','width=370,height=480,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img border="0" src="http://1lacrosse.com/images/polldaddy/images/magazine/small/4_Small.jpg"></a><br><font color="white"><center><b>#4</b></center></td>
</tr>
<tr>
<td bgcolor="black"><a href="http://1lacrosse.com/images/polldaddy/images/magazine/big/5_Big.jpg" onclick="window.open('http://1lacrosse.com/images/polldaddy/images/magazine/big/5_Big.jpg','popup','width=390,height=460,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img border="0" src="http://1lacrosse.com/images/polldaddy/images/magazine/small/5_Small.jpg"></a><br><font color="white"><center><b>#5</b></center></td>
<td bgcolor="black"><a href="http://1lacrosse.com/images/polldaddy/images/magazine/big/6_Big.jpg" onclick="window.open('http://1lacrosse.com/images/polldaddy/images/magazine/big/6_Big.jpg','popup','width=350,height=420,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img border="0" src="http://1lacrosse.com/images/polldaddy/images/magazine/small/6_Small.jpg"></a><br><font color="white"><center><b>#6</b></center></td>
<td bgcolor="black"><a href="http://1lacrosse.com/images/polldaddy/images/magazine/big/7_Big.jpg" onclick="window.open('http://1lacrosse.com/images/polldaddy/images/magazine/big/7_Big.jpg','popup','width=360,height=420,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img border="0" src="http://1lacrosse.com/images/polldaddy/images/magazine/small/7_Small.jpg"></a><br><font color="white"><center><b>#7</b></center></td>
<td bgcolor="black"><a href="http://1lacrosse.com/images/polldaddy/images/magazine/big/8_Big.jpg" onclick="window.open('http://1lacrosse.com/images/polldaddy/images/magazine/big/8_Big.jpg','popup','width=360,height=430,scrollbars=no,resizable=no,toolbar=no,directories=no,location=no,menubar=no,status=no,left=0,top=0'); return false"><img border="0" src="http://1lacrosse.com/images/polldaddy/images/magazine/small/8_Small.jpg"></a><br><font color="white"><center><b>#8</b></center></td>
</tr>
</table>
</body>
</html>
By the way I don't want a border around the images because they are different sizes and just wouldn't look that good, instead just with the cells. Thanks so much!! Similar TutorialsHi everyone: Any help appreciated. Objective: To have three equally sized and spaced images arranged horizontally, with their size set automatically by the size of the window. Development: I'm using a Mac, and I don't have ready access to a PC to experiment. What I tried: Code: <table> <tr> <td><img src = "a.png" style = "width: 100%" /></td> <td><img src = "b.png" style = "width: 100%" /></td> <td><img src = "c.png" style = "width: 100%" /></td> </tr> </table> <p class = "caption">A caption for the 3 images</p> <p class = "legend" >A legend for the three images</p> What happened: This works perfectly in Safari and Firefox (Mac) and Firefox under Vista, but in Internet Explorer under Vista , the images are HUGE - the unscaled size of the originals. What I think is the reason: IE is taking 100% to be relative to the width of the body element, not the td element. What I don't want to have to do: Use fixed sizes or calculate the sizes on the fly. What I'm trying now: removing the table and using a div, and inside that, setting the image width to 33% and floating one right and one left. What's the trick to get around this IE "gotcha" please? Thanks from a newbie. hi, i have a jsp page, in this page i am displaying data retrieved from mysql database. Now the problem is i must color table cell based on cell value. how to implement this.please give me an sample or working code foe this problem.( any code is accepted) preferably html or javascript. i.e if cell value is "late" then display that cell in red color else display the cell in green color please help me. Thanks ad Regards Akash Hello, I am trying to make an html table that looks something like the following: This is the best I can come up with so far: Which was written using the following code: HTML Code: <table border="1" style="empty-cells: hide" FRAME=VOID> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td colspan="8" ALIGN=center>100614-c5-2_clm3-2x20_*.nrrd</td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> <tr> <td> </td> <td>3</td> <td>4</td> <td></td> <td>2</td> <td>3</td> <td>6</td> <td>7</td> <td>16</td> <td>11</td> <td>14</td> <td>15</td> <td> </td> <td>3</td> <td>4</td> <td>7</td> <td>8</td> </tr> <tr> <td NOWRAP><h7>100614-c5-2-redo-2x6_*.nrrd</h7></td> <td>2</td> <td>5</td> <td></td> <td>1</td> <td>4</td> <td>5</td> <td>8</td> <td>9</td> <td>12</td> <td>13</td> <td>9</td> <td> </td> <td>2</td> <td>5</td> <td>6</td> <td>9</td> <td NOWRAP><h7>100615-c5-2-clm4-2x15 *.nrrd</h7></td> </tr> <tr> <td></td> <td>1</td> <td>6</td> <td></td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> <td>6</td> <td>7</td> <td>8</td> <td> </td> <td>1</td> </tr> <td> </td> <td> </td> <td> </td> <td> </td> <td colspan="8">100615-c5-2_redo2-2x6_*.nrrd</td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </table> I dont care about the individual bevel borders between each cell, those are fine. What Im really trying to do is add an additional black line border to certain "walls" within individual cells, similar to the vertical line that separates the 13 and the 9 in the image above... Any suggestions? (Also, how do I eliminate the borders in the cells that contain the file name?) Thanks ahead of time. Hey everyone! Does anybody know how we could set up google search results for this: ( see pic ) Hi All , In my page, it has two div, one on the left side to do navigation stuff and the right one to display contents of page. How can I create a scroll bar just on the right div so that when it scroll, the div on the left side wont move. REgards Hi, I run an online music website, http://obscurealbums.com At the end of my last post, I decided to put some buttons with links to Amazon US and UK stores, and everything works fine. However, if you click on the post's title (so clicking on the individual post) the images are replaced by the alt text and the Amazon US is strikethrough. How can I get around this? If you need any more details, please let me know - I'm an HTML novice... Thanks for your time. Hi all, I have a colour and I want to convert it to a hex color, how can I do this? Hue 138 Sat 47 Lum 201 Red 206 Green 215 Blue 222 Thanks I'm not sure where exactly to put this, but I'm trying to figure out if there is a way to make it in... I'm not sure what, the code itself is HTML, but make it so that if it detects a certain string of text it adds something... such as if there was Code: bgcolor="333333" It would change it to (by detecting the ...bgcolor="... part of it) bgcolor="#333333" Hi. Can someone please give me a list of subtle colors? I'd really appreciate it. Hi I have a form that I would like to give different background colors. The Name, Email, and Submit button is the common area of the form, and I'd like that to be black. The other areas of the form show 5 venues, each with a radio button group of three choices (each venue has the same choices). I'd like to separate out each venue with a grey background. So in summary, I'd like the entire form to have a black background, except the 5 venues, who will have grey backgrounds (so there will be 5 separate grey boxes, separated by the forms black background). I tried putting the areas into table cells, but as soon as you start separating areas, the form code isn't valid. How do you do this? Thanks for your time and help. Shaun I am creating a web page which has a few frames. My question is. Is it possible to have one of the frames have a different background color? Here is the particular code for the frame which I would like to have a white background for. Thank you HTML Code: <tr>
<td valign="top" style="width: 242px" class="style2">
<!-- MSCellType="NavBody" -->
<br>
<br>
<span class="style8">MY TEXT GOES HERE
</td>
<td valign="top" style="height: 424px; width: 1157px" class="style1">
<!-- MSCellType="ContentBody" -->
<br>
<br>
<img alt="" src="Verse%20A%20Style1.jpg" width="400" height="296"><br>
<br>
<br>
<br>
<span class="style8">Contest rules:<br>
<br>
<br>
Quick E-mail link: </span> <head>
<style type="text/css">
.style1 {
text-align: center;
}
.style2 {
text-align: center;
}
.style3 {
font-size: xx-large;
}
.style4 {
font-size: x-large;
}
.style5 {
font-size: large;
}
.style6 {
text-decoration: underline;
}
.style7 {
font-size: small;
}
.style8 {
color: #FFFFFF;
}
.style9 {
text-decoration: underline;
color: #FFFFFF;
}
</style>
</head>
Hi, I should really know this... I know it's possible to create a CSS page to tell the printer to print certain content in certain colors, but you know how you have to set the browser to print bg page colors prior to printing? Is it possible with this CSS page to have the printer automatically print the background without setting the browser parameters? Thanks Hi All, I have a quick question. I have specified colors for my links, as well as for visited, active, and hover. The mailto links work fine but not the ones linking to a web site and a pdf file in my folder. They are permanently set to the "visited" color. Hover works for all of them. Anyone know why this is happeneing? Why are the links being treated differently? Thanks. Hi! How could we do that the links on any page of a website, be different colors? Lets say you have 10 links on your site, and make them 10 different colors. BUT, in simple HTML!? It can be done in CSS, i know, but in HTML? Is here somebody who knows this? removed thank you i'm trying to redo my adsense ads on my site (theoprahfanclub.com) so that they blend in with the page more. The ads are showing more yellow than they need to and point out more. Is there a site that'll tell me the colors used on my main page? Or can anyone tell me the html color code for the main background color? thanks.. ___________________ HI, I want to assign a different link color to parts of the same page. It is a standard html page and I have the typical page properties to assign the colors. However, I need to have the link colors on one part a certain color (tan link color with green bkg) and another color in another section (tan link with green bkg) is their an html script to make this so? With page properties set at one of these colors, they dissapear into the background. Also, if you know of a script to not allow visitors to copy things of a web page will be most helpful to me as well. Thanks in advance. Dawnrazor i'm trying to redo my adsense ads on my site (theoprahfanclub.com) so that they blend in with the page more. The ads are showing more yellow than they need to and point out more. Is there a site that'll tell me the colors used on my main page? Or can anyone tell me the html color code for the main background color? thanks.. __________________________ Hello, I am wanting to change these menu colors: http://police-explorers.com/swatservers/a/ Where it says Home, Ect. To a White. This is the menu code: Code: <ul id="menu"> <li class="first"><a href="index.html">Home</a></li> <li id="menu_active"><a href="Hosting.html">Hosting</a></li> <li><a href="Features.html">Domains</a></li> <li><a href="About.html">About</a></li> <li><a href="Support.html">Support</a></li> <li><a href="http://nitro-servers.com/clients/index.php?/clientarea/">Client Area</a></li> </ul> Hi, In accordance to an old reputation of my here, I'm bringing a new problem to the table that may or may not be able to be explained. ( Hi again Scoutt! ) There are certain form field backgrounds on this page that are displaying completely different colors than what's in the code and if that wasn't odd enough, it's only happening on some computers. The issue is not related to OS, browser or anything else we can pin down. The link just mentioned should have blue text and blue field backgrounds to all of the form entities. Now, reference the screen shot that they sent me. Here is a portion of the code for your reference: PHP Code: <form method="post" action="/app.php"> <fieldset id="contactform" style="width:300px;"> <legend id="legend" style="color:red;font-weight:bold;">NGL Event Application</legend> <label style="color:red;font-weight:bold;">All Fields must be filled in.</label><br /><br /> <label style="color:#369;" for="lastname">Last Name:</label><br /> <input type="text" size="50" name="lastname" id="lastname" value="" maxlength="100" /><br /> <label style="color:#369;" for="firstname">First Name:</label><br /> <input type="text" size="50" name="firstname" id="firstname" value="" maxlength="100" /><br /> <label style="color:#369;" for="email">eMail Address:</label><br /> <input type="text" size="50" name="email" id="email" value="" maxlength="100" /><br /> <label style="color:#369;" for="address">Address:</label><br /> <input type="text" size="50" name="address" id="address" value="" maxlength="100" /><br /> <label style="color:#369;" for="city">City:</label><br /> <input type="text" size="50" name="city" id="city" value="" maxlength="100" /><br /> <label style="color:#369;" for="state">State:</label><br /> <input type="text" size="50" name="state" id="state" value="" maxlength="100" /><br /> <label style="color:#369;" for="zip">Zip:</label><br /> <input type="text" size="50" name="zip" id="zip" value="" maxlength="100" /><br /> What is happening here? |
|||||||