|
HTML - Problem With This Table Code....
ok I tride other fourms but they did not help me at all so i asking here.
this table is not working and I am having trouble with it. I have this code for the table: <TABLE border=1 backround="file:///C:/Documents%20and%20Settings/crocker%20bob/My%20Documents/My%20Pictures/content%20box.bmp"> <TR> <TD>I rock</TD> <img width="1" height="100" align="left" src="invisible.gif"> </TD> </TR> </TABLE> but when I try to add the width for the table the backround for the table dissapears. my question is why when I try to add a width for the table the backround for the table dissapers? and how can i fix this? Similar TutorialsHello, I am newbie, just has started my adventure with html. I tried to make an easy static site, without any additional thingd, but it occured a problem. 1. I mean, as I put table in table because I did know how to to id in different way, to make buttons on the left stay up while text on the right is moving- if I do normal table with 2columns and on the left lets say 5rows for buttons, on the right I unite all rows to make one big sort of box for contents, as I go down and try to write something morre, the rows from the letf were enlarging too If the size of explorer or firefox is nor full screen, the text in contents is going away (like now in lycos server, where screen is not full, but "cut" by advertise) 2. I have highlighted buttons, but not always works, why? (i mean it works, but darker buttons are charging so slow- maybe it is so because i saved them in pgn instead in gif, and each one is about 50kb?) -probably it is not this- because I have just changed into gif, and it is still the same 3. Another problem, as I post the site, I have notice, that in firefox I can not navigate with buttons, while in explorer yes, is it a fault of my coding, or of server where I put website? Here I post my website: http://members.lycos.co.uk/aniaacolgate/ Could someone take a look on the code, and will be so kind to correct me? It is a basic easy site of very begginger I just wanted to make a shape like this: - top: a banner - buttons in horizontal and vertical way - under buttons: contents (sincerly would like to put frames, but do not know how to put them there, is on the left there r buttons Thank you so much in advance for reply Sorry for mistakes in language Hello, can anybody tell me how to program such table with HTML? http://www.nstudio.puslapiai.lt/lent.jpg Thanks! Hi, I'm trying to fix a little misalignment in a table I've created. You can see it at www.wiseguypizzapie.com. The section that is misaligned is mid page under "New York Style Pizza," you can see that the price and type of toppings in the two columns are just slightly misaligned making it difficult to understand. I thought by making 2 more table rows each containing a column and putting them under the black lettering "Toppings" I might be able to get them to line up correctly. but I can't wrap my head around how to do this... .... I don't know if I'm making sense, but if anyone can please help me to align this, in any fashion, that would be wonderful. Thanks! I have a table and it expands. One bottom "Author" row expands when I put data in the top row "Words". How do I stop this from happening. Code: <div id="apDiv20">
<table width="231" height="190" border="0">
<tr>
<td height="23" colspan="3"><div align="justify"><span class="style4 style10">';echo $Title[1]; echo'</span></div></td>
<td height="23"> </td>
</tr>
<tr>
<td height="135" colspan="3">';echo $Words[1]; echo'<div align="justify">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div></td>
<td height="135"> </td>
</tr>
<tr>
<td width="48" height="23"><span class="style9">Author:</span></td>
<td width="73"><div align="justify"><strong><span class="style3 style10">';echo $author[1]; echo'</span></strong></div></td>
<td width="52"><span class="style13">share</span></td>
<td width="40"><pre class="style2"> </pre></td>
</tr>
</table>
</div>
Okay so i got a quick request, I need someone to look at the table entitled "Two column layout with a header and a footer" on this table layout site: http://www.ironspider.ca/webdesign10...es4layout2.htm (its the 3rd table down). right under that table it has a "view source code" button for you to see the source code of the table. Well how do I edit that code, so that the "menu column" is on the right side, instead of the left side? thanks, -Aanders5 Could someone help me with my table structure. I have a horizontal gap or space between my header table row and the rest of the table. Also, I'm not having any luck adjusting the widths of the table colums. I've tried setting them in the stylesheet with not luck. The same with the alignment, no luck getting center alignment for the table within the page. I did get the table center aligned by creating another style for my bicycle_table div tage and then doing text-algin: center. It doesn't work in FireFox though. Could someone give me some pointers with this? HTML Code: <div id="bicycle_table">
<table class="bicycle" border="1">
<!-- <table id="bikeTable" width="700" border="1" align="center" summary="This table contains criteria to use when deciding on the type of bike."> -->
<caption style="font-family:'Trebuchet MS'; font-size:16 pt; font-weight:bold; color:#C00" background:#CCCCCC >Choosing A Bike</caption>
<tr>
<colgroup align="center">
<col class="BikeType"/>
<col class="Basics"/>
<col class="Terrain"/>
</colgroup>
<thead>
<tr>
<th bgcolor="#FFFFFF">Bike Type</span></th>
<th bgcolor="#FFFFFF">Basics</span></th>
<th bgcolor="#FFFFFF">Terrain</span></th>
</tr>
</thead>
<tr>
<th bgcolor="#CCCCCC">Mountain</span></th>
<td bgcolor="#CCCCCC" class="paragraph_text">wider tires, heavier frame</span></td>
<td bgcolor="#CCCCCC" class="paragraph_text">off road, wilderness</span></td>
</tr>
<tr>
<th bgcolor="#FFFFFF">Road</span></th>
<td bgcolor="#FFFFFF" class="paragraph_text">thinner tires, light weight</span></td>
<td bgcolor="#FFFFFF" class="paragraph_text">paved roads & trails</span></td>
</tr>
<tr>
<th bgcolor="#CCCCCC">Hybrid</span></th>
<td bgcolor="#CCCCCC" class="paragraph_text">everything in between</span></td>
<td bgcolor="#CCCCCC" class="paragraph_text">both paved & off road</span></td>
</tr>
<tr>
<th bgcolor="#FFFFFF">Recumbent</span></th>
<td bgcolor="#FFFFFF" class="paragraph_text">lean back in seat; legs elevated</span></td>
<td bgcolor="#FFFFFF" class="paragraph_text">both paved & off road</span></td>
</tr>
</table>
</div>
#entire_page #container #bicycle_table { text_algin: center; } table.bicyle {align: center} table.bicycle col.BikeType {width:20%} table.bicycle col.Basics {width:45%} table.bicycle col.Terrain {width:35} table.bicycle {border: 5px outset solid red; font-family: arial; border-collapse:collapse} table.bicycle tr th {height: 10px; text-align: center; color: #C00} table.bicycle tr td {text-align: center; color: #C00} table.bicycle td {} table.bicycle thead {} table.bicycle tr {height: 10px} }[/html] Can anyone explain the rule to me which is governing this behaviour: If you move the attribute style="float: left;" from one table to the other it affects the way the whole div renders. With the attribute, there is no silver background, without it the div renders across the whole page with a silver background. Why would floating a table within the div affect whether the div renders with or without a background colour? 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">
<head>
<title>Untitled Page </title>
<style type="text/css">
.ItemFill
{
background-color: Silver;
}
</style>
</head>
<body>
<div class="ItemFill">
<table style="float: left;">
<tr>
<td>
Hello World
</td>
</tr>
</table>
</div>
<br />
<div class="ItemFill">
<table >
<tr>
<td>
Hello Two
</td>
</tr>
</table>
</div>
</body>
</html>
I am not experienced in html coding, so please explain things s l o w l y to me I am using an online webpage builder. I made a table and copied the source code into the html editor window of this online builder, excluding only the <html> and <body> tags. When i load the page, it throws up a ton of unwanted 'style definitions' etc... There were too many characters to post here, so you can see the website, and the blaringly obvious problem at http://www.integratect.12h.us/index....try-Comparison If someone could check out the source code and tell me what is causing this text i would be very happy => )) I have a table problem where in table (A) and any tables under gets longer, links and content in table (B ) doesn't stay aligned to top, the whole content in table (B) and any others appears away from the top, even in the middle so the top part becomes blank I'd like the content in A as well as B stay on the top and no blank spaces appear on the top of them I'll appreciate any quick fix for this issue kind regards Here's the problematic table I have Quote: <table width="79%" height="100%" border="0"> <tr> <td width="63%" scope="col">A</td> <td width="37%" rowspan="3" >B<br /> </td> </tr> <tr> <td> </td> </tr> <tr> <td scope="row"><table width="100%" border="0" > <tr> <td width="230"> </td> <td width="230"></td> <td width="230" border="0"></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </table></td> </tr> </table> Hi.. i've got a table that doesnt do what i want it to do.. Page : http://www.yeltzin.net/test/index2.html One cell dont display the background (cell changes from time to time), and the page dont finish "loading".. The size of the cells/pictures have been triple-checked.. I tried narrowing it down and here is the part of the code i still have : PHP Code: index2.html --------------- <html> <head><link rel="stylesheet" type="text/css" href="styles.css"></head> <body> <table class="indextable"> <col style="width: 287px;"> <col style="width: 286px;"> <col style="width: 285px;"> <tbody> <tr> <td colspan=1 class="r1c1">row 1 cell 1</td> <td colspan=2 class="r1c2">row 1 cell 2</td> </tr> <tr> <td colspan=1 class="r2c1">row 2 cell 1</td> <td colspan=2 class="r2c2">row 2 cell 2</td> </tr> <tr> <td colspan=2 class="r3c1">row 3 cell 1</td> <td colspan=1 class="r3c2">row 3 cell 2</td> </tr> </tbody> </table> </body> </html> styles.css --------------- table.indextable{ table-layout:fixed; border-collapse:collapse;} td.r1c1{ background-image:url('R1C1_.jpg'); height: 184px;} td.r1c2{ background-image:url('R1C2_.jpg'); height: 184px;} td.r2c1{ background-image:url('R2C1_.jpg'); height: 182px;} td.r2c2{ background-image:url('R2C2_.jpg'); height: 182px;} td.r3c1{ background-image:url('R3C1_.jpg'); height: 180px;} td.r3c2{ background-image:url('R3C2_.jpg'); height: 180px;} Hi, I have a problem with my tables. I made 1 table with 3 TD/tables in them. And have text them. The problem though is that in the first two tables the text begins in the middle. I want it to start at the top like the third does which also contains most text and fills up the whole 3rd table. How can I solve it? Thanks. Hi, I have a table layout (I know I should be using CSS ... but it was a quick site!) I have table width 100% and then 2 columns with td both set to 50% There are many text and images / tables & tr & td within both of the above. I have ensured no table or td within the 50% ones have any width measurements. However, when I minimise the window it doesn't seem to be keeping them 50/50 the left column seems to stay the same size. From the looks of it (images etc) it should re-size far more before it stops. Can anyone advise of typical things i should be looking for in my code that may be causing this? Cheers, d on my home page i am using a table in this table i am including different files like header in first row ,nevigator,main part,and fottter throught following coding in php PHP Code: <html> <head> <Title> TECHOBOY::Home </Title> </head> <body> <table > <tr><td > <?php include("header.php"); ?></td></tr> </table> <table > <tr><td > <?php include("nevigator.php"); ?></td></tr> </table> <table> <tr valign="top"> <td valign="top"> <?php include("del.php"); ?> </td> </tr> </table> <table> <tr><td> <?php include("counter_footer.php"); ?></td></tr> </table> </body> </html> and i am having out put as follow in this image now as shown in above pic my DISCUSSION table is centered due to its besides main table .what i want is i want to make that discussion table to align top. can any one tell me how to do that? i am really waiting for your reply thansk you in advance HI and hello I am having a problem with a table i am using . before the table starts there is a > right above the table --like so LOOK at the PROBLEM attachment file. I think the problem is the > below...... but i cannot find a way to hide it or remove it I am editing in Dreamweaver i am a NOOB but learning my code is as follows : this is the live code. below at the bottom is the editable code which does not have the > seen HTML Code: <div class="features_list">
>
<table id="features_table">
<thead>
<tr>
<th height="57" class="fthead wide featcol">
<div class="titleth">
<span class="shead">Features</span></div>
</th>
<th class="fthead checkcol"><span class="pro">HostScott</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="featcol"> GB of Disk Space </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Hosted Domains Allowed </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Instant Activation </td>
<td class="checkcol"> Included FREE </td>
</tr>
<!--tr>
<td class="featcol">Domain Privacy</td>
<td class="checkcol"><img src="/media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Domain Privacy" /></td>
<td class="checkcol pro"><img src="/media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Domain Privacy" /></td>
</tr-->
<tr>
<td class="featcol"> POP3/POP3 Secure Email Accounts </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> IMAP/Secure IMAP Email Accounts </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> GB's of Site Transfer (Bandwidth) </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Forwarding Email Accounts </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Email Autoresponder </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr class="pro">
<td class="featcol pro"> Add-on Domains </td>
<td class="checkcol pro">Unlimited</td>
</tr>
<tr>
EDITABLE CODE: HTML Code: <div class="body_container">
<table border="0" width="860" class="columns">
<tr>
<td valign="top" width="608">
<div class="body_container">
<div class="title_bar">Hosting Features</div>
<div class="body_content" id="feat_content">
From the business owner to the individual who desires full functionality on a small budget, HostScott provides your complete web hosting solution. View a listing of what we offer below..
<br />
<br />
<br />
<div id="why_we_are_better">
<div class="star_header">
<span class="himgspac">Why Choose HostScott?</span>
</div>
<div id="better_features">
<div class="redcent">Outstanding Support, Speed and Flexibility:</div>
<ul class="gabul left">
<li>24/7 US-based Support</li>
<li>SimpleScripts 1-Click installs</li>
<li>Trusted by Millions of Sites</li>
<li>SSH Secure Shell Access</li>
</ul>
<ul class="gabul right">
<li>True Resource Management (<a target="_blank" href="resource_protection.html">more info</a>)</li>
<li>Avg Support Hold Times Under 30 Sec</li>
<li>Proven Track Record</li>
<li>Blazing Fast Servers</li>
</ul>
</div>
</div>
<br />
<br />
<div class="features_list">
<table id ="features_table">
<thead>
<tr>
<th height="57" class="fthead wide featcol">
<div class="titleth">
<span class="shead">Features</span></div>
</th>
<th class="fthead checkcol"><span class="pro">HostScott</span></th>
</tr>
</thead>
<tbody>
<tr>
<td class="featcol"> GB of Disk Space </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Hosted Domains Allowed </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Instant Activation </td>
<td class="checkcol"> Included FREE </td>
</tr>
<!--tr>
<td class="featcol">Domain Privacy</td>
<td class="checkcol"><img src="/media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Domain Privacy" /></td>
<td class="checkcol pro"><img src="/media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Domain Privacy" /></td>
</tr-->
<tr>
<td class="featcol"> POP3/POP3 Secure Email Accounts </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> IMAP/Secure IMAP Email Accounts </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> GB's of Site Transfer (Bandwidth) </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Forwarding Email Accounts </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr>
<td class="featcol"> Email Autoresponder </td>
<td class="checkcol">Unlimited</td>
</tr>
<tr class="pro">
<td class="featcol pro"> Add-on Domains </td>
<td class="checkcol pro">Unlimited</td>
</tr>
<tr>
<tr>
<td class="featcol"> Perl 5 </td>
<td class="checkcol"><img src="../../media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Multiple 10 Gigabit Ethernet Connections" /></td>
</tr>
<tr>
<td class="featcol"> Python </td>
<td class="checkcol"><img src="../../media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="24/7 Network Monitoring" /></td>
</tr>
<tr>
<td class="featcol"> Ruby/Ruby On Rails </td>
<td class="checkcol"><img src="../../media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Courtesy Site Backups" /></td>
</tr>
<tr>
<td class="featcol"> Javascript/DHTML </td>
<td class="checkcol"><img src="../../media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Multiple 10 Gigabit Ethernet Connections" /></td>
</tr>
<tr>
<td class="featcol"> Flash/Shockwave </td>
<td class="checkcol"><img src="../../media/shared/info/hosting_features/_hs/checkmark_small.gif" alt="Multiple 10 Gigabit Ethernet Connections" /></td>
</tr>
</tbody>
</table>
</div>
<br />
<br />
<div id="feat_signup">
<a class="signup_btn" href="../../cgi-bin/signup.html"><img alt="Sign Up Now" class="signup_button" src="../../media/shared/general/_hs/signupnow_both.jpg"></a>
</div>
<!-- class="content" -->
</div>
<!-- class="frame center" -->
<div id="footer">
<ul class="footer_links">
<!--<li><a href="/cgi/info/awards">Awards</a></li>-->
<li><a href="https://my.HostScott.com/cgi/help">Help Center</a></li>
<li><a href="contact_us.html">Contact Us</a></li>
<li><a href="about_us.html">About Us</a></li>
<li><a href="../../cgi-bin/partner.html">Affiliates</a></li>
<li><a href="terms.html">Terms</a></li>
<li style="padding:11px 8px 8px 8px;"><g:plusone size="small" annotation="bubble"></g:plusone></li>
</ul>
<div id="copyright">©2011 HostScott.com<!--HostScott.com-->. All rights reserved.</div>
</div><!-- footer -->
I am having a problem getting a table to render properly in IE (including version 7): Test Page Why does extra padding show up to the right of the "+ Select" button? I want the table to collapse to the size of the content, but I can't find ANY combination of CSS that forces IE to do this. Firefox renders the page OK. Attached are 2 images of the footer of my website, one (displayed properly) in every browser except IE7 and the other (screwed up) in IE7. As you can see, I have 4 columns, inside which are links to a forums section. In IE7, column 2 is shifted over to the right and sits on top of column 3. The section is styled in CSS...I have attachments for the HTML and CSS code for the section. I'm hoping that one of the guru's here can suggest a fix (please let it be easy ). Thanks for the help. Rick OK Look I Have This Code: HTML Code: <table align="center" width="1010" border="1" cellpadding="0" cellspacing="0" name="table"> <tr> <td background="http://www.imageshack.com/up/mywyjwz3m4.png" width="1010" height="952" style="background-repeat:no-repeat;;background-position:center"> <img src="full.jpg" style="position:absolute;left:0px;top:0px;"> </td></tr> Now, What I Wanted To Know If With This Code: HTML Code: style="position:absolute;left:0px;top:0px;" Can I Move The Object Just In The Table If I Will Give Him For Example: HTML Code: left:0px;top:0px; So It Will Be Like That: And No Like That: Please Help Me! |
|||||||