|
HTML - Removing Td Spacing
Hi all,
I'm having a problem with trying to get a table to have a tidy border. I want the border around one td cell to join the image in the cell above it, but because there is a border around the cell the border in the cell below isn't joining with the one above, there is a white gap between the two. This is the relevant code in the html file: <table class="core"> <tbody> <!-- menu --> <tr> <td width="200px"> <table class="menu"> <tbody> <tr> <td><img src="images\menuheading.jpg" alt="Mojo Menu" border="0"></td> </tr> <tr> <td class="menumain"> Link1<br> Link2<br> Link3<br> </td> </tr> </tbody> </table> </td> <!-- main body --> <td valign="top">Test Main</td> </tr> </tbody> </table> This is the code in the css file body { vertical-align: top; font-weight: normal; font-size: 12px; color: #000000; font-style: normal; font-family: Verdana; text-align: left; margin: 0; } table.headerfooter { background-color: #000066; vertical-align: top; text-align: left; border: #000066 0px solid; width: 100%; color: #FFFFFF; font-size: 10px; text-align: center; padding: 10px; } table.core { vertical-align: top; text-align: left; border: #000000 0px solid; background-color: #FFFFFF; width: 100%; padding: 10px; font-size: 12px; } table.menu { vertical-align: top; text-align: left; background-color: #FFFFFF; width: 100%; margin: 0px; padding: 0px; } td.menumain{ border-left: #000066 1px solid; padding-left: 10px; padding-right: 10px; padding-bottom: 10px; border-right: #000066 1px solid; border-bottom: #000066 1px solid; margin: 0px; padding-top: 0px; } td.headerfooter-left { text-align: left; } td.headerfooter-right { font-size: 10px; text-align: right; } p.menubody{ color: #FFFFFF; padding: 4px; border-left: #000066 1px solid; border-right: #000066 1px solid; } Any help would be appreciated as I'm stumped! Similar TutorialsHello everyone. I have been given to task to create a signature template. I am pretty new to html. I am trying to remove the vertical spacing in between the website link/phone number and job title. I have sat here playing around with it for about an hour without much luck. What can I do? --------------------------------- here is the code i am using --------------------------------- <p> <strong><font color="blue">_______________________________________________</font></strong> </p> <p style="MARGIN-RIGHT: 0px" dir="ltr"> <font color="gray" size="4" face="Arial Narrow"><font color="gray"><strong>Debra Scott</strong></font>   ; <strong><font size="2">Newmarket Chamber of Commerce</font></strong> <br /> <font size="2"><strong><em>President & Ceo & nbsp;   ; <font size="1">"Leading Businesses. Leading Communities"</font></em></strong></font><font size="4"> </font></font> </p> <font color="#808080" size="4" face="Arial Narrow"></font><font color="gray" size="4" face="Arial Narrow"> <font color="#000000" face="Times New Roman"></font><font color="#000000" face="Times New Roman"><a href="http://www.newmarketchamber.ca" target="_blank"><font color="gray" size="1" face="Arial Narrow"><strong><img class="floatLeft" style="WIDTH: 20px; HEIGHT: 19px" border="0" src="http://NewmarketONCOC.weblinkconnect.com/External/WCPages/WCWebContent/WebContentPage.aspx?ContentID=296" width="36" height="34" />Newmarket Chamber Website</strong></font></a><font size="3"><font color="gray" size="1" face="Arial Narrow"><strong> <img class="floatLeft" style="WIDTH: 24px; HEIGHT: 19px" border="0" src="http://NewmarketONCOC.weblinkconnect.com/External/WCPages/WCWebContent/WebContentPage.aspx?ContentID=299" width="36" height="34" />905 898-5900 ex. 223</strong></font></font></font> <br /> <font color="#d5d500" size="3" face="Times New Roman">_______________________________________________</font></font> </p> I've tried and tried and can't figure this one out, probably VERY easy for others. I've got a table with images and I can't figure out how to remove the spacing betwen the table rows. Here is a link http://www.4wheelcustoms.com/new%20template/index.html Notice both sides of the navagation images have horizontal spacing around them. Any help is appreciated. Hi, I've been going nuts trying to remove the gap between my banner image and the navbar underneath. I know this can be done with a table, but is there another way to make them touch? Heres the code: <p align="left"><img src="/climatebanner.jpg" alt="Climate change and global warming articles" width="1017" height="150" border="0" /> <div id="navcontainer"> <div align="center"> <ul class="bannernav1" id="navlist"> <li id="active"><a href="/climatebanner.jpg" id="current">Item one</a></li> <li><a href="/climatebanner.png">Item two</a></li> <li><a href="#">Item three</a></li> <li><a href="#">Item four</a></li> <li><a href="#">Item five</a></li> </ul> </div> </div> Thanks Fred I need some help removing css from some html. The reason for this, is that the html is only going to be run through a program that doesn't understand CSS, and the entire header will need to be removed. Anyway, I need the page to look the same as it does now, just without using any CSS, and it needs to be HTML 3.2. Here's the code: HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" >
<meta http-equiv="content-Language" content="en-us" >
<title>osos.xml</title>
<style>
table {
border-collapse: collapse;
}
th {
border-top: 1px solid black;
border-bottom: 3px solid black;
}
</style>
</head>
<body>
<table>
<tr>
<th width="346" height="18" align="left">5. Inventory</th>
<th width="19" height="18" align="left"></th>
<th width="86" height="18" align="right">2006</th>
<th width="19" height="18" align="left"></th>
<th width="86" height="18" align="right">2005</th>
<th width="19" height="18" align="left"></th>
<th width="86" height="18" align="right">2004</th>
</tr>
<tr>
<td width="346" height="17" align="left"></td>
<td width="19" height="17" align="left"></td>
<td width="86" height="17" align="left"></td>
<td width="19" height="17" align="left"></td>
<td width="86" height="17" align="left"></td>
<td width="19" height="17" align="left"></td>
<td width="86" height="17" align="left"></td>
</tr>
<tr>
<td width="346" height="17" align="left">Office Supplies</td>
<td width="19" height="17" align="center">$</td>
<td width="86" height="17" align="right">80,915</td>
<td width="19" height="17" align="center">$</td>
<td width="86" height="17" align="right">156,757</td>
<td width="19" height="17" align="center">$</td>
<td width="86" height="17" align="right">64,732</td>
</tr>
<tr>
<td width="346" height="17" align="left">Cabinets</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">383,115</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">465,894</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">306,492</td>
</tr>
<tr>
<td width="346" height="17" align="left">Computers</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">352,703</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">976,666</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">282,162</td>
</tr>
<tr>
<td width="346" height="17" align="left">Communication</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">414,458</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">472,497</td>
<td width="19" height="17" align="center"></td>
<td width="86" height="17" align="right">331,567</td>
</tr>
<tr>
<td width="346" height="18" align="left"></td>
<th width="19" height="18" align="center">$</th>
<th width="86" height="18" align="right">1,231,191</th>
<th width="19" height="18" align="center">$</th>
<th width="86" height="18" align="right">2,071,814</th>
<th width="19" height="18" align="center">$</th>
<th width="86" height="18" align="right">984,953</th>
</tr>
</table>
</body>
</html>
Feel free to clean up any of the html. Just make sure it comes out looking like it does at the url below. http://www.linuxhardwarereview.com/inventory/index.html Hello everyone. Sorry for appearing to be another person to register with "vitally important question" and then probably never be seen again, but I think I'll be using this site to learn as much as I can about HTML. Anyway, my question is about HTML, but not for a website. It's for an iPhone widget. I don't want to advertise for any other forums or anything, but there is currently a tweak in development that allows for windows phone 7 live tiles on an iPhone. They use HTML code and as you can tell, I'm not a coder. There is a slideshow widget available that displays a random picture from a set location. I'm very new to HTML, but I have figured out quite a bit by changing a value and having a look at what it did. There is one thing that has me completely stumped though and this is what I would like to know. In the following code, it has the [Math.floor(math.random() bit. I've tried to add a 1 in the brackets, I've tried changin the random to no and false, I've tried just removing the line and I still can't get it. <html> <head> <meta name="viewport" content="width=238, user-scalable=no" /> <script> window.onload = onLoad; var array = "101|102|103|104|105|106|107|108|109|110|111|112|113|114|115|116|117|118|119|120|121|122|123|124".sp lit("|"); function onLoad(){ document.getElementById("show").src = array[Math.floor(Math.random()*array.length)] + ".png"; setTimeout(onLoad,1*200); } </script> </head> <body> <img src = "overlay.png" style = "position:absolute;top:0px;left:0px;z-index:1;"/> <img id ="show" style="position:absolute;top:-0px;left:0px;width:238px" /> </body> </html> What I want is for it to cycle through all the images in order. Any help would be greatly appreciated. THanks. hiii. im having this difficulty on how to remove the <br> in the textarea when its not supposed to be there. for example... originally html code in the editor: <textarea style="font-family: georgia; font-size: 12px; padding: 2; background-color: transparent;" style="overflow:auto;"> Name: Email: </textarea> then once i insert that codes in the html editor and checked the preview. the results is this within the textarea: <br>Name: <br>Email: so, how do i get rid of those <br> in the textarea? im using the uni.cc domain name with the sitebuilder, by the way. not the paid domain. Is there a way to make the spaces in between each link in the navbar go away? becuase i need to put 2 more links and if i did it the way where i have no spaces in between it would work out perfectly, p.s. you can join the furms, lol. here is the site http://wiseones.50webs.org/index.html here is the navbar code Code: <ul>
<li><a href="index.html" title="Home">Home</a></li>
<li><a href="http://wiseones.jokemaster.org/" title="Spirituality Forums">Spirituality Forums</a></li>
<li><a href="spiritualityarticles.html" title="Spirituality">Spirituality</a></li>
<li><a href="religiousarticles.html" title="Religious">Religious</a></li>
<li><a href="itemsarticles.html" title="Items">Trees,Gems,Herbs,& Items</a></li>
</ul>
can someone also tell me what the ul's mean? hello when you press any button on a site, it produces an "I have clicked this button therefore I need to make a marquee around it" image. can this be removed from the button? ie, <a href="some link"><img src="some image"></a> when the button "some image" is clicked, the marquee appears >.< can it be removed..? maybe it cant... i dont know >.< anyone? thanks sophia Hi, I have a simple question, but i cannot find the solution for it. Basically, my main page has no frames, but there is another page that has frames (One side is a navigational page, and the other side is displaying the results). If I am at the page where there are frames. I want to make it so that when I click on the "Home" link, the navigational page will disappear, and I will be sent back to the main page without frames. The way I currently have it, when I click home, the frame is still there, the navigational page is still there, but the results page is at the main page. If i were to enter the page that has frames, then a SECOND navigational page will appear (this means I have two navigational pages beside eachother, and one results page) Can anyone tell me how to make this happen? I am a beginner in html/php, so please go easy on me. Hi, I am trying to figure out how to remove the .htm or .html from my pages (other than my index). An example would be http://www.herrickphoto.co.uk/adults.html I'd really like this to be www.herrickphoto.co.uk/adults Any suggestions would really be appreciated. I am using dreamweaver to write the pages and for some reason, some of my pages end in .htm and others in .html Not sure if that's a problem? Thanks for your help! Lynn Greetings Again, My page is hosted he http://dmrosemark.webuda.com/index.html So Greetings Again, My page is hosted he http://dmrosemark.webuda.com/index.html So what I want to do is to remove the link attribute from the buttons like <commercial> <FineArt> <personal> <Bio> <contact> <friends> so that they just rollover to the menu. I think this is the code but I am not su div id="Layer-8"> <a href="Commercial.html"><img src="Layer-8.jpg" alt="Commercial" border="0" height="42" width="127" /></a></div> what should that code look like? Thx in advance, D.M. Rosemark Hello everyone. I want to be able to remove the '.html' from the address one of my pages so that instead of potential customers having to type 'laurelscamera.com/photography.html' they can just type 'www.laurelscamera.com/photography'. I have seen this done on other websites, but have no idea how to go about it. Any help would be great. Thanks again. Mitch I'm making my own text based based game, and I want to remove a hyperlink underline from 3 works. Example.. PHP Code: <font face="Arial" color="#FFFFFF"><?php if ($inventorystatus=="equipment"){echo "<b>";} else echo "<a href='selectequips.php'>"; ?>[Equipment]</b></a> <b> </b><?php if ($inventorystatus=="items"){echo "<b>";} else echo "<a href='selectitems.php'>"; ?>[Items]</b></a> <?php if ($inventorystatus=="misc"){echo "<b>";} else echo "<a href='selectmisc.php'>"; ?>[Miscellaneous]</b></a></font></td> How do I remove the hyperlink's underlines from just those hyperlinks? Is there a specific command/function? I have a page where i want to remove the page from an iframe, but not from the parent document. How? Example code: Code: ...
<head>
...
<style type="text/css">
body
{
background-image: url("back.png");
}
</style>
</head>
<body>
...
<iframe src="frame.html" name="frame">
</iframe>
...
</body>
...
How? Hi everyone, This may seem a simple question but here goes... I have two separate domain names, both with different hosting companies. I have uploaded exactly the same page to both servers, but one requires .html after it to view it, and the other doesn't. For example www.########.com/#### www.########.com/####.html Do you know how to change it so it doesn't require the .html at the end to view it? Thanks Tom Hello everyone! Thank you for taking the time to read this. Could anyone please look at my site in IE or FF and tell me how to remove the gap between the table row that has the links at the top and the row that starts the content? The address is http://www.hard2kill.org. I figure it would be less cluttered by leaving the code off of this post and just accessing the page source from the site; however, if you would like me to post it here, I certainly can! When I view it in Chrome, it looks just fine. IE and FF show the gap. Yes, I know using tables this way is bad designing, but I am continually learning more and trying to transition from them, so please leave personal opinions to yourself. If a fix can be made, then I would appreciate your input! I have all the cellspacing, cellpadding, and borders set to 0 so I am at a loss. Thanks in advance! Hi All! Im having a real problem removing image and image map outlines from my site at www.quickmarchminiatures.com In internet explorer all images have a border on click... please help.....Ive tried editing css Cheers Dan |
|||||||