|
HTML - How To Color All The Elemnts Of A Particular Column In Html
GIven the code snippet
I want to color all the elements of column 3 with green..is there a command for this.??? <!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> </head> <body> <table align="left" width="100%" border="1"> <tr> <th rowspan="2" height="30">ID Number</th> <th rowspan="2" height="30">Name</th> <th rowspan="2" height="30" bgcolor="#00FFCC">Date of Birth</th> <th colspan="2" height="15" align="center">Qualification</th> </tr> <tr> <th height="15">Educational</th> <th height="15">Professional</th> </tr> <tr> <td>1.</td> <td>a.</td> <td>12/12/1979</td> <td>graduate</td> <td>engineering</td> </tr> <tr> <td>2.</td> <td>b.</td> <td>13/1/1969</td> <td>post graduate</td> <td>engineering</td> </tr> <tr> <td>3.</td> <td>c.</td> <td>10/1/1969</td> <td>PHD </td> <td>Sc</td> </tr> </table> </body> </html> Similar Tutorialshi i am displaying the data retrived from the database in table format. say using query select . col1 col2 col3 col4 12 15 15 13 15 16 the data displayed in col1,col2,col3 are retrieved from the database. now the problem is now i have to compute value for col4 (i.e col4= (15+15)/4) using the values in col2 ,col3. how to perform this. i am using sql as backend and jsp for front end. please send some similar examples or working code for this or any suggestions are appreciated. Thanks and regards Manjunath I want to hide a table column when a window gets too a certain width. I've clocked onto the media tags, and I've used them to re-structure my navigation bar and I know the media tags work beautifully, I just need to remove a column from a table, the last column too be exact, using just HTML. Alternatively, If I can't remove it how can I make it seem like it's gone? I've tried setting the column width too 0px but that doesn't work. there's an image inside the column though, and I reckon that might be what's messing this up. Any suggestions guys? Hi, I need to convert a java application into a web servlet, and I was having troubles building the UI in HTML. Basically, I need 3 sliders, red, green, and blue, on a table, that adjust the color of a separate cell in the table. How complicated would it be to do this? I'm fairly new to HTML. If there is any easier way to implement this without sliders, that would be great too. Hi, Quick question from a newb: I'm trying to change the color of the scrollbar on my page from the standard gray to black/red to match the layout of my page, with overflow set to auto. Is there any simple HTML code to do this, without having to use CSS? For instance, something like <scrollbarcolor="black"> or something easy like that? Sorry for the simple question. I've googled it, but haven't been able to find a clear answer. Thanks in advance! i wanted to change the color of the outside blue caused by the hyperlink and i am having trouble. i wanted it to be only for THIS and not the rest of the page. thank you in advance! <img src="http://i702.photobucket.com/albums/ww26/Fine-TuneXP/navbarfullcopy.jpg" class="greenlink" width="804" height="15" usemap="#planetmap"> <map id="planetmap" name="planetmap"> <area shape="rect" coords="0,0,50,28" alt="Home" href="http://fine-tunexp.webs.com/index.htm" class="greenlink"> <area shape="rect" coords="56,0,147,28" alt="Downloads" href="http://fine-tunexp.webs.com/Downloads.htm" class="greenlink"> <area shape="rect" coords="155,0,217,28" alt="Venus" href="http://fine-tunexp.webs.com/Tweaks.htm" class="greenlink"> <area shape="rect" coords="225,0,360,28" alt="Venus" href="http://fine-tunexp.webs.com/requests.htm" class="greenlink"> </map> EDIT: i was looking around and i saw something interesting, i cant figure out how to use it in my code but, <style type="text/css"> a:link { color:#f00; } #footerlink { color:#000; } </style> I had the following code,how can I make alternate color for each row?Actually I retrieved the data from database and bind to table,so I do not know the total number of row.How to make alternate color?? Code: Private Sub TableDetails(ByVal MydinProdNbr As String, ByVal OldStockCode As String, ByVal SupplierPrdNbr As String, ByVal Description As String, ByVal Packing As String, ByVal ListPrice As String, ByVal Disc1 As String, ByVal Disc2 As String, ByVal Disc3 As String, ByVal TotalOrderQty As String, ByVal DeliveredQty As String, ByVal SelectedQty As String, ByVal FOCQty As String, ByVal DiscountAmt As String, ByVal NetUnitPrice As String, ByVal Amount As String)
lbl.Text = lbl.Text & "<tr bgcolor=#99CCFF>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""63pt"">"
lbl.Text = lbl.Text & MydinProdNbr
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""60pt"">"
lbl.Text = lbl.Text & OldStockCode
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""62pt"">"
lbl.Text = lbl.Text & SupplierPrdNbr
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""180pt"">"
lbl.Text = lbl.Text & Description
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""56pt"">"
lbl.Text = lbl.Text & Packing
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""64pt"">"
lbl.Text = lbl.Text & ListPrice
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""49pt"">"
lbl.Text = lbl.Text & Disc1
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""49pt"">"
lbl.Text = lbl.Text & Disc2
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""49pt"">"
lbl.Text = lbl.Text & Disc3
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""49pt"">"
lbl.Text = lbl.Text & TotalOrderQty
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""49pt"">"
lbl.Text = lbl.Text & FOCQty
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""67pt"">"
lbl.Text = lbl.Text & DiscountAmt
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""49pt"">"
lbl.Text = lbl.Text & NetUnitPrice
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "<td style=""font-size: 7pt"" width=""60pt"">"
lbl.Text = lbl.Text & Amount
lbl.Text = lbl.Text & "</td>"
lbl.Text = lbl.Text & "</tr>"
End Sub
can i have fixed layout for only some part of a table? I want the first column of my table to be "auto" and the other columns to be "fixed" llike style='table-layout:fixed;'. How can I achieve this? Thanks! First off I want to say that I'm new to this forum. Thanks in advance for the help you can give to a noobie. Here's the "dummy page" I put up: http://www.mrcrepe.com/work.html The table I made in dreamweaver. I put it as 900px wide with 1 row and 2 columns. The border color I made a redish/pinkish color as you can see on the outsides, but how do I make that "separater border" into the same color? Right now it's just that silver line. Thanks in advance. -Brian Hi guys, I need a help from you guys. I'm having some html pages, and i want to give the option to change the background and font color in the html pages by clicking buttons. And that setting should be saved in the user system, when the user loads the page again in the system, that the page should load with the saved settings. I don't want to go for server side scriptings. Is it possible just in html and Java script. Can you guys help me in this. Thanks in Advanse Kumar Hello im new here its good to be here I need your help! I am now learning HTML because i realised how important it is...and im stuck in this thing PHP Code: var alternateContent = 'Welcome to mywebsite' + 'Please download Flash Player to view content.' + '<a href="http://www.adobe.com/go/getflashplayer/">Download Flash</a>'; document.write(alternateContent); // insert non-flash content } // --> </script> <img src="Html_logo.jpg" alt="" width="273" height="46" longdesc="http://Html_logo.jpg" /> </body> </html> this is part of the code ...didnt post it all since it was too much... What i need to do is to color the text yellow "Welcome to my website . Please download Flash Player to view content" I tried <FONT COLOR = "######"> but didnt work... Also how do i add the HTML_logo Above the text ..? Any ideas? Hey all, http://www.lindesigns.us/rma/rmaonline.php If you go to that site on Firefox, the "Return Code #" expands. But if you use IE, you'll see that it doesn't. I could add a fix in there for the fields if they were static, but if you see my javascript, they are dynamically loading fields. This "class":"wide" is not working: Code: invoiceInput.appendChild(createElement("input", {"type":"text", "name":"invoice[]", "size":"8", "class":"wide;"}));
I am using a script I found on a jQuery board (http://jsbin.com/acado/6), and it works for them, but not for me because my syntax is probably wrong. And they also are just using 1 field and not near-unlimited dynamically loading fields like I am. How would I add in a fix to have the browser 'only' use the expansion if the user is using IE6 or IE7? I searched on the boards but couldn't find the solution to this problem. Thanks in advance! Hi, I want to change the background color of my textbox on focus and change it back to white on onblur event. Issue: When i change the back ground color for text box on focus it properly changes it. But when i leave the focus from textbox border color for text box is impacted and its changed to white. Please help so that border color for textbox is not impacted only background color should change here is the sample code <code> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body> <p> <input name="text1" type="text" id="text1" value="textbox 1" onfocus="this.style.background ='#cad5df'" onblur="this.style.background='white'"> </p> <p> <input name="text2" type="text" id="text2" value="textbox 2" onFocus="this.style.background = 'yellow'" onBlur="this.style.background='white'"> </p> </body> </html> </code> Hello all! Does anybody noticed that font colors are treated as background color while printing in IE? I just set a <font color=#f0f0f0>MY TEST</font> or <span style="color: #f0f0f0">MY TEST</span> and, on screen, it's OK. On print preview, it goes black. I can print in grayscale only if I turn "print background images and colors" on. Does anybody has a workaround on it? It will be a watermark, so it should be printed in grayscale. I dont think I'm setting a background color, specially on first example (color of the font). Thanks! I have a social network. I want my users to be able to pic colors for certain things... I'd really like to use the GUI that twitter has for this, but that could be expensive... So how do I do it? And how do i get smilies to input text into a text box like this one... Dynamic pages are going to be hard i think Hi...I'm having trouble with 2 things right now with my website. First of all, I want to create a new column on the right side of my webpage. And second of all, I want to make my website container a bit wider. Could someone use firebug and tell me how to do this? Here, is my website: http://www.2teachreading.comyr.com Thanks in advance Hi: I would like to present to my users a 3-column table of 'House for Sale' advertisements. This is not a commercial venture but will only be for the use of my Senior Mobile Home Park residents. Each of the three columns should contain x number of rows with each column cell containing a tiny pic (from a house.jpg file) and underneath the pic would be a few general details of the price, address, agent selling, etc. The .pic would be clickable and would then bring up a more enlarged picture of the house and complete details of the house for sale. My first puzzle is how to make this list of rows of advertisements *variable*. I guess I have to 'build' the page in my server according to how many ads are currently active ?? Any first thoughts are welcome. Thanks, -Mel Smith Hi My latest design is 2 columns one for navigation the second for content. My problem is with positioning. I want to be able to add an image at the bottom of the navigation column which will always be at teh bootom no matter how big the content area grows. The idea is my navigation will be at the top and the image or possibly images will be at the bottom. Is there an easy way around this with CSS? i could use tables and have it align to bottom but i don't want to use tables if possible. Any suggestions would be appreciated as the design is almost finished and i hope to make a start on coding this afternoon. I will post the example code soon for you guys to see how i've put it together and hopefully will just be able to change one line or somthing for me. CC_DESIGN I am very new to HTML and cant figure out why my 3-column layout isnt working. I cant seem to get my columns to line up side-by-side without overlapping ... HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<!-- Created with the CoffeeCup HTML Editor 2006 -->
<!-- http://www.coffeecup.com/ -->
<!-- Brewed on 9/9/2010 12:48:26 PM -->
<head>
<title>Zone Map</title>
<style type="text/css">
#head {
position: relative;
left: 0px;
width: 250px;
height: 20px;
font-family: times new roman;
line-height: 8px;
font-size: 14pt;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #c3bd24;}
#content {
left: 0px;
width: 250px;
font-family: times new roman;
line-height: 16px;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
text-align: left;
color: #938461;}
#dotted{
width: 225px;
border-top: 2px dotted #c3bd24;
}
#container {
width: 800px;
}
#col_right {
position: relative;
float: right;
width: 250px;
}
#col_center {
position: absolute;
float: center;
width: 250px;
}
#col_left {
position: relative;
float: left;
width: 250px;
}
</style>
</head>
<body>
<p align="center">
<img border="0" alt="" align="left" src="support/image/ZoneMap.png" width="650" height="400"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></p>
<div id="container">
<div id="col_left">
<p id="head"><br>ZONE 1: $750 minimum</p>
<div id="dotted"></div>
<p id="content">
NJ*** all,<br>
NY***Long Island to Islip,<br>
MD** to Salisbury,<br>
PA** Pittsburgh-Williamsport-Wilkes Barre,<br>
VA** Richmond-Front Royal,<br>
WV* to Martinsburg, Fairmont,<br>
DE** all</p>
</div>
<div id="col_center">
<p id="head"><br>ZONE 2: $1,500 minimum</p>
<div id="dotted"></div>
<p id="content">
NY** Syracuse-Albany-Long Island,<br>
CT** Hartford-New Haven,<br>
PA** west of Pittsburgh-Erie,<br>
OH** Sandusky-Columbus, Ashland,<br>
VA** south of Richmond-Roanoke,<br>
WV* south and west of Fairmont to Bluefield,<br>
MA* Pittsfield-Buzzards Bay-Monomet</p>
</div>
<div id="col_right">
<p id="head"><br>ZONE 3: $2,500 minimum</p>
<div id="dotted"></div>
<p id="content">
VA** south and west of Roanoke,<br>
TN***Chattanooga-Nashville,<br>
KY** Hopkinsville-Madisonville,<br>
IN***Evansville,<br>
IL***Urbana, Chicago,<br>
MI</p>
</div>
</div>
</body>
</html>
I don't know if this is supposed to be posted here or in the css forum - so correct me if I'm doing it wrong. I'm making a table with a variable number of colums. The first column should be allowed to have a width of 30 % if it is needed by the text, but less if it is not needed. (This can style="max-width:30%" do for me). The rest of the columns can use the space that the first columns doesn't use, but shouldn't be able to force the first column to be smaller. If I use max-width the first column might be smaller than 30% because of the rest of the columns forces it to be so, and if I use width=30% the width will be 30% even if the text in the first column doesn't need 30%. Can anyone help me? How can I put a blue border round this entire column. I tried but can't get it to work. http://www.bestsellersworld.com/text2.html |
|||||||