|
HTML - Hiding Columns In Html - Help
I'm blocked at a weird scenario. I have the following HTML table:
Code: <table border="1" width="600" class="sample"> <tr> <th style="display:none;">Revision Number</th><th>Date</th><th>User</th><th>Comments</th> </tr> <tr> <xsl:call-template name="splitEveryNTermsForTable"> <xsl:with-param name="inputString" select="$dataattribute"/> </xsl:call-template> </tr> </table> The XSL template splits the "dataattribute", which is a ~ delimited string into 4 values per row. Can i control the display of either of the 4 columns using HTML using this case? I want to hide one of the columns. Thanks in advance! Similar TutorialsI 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 want to hide contents of html page when certain frame is loaed. By hide I mean when The frame get loaded at that time other HTML contents should be hidded with some semitransparent image & only loaded frame should be clickabel. All the other HTML content needs to be inactive. For example <html> <head> <script language=JavaScript> </script> </head> <frameset rows="40%,*"> <frame id="frame1" name="frame1" src="two.htm" /> <frame id="frame1" name="frame2" src="three.htm" /> <frame id="frame2" name="frame3" src="one.htm" onafterload="check()"/> </frameset> </html> when check function is called only frame3 should be visible & rest of the frames & their contents should be hidded with a semitransparent colour shade. & these contents should be unreachable by any means by user! Help me Hi I'm having problems with the following set of code:- Code: <style> #columns { width: 600px; } #columns .column { position: relative; width: 46%; padding: 1%; border: solid 0px #000; } #columns .left { float: left; } #columns .right { float: right; }</style><div id="columns"> <div class="left column"> <p><b>What are your journey needs?</b></p><input type="checkbox" name="Journey Needs" value="Elderly">Elderly<br>
<input type="checkbox" name="Journey Needs" value="Wheelchair User">Wheelchair User<br>
<input type="checkbox" name="Journey Needs" value="Mobility Impaired">Mobility Impaired<br>
<input type="checkbox" name="Journey Needs" value="Unable to use own/public transport">Unable to use own or public transport<br>
<input type="checkbox" name="Journey Needs" value="No public transport available">No Public Transport available<br>
<input type="checkbox" name="Journey Needs" value="Group Hire - General Public">Group Hire - General Public<br>
<input type="checkbox" name="Journey Needs" value="Group Hire - Community Groups">Group Hire - Community Groups<br>
<input type="checkbox" name="Journey Needs" value="Youth">Youth<br>
</p>
</p> </div> <div class="right column"> <p><b>What is your journey purpose?<b></p><input type="Radio" name="Journey Type" value="Shopping">Shopping<br>
<input type="Radio" name="Journey Type" value="Hospital Appointment">Hospital Appointment<br>
<input type="Radio" name="Journey Type" value="G.P., Optician, Chiropodists, Physio,etc">G.P., Optician, Chiropodists, Physio. etc<br>
<input type="Radio" name="Journey Type" value="Day Care">Day Care<br>
<input type="Radio" name="Journey Type" value="Leisure">Leisure<br>
<input type="Radio" name="Journey Type" value="Education">Education<br>
<input type="Radio" name="Journey Type" value="Visiting (Hospital, etc)">Visiting (Hospital, etc)<br>
<input type="Radio" name="Journey Type" value="Other">Other<br>
<p>
</div></div></p>
<b>Please give more details:</b><br>
<textarea name="VisitorComment" maxlength="300" lengthcut="true" rows="6" cols="50">
</textarea><br><br>
I use two different browsers, IE7 (Version 7.0.5730.13CO) and Google Chrome (Version 12.0.742.142). Even though a simple solution would be to not use any column coding at all, thereby putting them one above the other, this makes the page too long so I am trying to get them side by side. The problem is that the page looks about perfect in IE but in Chrome the wording 'Please give more details' appears at the right-hand edge of the text area, unless you alter the page zoom in which case it appears above the radio functions. I've tried tagging as a table but the situation is then reversed: looks great in Chrome but in IE the check boxes are almost perfectly displayed and the radio functions are squashed. I'm not too familiar with tables or columns at this point. The table tags I hijacked from the Links page ( I was able to understand them enough to both remove and add new ldata to the table) on the site I'm helping develop and the column tags I gleaned from a html tutorial site. Is this just as issue with the way that different browsers display html or am I missing something in the tags? Thanks for looking and hope someone can help. Hello, I would like to make my two column web page into 3 columns and dont know how to do this. It is a template and I cannot figure out where to put the <td>. My site is online and then I hope to delete this link if it is possible. Please no negative remarks as I am notlooking for visitors I just want help. please. ] Here is the code I want to put into the code but not sure where to put it to get the 3rd column. I hope someone will be kind enough to help . thanks. <td width="200"> <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td width="200"> <p> <a href="index.html">Home</a> </p> </td> </tr> </table> How would I hide something and then when you click a link it shows it? Then when you click it again, it hides it, like a toggle? P.S. I want to hide/show this: HTML Code: <div class="js-kit-rating"></div> <script src="http://js-kit.com/ratings.js"></script> <div class="js-kit-comments"></div> <script src="http://js-kit.com/comments.js"></script> ~aeharding Hi, Is there a way I can not show all the url in the browser window. for instance when showing a links page, instead of the address being "http://www.webspace.co.uk/links.htm" could it just be "http://www.webspace.co.uk I have seen this done but not sure how. Thanks Simon hey everyone, I have a hosting package for a business venture that I would like to use for a personal website. However I don't want visitors to this (personal) site seeing the name of my business server, So I was wondering how do I obscure the nameserver to hexidecimal. I have read this http://www.pc-help.org/obscure.htm and I feel like I understand the basic premise, However It does not tell me how to do it. Could someone either show me the code/procedure to do this, or else point me to some instructions? I am a raging novice by the way. Thanks for your help I'm hoping that there is a way to hide ads from spiders using HTML. Seeing as how my current host doesn't allow me to use Javascript. Hi Guys, I was wondering if anyone would could help me... im working with a limited template system, and in order for me to deploy a certain design, i need to hide a certain navigation that sits down the left hand side of the site, but only on the index page. There are very easy ways of doign this, but obviously for SEO purposes this has a major effect, what im using at the moment is this: {if (pageproperty['pageid'] ne 'home')} HTML blah blah {endIf} this works exactly how i need it to visualy, however Google does not see the navigation it is hiding. anyone have a similar query or fix for this? Thanks Rory Please help me, I'm trying to hide elements (boxes) is HTML in this way: <?php if($_POST) { //left.style.visibility="hidden" document.getElementById(left).style.display = 'none'; } ?> By checking if a form had been submitted...But when displaying the page all elements on the page is hidden not the element "left" only..Why? Thanks is advance. Hi All, I have a tool Tip which will be shown when a user hovers over a mouse but for some reason the information i have entered gets hidden behind the below button, See the attached Picture, ignour the white lines there not actually on the button something went wrong when i done a screen print Heres the HTML and CSS HTML HTML Code: <div class="MainPageContainer">
<a href="RaiseTaskOperations.aspx" style="margin-right: 15px;" class="MainPageButton">
Ops Support<span class="tooltip">For Raising<br />
Computer Issues<br />
Software Issues<br />
Account Issues<br />
Telephone Issues<br />
Email Issues<br />
</span></a><a href="RaiseTaskSupport.aspx" class="MainPageButton">Support<span class="tooltip">For
Raising<br />
Stuck in batch<br />
Locked in a screen<br />
</span></a>
<div class="SmallSpace">
</div>
<a href="RaiseTaskFix.aspx" style="margin-right: 15px;" class="MainPageButton">Fix<span
class="tooltip">For Raising<br />
Rating Error<br />
Data not mapping correctly<br />
</span></a><a href="RaiseTaskChange.aspx" class="MainPageButton">Change<span class="tooltip">For
Raising<br />
New field required<br />
New report required<br />
Amend how we store this data<br />
</span></a>
</div>
CSS HTML Code: .MainPageButton
{
filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#d4003d', endColorstr='#990034');
-moz-box-shadow:inset 0px 1px 16px 0px #ffffff;
-webkit-box-shadow:inset 0px 1px 16px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8f002b), color-stop(1, #b20939) );
background:-moz-linear-gradient( center top, #8f002b 5%, #b20939 100% );
background-color:#8f002b;
-moz-border-radius:19px;
-webkit-border-radius:19px;
border:2px solid #dcdcdc;
display:inline-block;
width:130px;
text-align: center;
color: White;
font-family:arial;
font-size:21px;
font-weight:bold;
padding:17px 48px;
text-decoration:none;
position:relative;
}
.MainPageButton:hover span
{
display:block;
}
.MainPageButton span
{
display:none;
position:absolute;
top:10px;
left:40px;
width:150px;
border:1px solid black;
background-color:#f7f5ea;
-moz-border-radius:10px;
-webkit-border-radius:10px;
font-size: 13px;
color:Gray;
}
.MainPageButton:hover
{
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20939), color-stop(1, #8f002b) );
background:-moz-linear-gradient( center top, #b20939 5%, #8f002b 100% );
background-color:#b20939;
}
.MainPageButton:active
{
position:relative;
}
This tool tip will vary in size as time goes on so can some one help me resolve this so i wont have to worry about it later on down the line. Hi, I have very little coding experience, but am trying to set up a page for a friend. I'm having a bit of trouble with some of my text (some links in particular) hiding behind an image. It displays perfectly in Firefox, but is messed up in IE7. Was wondering if someone could take a look at my code and see if they can see what the problem is? http://vitalia.100webspace.net/ The only coding I've ever done was html don't know any css haven't ever used ftp or anything like that. I've just learned a bit here and there on the net while building a couple of personal pages. I tried putting in some td and tr tags but that makes my entire table disappear. *sigh* Hi! I'm only starting out learning HTML and I've already bumped into a problem. I'm trying to have an image on a page, followed by some text placed under the image, in another paragraph, but for some reason the image now hides part of the text (so 'Would you like to place an order or to request more information?' no longer comes up, and 'Send an email', which still comes up, no longer is a link, it's just plain text). The text could read alright before I added the image code. Here's the piece - I'm copying it all in case my mistake is further up, but the img part is almost at the bottom of the code. HTML Code: <html> <head> <title>Armando Escalante Photografia y Video</title> </head> <body background="hearts.bmp"> <h1 align="center"> Armando Escalante Photografia y Video </h1> <hr> <p>Welcome to Armando Escalante Photografia y Video's website. <br> <b>Your special moments live forever...</b> </p> <p> <a href="url1"> Gallerie </a> <a href="url2"> Video </a> <a href="paquetes.htm"> Paquetes </a> <a href="url4"> Contactez-nous! </a> </p> <p> <img src="Celine et tous.jpg" width="400" height="600" alt="Celine en famille>     </p> <p> Would you like to place an order or to request more information? <a href="mailto:sauleme@hotmail.com?subject=Info%20or%20order"> Send us an email! </a> </p> </body> </html> hi, i have a site that has affiliate links. i would like to make it so when hovering over the links / banners it displays only the vendors main url in the status bar and not my whole affiliate code as this is unsightly and maybe even a security risk? it is a html site on windows server. please help! Hi All, I have 2 buttons that need to be placed side by side and link to Paypal. I have used the "display:inline" on both forms and with the fields I need to hide, the "type=hidden" When I view the page in Firefox all looks, but in IE, although the hidden fields are hidden, they are still taking up space. So the two buttons are not sitting next to each other, there is a big gap where the 'hidden' layers would be. Anyone have any ideas how I can get around this? Many thanks hello i need some advice on two things if anyone has the time 1) the "enter" a href opens a page specific to the users name ie: user name rose opens ../users/rose.html user name dave opens ../users/dave.html 2) 'hiding' the password data <form action=""> <input type="text" name="user" size="20" /> username <br /> <br /> <input type="password" name="password" size="20" /> password <a href="../users/USERSIDPAGE.html">enter</a> </form> thanks sophia I don't want to really hide it, but I have a mail to: for an email address and the person is getting too much spam, I heard there were other ways, but which is better to to? TIA Hi guys, I have a lengthy HTML page with terms and conditions. At the top of the page, there will be a few check boxes. If certain check box is checked, then the content will be shown. If the check box is empty, then the content will be suppressed. Is there a way to suppress a content based on user check boxes? Thanks! Hey Guys, I am using the yahoo media player for one of my clients(musician) websites. I have the mp3's in my html code being pull in by the media player javascript. Is there a way I can hide my mp3 links in the source code so they cannot be downloaded? Any help would be greatly appreciated. Thanks! I've made a site (http://sketch.uk.com) that hides and displays divs according to the browser size. However, ideally I'd like to prevent the hidden divs loading their content until they are visible. A good example is the index page of the above link. There is an iframe for the flash animation that changes to a static picture when you resize to a smaller window. If you were to open the site on the smaller window (such as a tablet or mobile for example) it would be better that the iframe were never loaded at all. Any suggestions? |
|||||||