|
HTML - Stuck With Table Borders
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 Similar TutorialsIm 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 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 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'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! 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. 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 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, Im making an auction site and everything seems to work fine. When I went to a site that checks my html and such it looks like a wreck. Im not sure im checking it correctly or with the correct type validation. It shows 100's of errors. That's one concern. Other things like appearance and form fields being inserted in my html pages is another area I am lost at. Where I am stuck the most is, I know there is a better way to make everything work. Im really having trouble with the idea portion and then of course the execution may or may not be within my abilities. The auction script is hosted on the owners servers and I basically just create an html page and split it in between the head tags and insert it inside the site and the program integrates it into the php auction script. In the end the log-on page (calender) is my html page. Once you enter an auction the html I inserted into the auction script takes over. The kind of things I was wanting to do I think are easy I just dont know how to explain in a short way. For example the auction script is pretty much self contained. It could run by itself. Or it can be edited in different ways. Everything is just fill in the blanks and once published it is a basic ugly layout. Or I can turn off the feature and manually create it myself in the html pages. This is tedious and could cause a lot of mistakes to be made. The script owner just says keep it simple and basic. This is good advice for most. I just want to keep it easy not so much simple. If I could get the text fields I enter into the auction to show up on my html main page (calender) and have my css control the looks that would be ideal. The calendar page is just what it says a calender of auctions with descriptions, dates, details about the up coming auction. All of that is typed into the backend of the auction script and it will make a basic text of it on the screen if I allow it to be seen. Instead I just dont refer to it in any of my html and manually type the data into my calender page. So for starters it would be great if all of that could come from the auction and automatically update the html page through a cron job or something. lol.... now Im really trying to get carried away. This is one of those scripts you would just have to look at to fully understand. It is called Maxanet. It looks like it has a lot of editing options, its just the instructions never say what you can really do as far as editing goes. All of their sample auctions are bare bones. I can fin examples of what it can do or what I can put in my html to take advantage of it and create a professional look. Back to my initial concern. when I try to validate my css html it looks like not a single line is correct. I dont know if I am doing the validation correctly. Im ure there are a lot of errors just the ones it says so far dont make any sense to me. Like it wa written in another language to me...grin If anyone is interested in looking the site is nexusonlineauctions.com I welcome any advice good or bad. The html is something I did combining differnt things from differnt places. The drop down menus would love to know if there is a way to make them match up to the actual auctions. So auction one will automatically make that drop down say Auction 1 and so on for each auction. Completed auctions and such anre archived in such a way that they will stay named the same forever once theyare completed. Active auctions are put into what they call a work space and the work space is re-used after the completion of the auction and has a fied that contains the auction name. Gosh I could go on for weeks trying to explain this stuff. SInce my knowledge is so limited I am never going to explain it properly. Refer to the following: Screenshot: http://i41.tinypic.com/qzgkee.jpg Direct URL: http://www.brightfusehosting.com/2010/ First, I want to remove the yellow. Note how I want to make two tables at the bottom separated. If you can think of a more user friendly way of doing so, I'm all ears. The red block I want to make into a php include, but I can't figure out what I need to yank out of the HTML to make it happen. This is a templatemonster.com layout. Hi how do you do like a password protection bit on the site, do you set it up as a from and if so how is that.... Thanks in advance Max Hi guys, Im only new to html coding and as a project my lecturer wanted me to create a tutorial for his website. the Html coding is reference a javascript file and CSS file. when i try the website offline (running the simulation) it works fine. but once i upload it to the dotnetnuke website the next button seems to be stuck on the first page. heres a sample of my coding. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="/Portals/0/Simulator/OSI/mystyle.css" /> <script type="text/javascript" src="/Portals/0/Simulator/OSI/jscript.js"></script> </head> <body> <header> </header> <!--selecting multiplexing style--> <nav> <table> <tr> <td> <form action="../cgi-bin/redirect.pl" method="POST" onsubmit="return dropdown(this.gourl)"> <select name="gourl"> <option>Select Simulations..... <option value="OSI.html">7 OSI Layer </select> <input type="submit" value="Go" /> </form> </td> <td id="right_nav"> </td> </tr> </table> </nav> <!------------------------Intro-------------------------> <div id="main1"> <div > <table id="maincanvas" <tr> <td id="nextback"> <input type="image" src="/Portals/0/Simulator/OSI/backf.png" /> </td> <td> <!--Pagecontent--> <div id="middle"> <p style="height: 90px"></p> <div id="fade2" style="font-size:70px; color:Gray">OSI Simulation</div> <div id="fade2" style="font-size:20px; color:Gray">The Seven Layers of OSI</div> <div style="margin-left:550px" id="ifade">Click to Continue <img src="/Portals/0/Simulator/OSI/rhand.png" /></div> <p style="height:140px"></p> <div style="font-size:12px"><b>Disclaimer: </b>This simulator is still in the active stages of development. To enjoy the full experience of this simulator, please download the newest version of <a href="http://www.google.com/chrome/">Google Chrome</a> and enable javascript.<br /> </div> <div style="font-size:12px; margin-left:650">beta 1.0</div> </div> </td> <td id="nextback"> <input type="image" src="/Portals/0/Simulator/OSI/next.png" class="zoom" onclick="displayNext(2)" /> </td> </tr> </table> </div> </div> i use an external javascript file function displayNext(newPage) { var newString = "main" + newPage; var oldString = "main" + (newPage - 1); document.getElementById(newString).style.display = "block"; document.getElementById(oldString).style.display = "none"; } Ok i have all my html codes my index.html and everything now i just need to know how do i host it? im going to use http://www.dot.tk to host it but how do i take my raw html files and host it to a domain? Thanks! Ok i have all my html codes my index.html and everything now i just need to know how do i host it? im going to use http://www.dot.tk to host it but how do i take my raw html files and host it to a domain? Thanks! Hey guys, I hope someone can help me out. Im validating my xhtml but have come across an issue im stuck with. Line 97, column 5: end tag for "li" omitted, but OMITTAG NO was specified Line 97, column 5: end tag for "ol" omitted, but OMITTAG NO was specified Line 82, column 5: end tag for "ol" which is not finished Line 43, column 35: document type does not allow element "div" here; assuming missing "li" start-tag HTML Code: <!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" lang = "en" xml:lang = "en">
<head>
<title> yes</title>
</head>
<body>
<div align="center">
<table cellspacing="0" cellpadding="0" width="500">
<tr>
<td>
<div align="left">
<form name="form" action="" method="post">
<table style="WIDTH: 500px" cellspacing="0" cellpadding="0" align="center">
<tr>
<td align="left">
<div align="left">
<h3>What are you doing?</h3></div></td>
</tr>
<tr>
<td class="update_box">
<p align="center">
<textarea id="content" rows="5" cols="10"></textarea> </p>
<p align="center">
<input class="comment_button" id="v" type="submit" value="Update" name="submit" /></p>
</td>
</tr>
</table>
</form></div>
<div id="flash" align="left"> </div>
<ol class="timeline" id="updates">
<div id="old_updates">
<table width="100%">
<tr>
<td colspan="4"> <hr style="COLOR: #6d7b8d; HEIGHT: 1px; BACKGROUND-COLOR: #a9d0f5" />
</td>
</tr>
<tr>
<td valign="top" width="10%" rowspan="2"><img height="40" alt="Pic" src="http://www.gravatar.com/avatar.php?gravatar_id=7d09b47edf3bdbedb4cb104fb507c3df" width="40" border="1" longdesc="http://www.gravatar.com/avatar.php?gravatar_id=7d09b47edf3bdbedb4cb104fb507c3df" /></td>
<td valign="top" width="12%"><strong>Jarratt</strong></td>
<td valign="top" width="63%">
gg....270</td>
<td valign="top" align="right" width="15%"><a class="delete_button" id="270" href="#"><span style="FONT-SIZE: 10px; COLOR: #ff0000">X</span></a> </td>
</tr>
<tr>
<td colspan="3"><span class="feed_link"><a class="comment" id="270" href="#">comment</a></span> <span style="FONT-SIZE: 10px; COLOR: #a9a9a9"><b>Yesterday</b> at 4:15 pm - ID = ...270</span>
<div class="view_comments" id="view_comments270"></div>
<table width="80%">
<tr>
<td>
<div id="commentload270" >
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<ol id="update" class="timeline">
</ol>
<div class="comment_box" id="c270">
<form name="270" action="" method="post">
<textarea class="text_area" id="textarea270" rows="5" cols="10" name="comment_value"></textarea><br />
<div>
<input class="comment_submit" id="id270" type="submit" value=" Comment " /> </div>
</form></div></div>
<div class="morebox" id="more270"><a class="more" id="270" style="DISPLAY: block; WIDTH: 100%" href="#">more
270</a></div>
</td>
</tr>
</table></div>
</body>
</html>
Good morning/afternoon/evening good people of these forums! I have a big problem that i cannot for the life of me fix!! I have made a small microsite for a customer, It is incomplete at the moment because it is still a visual idea, however the differences between Internet explorer and firefox are HUGE!, It works totally fine in IE but in Firefox quite a few images and Swfs are missing!! Can someone try and help me out, i am very very very stuck!! The link is: http://content.thisis.co.uk/gloucest...mes/index.html Thanks in advance! Matt Hurley Hello all, I am so stuck with customisation of my Tumblr account. I have added a custom header/banner to the page but the object (arrow) to link into each post is lost under the the header banner (I'm assuming) You can see what I mean by seeing a normal one first; http://organ-theme.tumblr.com/ Then looking at mine. http://valvechild.tumblr.com/ How do I change the relative position of the linking arrows that appear so that they appear in an accessible spot above the posts as usual? Thanks for any help. Mark. |
|||||||