|
HTML - Table Borders Invisible In Browsers
Hi everybody, this is my first post. Kudos for the site, looks like a helpful and fun place. Liking all the crazy colors, too
My issue is the following. Don't know what I did in my code to cause this, but although it is properly defined when inserted and I can see it in Dreamweaver, the border to my tables does not appear in browsers. Can't think of what might be wrong. Thanks. Similar TutorialsHi, I have been picking at this all day and I keep on getting 2 lime borders and 2 white borders with ie6 and not with firefox 3.0.11 If I change the background colors and turn all borders to 1, then I notice a white line on the right side and on the bottom side of the inner border of the inner table that I also do not want there. Also I noticed that I can get a border of only 1 px it is 2 px which I do not want can anybody help me to get rid of this here is the code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Jet Set</title> <style type="text/css"> html,body { margin:0px; padding:0px; height:100%; color:tan; } </style> </head> <body bgcolor="black" leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0"> <table width="100%" style="height:100%;" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="text-align:center;"> <table width="900px" style="height:520px; margin:auto; border-color:lime;" bgcolor="black" border="1" cellpadding="0" cellspacing="0"> <tr> <td>text</td> </tr> </table></td> </tr> </table> </body> </html> Im trying to put borders on the right and left sides of my navigation cell. Here is what I have in my css. Code: td.linkcell {
background-color: CCCCCC;
border-top:0px inset "red";
border-right:10px inset "red";
border-bottom:0px inset "red";
border-left:10px inset "red";
}
And here is what I have in my HTML Code: <table width="50%" border="0"> <tr> <td width="100%" bgcolor="#CCCCCC"> <img src="pylbann.jpg" align="center"> </td> </tr> <tr> <td class="linkcell"> </td> </tr> </table> The borders show up fine but they are two different colors and niether of them are the right color. This is the site www.freewebs.com/postyourlyrics/ This is the CSS www.freewebs.com/postyourlyrics/pylcss.css The borders in this code don't show up. Code: td.bodycell {
width: 77.5%;
height: 450;
background-color: white;
border-right:2px solid black;
border-bottom:2px solid black;
}
Can someone please help me!?! Thanks! I am trying to create a TABLE that has a border, but the TD(s) within this TABLE have NO border. Is this possible using *only* HTML, and not CSS/styling. Is this possible? (Note, I am very well versed in CSS - but can't use it for this) hello, i am having a pretty frustrating problem here .... i need to show a border, as a separator, but i need it to be a single border on the bottom of <td>, however, IE doesn't show it.. here is my HTML <td style="height:30px; width:820px; padding-left:10px; border:maroon 2px solid;" align="left"></td> any ideas ? thanks in advance I'm not a big fan of the table borders provided by HTML. Is there any way to change the type of border? Thanx 4 the help! Hey guys. At the moment i have made a 100% colored table. What i am trying to do is add a 1px colored border to the top of the table and a 2px colored border to the bottom of the table. Ive tried several different approaches but i never get the result i am looking for. Can anyone help me out with this? Here is my code: Quote: <table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"> <tr bgcolor="#000033"> <td align="left"><font face="Arial, Helvetica, sans-serif" size="6"><b><font color="#FFFFFF"> <a name="top">Title</a></font></b></font></td> </tr> James http://www.meerahmax.cz/pepa/vlkodlaci3.html Hi all, I am willing to solve a problem when my site renders in firefox correctly but in when viewed in ie it somehow does not show my iframe ...where is the problem , is ie showing that iframe behind the background , or ? Well it had made me lots of work googling and compiling my code together from pieces but dont know really what causes that strange behaviour in ie ...??? Any clues??? Hi I am facing an issue , the table border are overlapping , also its not aligned properly . i am attaching the HTML code , Anyone got the solutions to fix this issue would be a great help. How can I draw an html table without horizontal cell borders? why the table i have dont expand over browser borders when sum of td widths is bigger than screen width? How can i overcome this problem? So I decided to see if I could make my site XHTML 1.0 Strict-compliant. Here's the main page on my test server I'd be thrilled with it if I could do 3 things: - Set the background color of the left column to match the color behind the fonts. Is there a CSS class I can create and set the cells to that class? - Remove the border around clickable images. - Get the spacing between the menu options on the left to look the way it does on the other pages in the site. If you click any of the pages on my actual site you can see the look I'm going for. Thanks as always for the help! Joshua Hey guys, What I am trying to do is align a whole table to the right inside of a td tag of another table. It looks fine in IE, but in firefox it comes out wrong. Any idea what I can do? Here is the code: Code: <table border="1px" style="width: 100%;" id="rptPrintform:alignBtn_pg_id">
<tbody>
<tr>
<td class="alignRight">
Correct
</td>
</tr>
<tr>
<td class="alignRight">
<table border="1px">
<tr>
<td class="alignRight">
Text
</td>
<td class="alignRight">
Text 2
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="alignRight">
Correct
</td>
</tr>
</tbody>
</table>
What I would like is for it to work in firefox the exact same way it works in IE. Thanks, Grae Hello to all, I have been trying to research and track down the solution to a browser consistency issue I'm having. On my page, myaplusservices.com/index.html , I have successfully removed the borders for each frame in Firefox; however, in Internet Explorer the borders are still appearing as thin white lines between each frame. I hope there is some way to correct this so it's consitent between the different browsers. I am new to this and I'm about ready to pull out my hair... =) <!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> <title>A+ Services- Mesa, AZ</title> </head> <frameset cols="*,800,*" frameborder=no border=no framespacing=no frameborder="0"> <frame src="leftblank.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frameset rows="100,30,*,30" frameborder=no border=no framespacing=no> <frame src="banner.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frame src="buttons1.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frameset cols="150,650" frameborder=no border=no framespacing=no> <frame src="navbar.html" scrolling=no noresize frameborder=no border=no framespacing=no> <frame src="home.html" name="main" noresize frameborder=no border=no framespacing=no> </frameset> <frame src="footer.html" scrolling=no noresize frameborder=no border=no framespacing=no> </frameset> <frame src="rightblank.html" frameborder=no border=no framespacing=no> </frameset> </html> I appreciate any help I can get. Thank you, I am making a quick landing page and my text will not appear in a div. I can't see the text in my accessories tab that are to the right on http://tmftk.com/ It should be two columns of information but It just wont show up, could someone please help? Highlight the content within the accessories tab and you will see exactly what i mean Hi, I'm trying to create an invisible scrollbar for a text box with only the up & down arrow showing. How do I make the bar in the Iframe invisible but still be able to scroll up/down on the text. The following is the code that I have. What am I doing wrong? Thanks <body> <p> <iframe name="I1" src="1.htm" border="0" frameborder="0"> </iframe></p> </body> Thanks for you Hi, I have developed a menu with a dropdown list with html and css. But I have a banner that change sometimes the advertisement. Sometimes the dropdown list is correct and sometimes the advertisement hide the list. I have tried with z-index but nothing as well with <li onmouseover="this.className='sfHover';document.getElementById('advertHead').style.visibility='hidden ';" onmouseout="this.className='';document.getElementById('advertHead').style.visibility='visible'" ><a>More</a> but nothing this is the banner I want to hide <div runat="server" id="advertHead" class="banner" style="left:340px;top:25px;z-index:-1"> <!--JavaScript Tag // Tag for network 729: Media Corporation Plc // Website: Sport.co.uk // Page: ROS // Placement: ROS-default-468 x 60 (1522448) // created at: 27-Feb-08 PM 02:03 --> <script language="javascript" type="text/javascript"> <!-- if (window.adgroupid == undefined) { window.adgroupid = Math.round(Math.random() * 1000); } document.write('<scr'+'ipt language="javascript1.1" src="http://adserver.adtech.de/addyn|3.0|729|1522448|0|1|ADTECH;cookie=info;loc=100;target=_blank;key=key1+key2+key3+key4;grp='+win dow.adgroupid+';misc='+new Date().getTime()+'"></scri'+'pt>'); //--> </script><noscript><a href="http://adserver.adtech.de/adlink|3.0|729|1522448|0|1|ADTECH;loc=300;key=key1+key2+key3+key4" target="_blank"><img class="banner" src="http://adserver.adtech.de/adserv|3.0|729|1522448|0|1|ADTECH;cookie=info;loc=300;key=key1+key2+key3+key4" style="width:468px; height:60px; margin: 10px 0 0 143px;" alt="banner 468x60" /></a></noscript> <!-- End of JavaScript Tag --> </div> PLEASE HELP ME I'm having problems with the borders of my frames. I've been trying to get rid of them, hide them, make them same color as my background, but no matter what I do, they're still being displayed in my browsers. Below is my frame file. I thought that setting frameborder to zero or to none would get rid of them. Previously I also tried making the bordercolor black (same as my background), but them borders are still displaying. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="EN">
</head>
<frameset cols="206,632,206" frameborder="0">
<frame name="navFrame" src="bc1.html" scrolling="auto" noresize frameborder="0" marginheight="0" marginwidth="0">
<frame name="mapFrame" src="bc2.html" scrolling="auto" noresize frameborder="0" marginheight="0" marginwidth="0">
<frame name="infFrame" src="bc3.html" scrolling="auto" noresize frameborder="0" marginheight="0" marginwidth="0">
<noframes>
<body>Your browser does not support frames.</body>
</noframes>
</frameset>
</html>
Does someone(s) know how to make a 'radio' button invisible but leave the associated text and VALUE? Thank you! /sorry for all the mistakes, I'm not a native English speaker/ I know it may sound sill or wierd for some of you but I'm completly new in html and all those things but I have to do a project in information technology - a website about me. I have to split it into two frames. I did sth like this: <frameset> <frame name="A" src="menu.html"> <frame name="B" src="homepage.html"> </frameset> The thing is - it looks really awful. Look: http://tinypic.pl/i/00001/xmbmjwgb6amg.png Can i delete somehow this horrible line between the frames? I would like to put an image as a backgraund and it won't look good if there's a wide grey line splitting it. Help! |
|||||||