|
HTML - Text Tables Html Help
I have tables containing text in them but the background does not appear its just a white error background the text appears however. Heres my html i don't know whats wrong.
Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Pink Pirates</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
.style12 {font-family: Tahoma; color: #999999; font-weight: bold; }
.style13 {font-size: 9px; color: #666666; }
.style14 {color: #CCCCCC}
-->
</style>
</head>
<link href="css.css" rel="STYLESHEET" type="text/css">
<body>
<center>
<table width="776" border="0" cellpadding="0" cellspacing="0" background="images/index_28.jpg">
<!--DWLayoutTable-->
<tr>
<td width="59" rowspan="2" valign="top"><img src="images/sides_01.jpg" width="59" height="459"></td>
<td height="363" colspan="2" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="660" height="69" valign="top"><img src="images/index_02.jpg" width="230" height="69"><img src="images/index_03.jpg" width="201" height="69"><img src="images/index_04.jpg" width="229" height="69"></td>
</tr>
<tr>
<td height="150" valign="top"><img src="images/index_06.jpg" width="371" height="171"><img src="images/index_07.jpg" width="289" height="171"></td>
</tr>
<tr>
<td height="17" valign="top"><img src="images/index_08.jpg" width="660" height="17"></td>
</tr>
<tr>
<td height="27" valign="top"><a href="index.php"><img src="images/index_09.jpg" alt="Home Page" width="104" height="27" border="0"></a><a href="team.php"><img src="images/index_10.jpg" alt="Our Team" width="101" height="27" border="0"></a><a href="videos.php"><img src="images/index_11.jpg" alt="Demo Videos and Screenshots" width="78" height="27" border="0"></a><a href="/forums/"><img src="images/index_12.jpg" alt="Community Message Boards" width="142" height="27" border="0"></a><a href="about.php"><img src="images/index_13.jpg" alt="About Our Clan" width="100" height="27" border="0"></a><a href="signup.php"><img src="images/index_14.jpg" alt="Join Our Team" width="135" height="27" border="0"></a></td>
</tr>
<tr>
<td height="40" valign="top"><img src="images/index_15.jpg" width="660" height="40"></td>
</tr>
<tr>
<td height="28" valign="top"><img src="images/index_16.jpg" width="660" height="28"></td>
</tr>
<tr>
<td height="11" valign="top"><img src="images/index_17.jpg" width="660" height="11"></td>
</tr>
</table></td>
<td width="57" rowspan="2" valign="top"><img src="images/sides_05.jpg" width="57" height="459"></td>
</tr>
<tr>
<td width="231" height="163" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<!--DWLayoutTable-->
<tr>
<td width="231" height="122" valign="top"><img src="images/index_18.jpg" width="231" height="28"><img src="images/tdw_22.jpg" width="231" height="60" border="0"></a><img src="images/cathead_25.jpg" width="231" height="34"></td>
</tr>
<table>
<tr>
<td height="193" valign="top">text goes here blah</ </div></td>
</tr>
</table>
</td>
<td width="429" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="429" height="28" valign="top"><img src="images/index_19.jpg" width="429" height="28"></td>
</tr>
<tr>
</tr>
<tr>
<td height="34" valign="top"><img src="images/catheadnews_26.jpg" width="429" height="34">dfdfdfdfdfdfd</td>
</tr>
<tr>
<td height="193" valign="top"><div style="margin-left:10px; margin-right:10px"><span class="style12"></span><br>
<span class="style13"></span><br>
<span class="style14">
</tr>
</table></td>
</tr>
</table>
<table width="776" border="0" cellpadding="0" cellspacing="0" background="images/index_30.jpg">
<tr>
<td width="136" height="32"></td>
<td width="509"> </td>
<td width="131"></td>
</tr>
<tr>
<td height="12"></td>
<td valign="top"><div align="center">Copyright PinkPirates.tk. All rights reserved. </div></td>
<td></td>
</tr>
</table>
</center>
</body>
</html>
Similar Tutorialshttp://www.miamiknight.com/table.htm How do I get the text in all 3 columns to align at the top? I had to add breaks or rows in column 3 at the bottom to bring the text higher and then column 2 had the text drop lower. Is there an easy way to always have text align at the tops of each column? Ok, so when I get this answer Im probably gonna feel like a fool, but here it goes... At the bottom of my page, I am placing a paragraph on the left side, and on the right side and I want to place a square box. But I cant figure it out, and quite frankly, it is making me very mad. If someone could please tell me the code or give me help, I would appreciate it. Thanks! Hey there, I have some text in a table that i want to vertically align center, however nothing i try with html or css seems to work. This is my current code atm; Code: <table cellpadding="0">
<tr>
<td width="150" height="100" style="vertical-align:middle">
<img src='portals/default.jpg' > </td><td style="vertical-align:middle">
<h3><b><a href="/games/node/2">Welcome to the Halo Portal</a></b></h3><i><div style='font-size:0.9em; line-height: 0.3em;'>Posted by NightFox, on 15/03/09</div></i><br /><div style='line-height: 0.2em'><p>Welcome to the Halo Portal</p>
</div>Halo <td></tr>
</table>
I want it all to vertically aligned centrally so that the text will line up with the center of the thumbnail - attached is wat it looks like atm. If anyone has any ideas please let me know (html, css, or php i don't mind) Regards NightFox I need help. I have a page but its centered. I still have white non used space on both sides that i would like to use to post links and what not but im not too great with tables. My test website is down below. Id like to keep the same dimensions of the page where it is now, but need to be able to use the blank white space on the sides to post links and extra text and what not. Can anyone help? www.militarycheapskate.com I'm about to go crazy. I'm working on a website, in tables (yes I know, CSS...not there yet) It's for a friend and I'm doing this on the side. and I've been humming right along building this thing. I havn't done anything in about a week. I go into dreamweaver, open a sample page I created, and cut and pasted text from a word doc into the table inside the html document. When I do this, the table accommodate the text and stretches out messing up the whole layout. WTF!? It hasn't done this before with the other 20 pages. I saved the word doc, as a web page, as plain text, I imported the text into a google doc, I pasted it inside of a preset table width. NOTHING WORKS! I tried to open up the html code and adjust the width of the tables inside the code, The thing is, is that I'm using a template, so when the template itself stretches itself, I cannot adjust it, because its the template. I get the little circle with a line across it. here is the link: http://www.altmedschools.com/acapunc...tate_laws.html I appreciate any help, I really just want to get this site finished! Hi... I have two (hopefully simple) questions: First, is there any way to make a table resize automatically to fit a browser window regardless of the size of the window when the table contains images? I know how to make the table fit the window using <width="85%">, but that only works to a certain point. What I would like to have the image resize itself as the table shrinks. Is this possible? Also, How do I get text to wrap around an image. Like have the image in the upper left corner. Then the text would start at the top of the image directly to it's right and continue on to the bottom of the image. Then it would drop down below the image all the way to the images left edge. I hope I am asking this correctly. Thanks in advance! Hi, I can make basic websites but I am not very skilled in web design. I am in need of help. Since I made the website inside Photoshop using slices, I need to create a table at the center of the website. Since the center of the website is made of slices of jpeg images, I cannot create a table nor add any text here without disturbing the images. I can get around this by making the pictures part of the cell background, but when I try and remove the images in the center after, the cell background images repeat over and over, and the whole website is unaligned and a big mess! Below is a picture of what I mean... I have included a zip file containing my html pages and image folder. Please download it he http://homepage.ntlworld.com/stephan.../Portfolio.zip The file I need help with is work.html. I can ensure you it's virus free. I want to show my photoshop work off on a website, this is the reason why I am making this website. Hi html world, My name is Ken G (globalsolutions). I hope I am posting in the right place. I have an issue with one of my pages I created. Since I cannot put a link to the page, may I post the html code? The page looks almost alright. The page was screwed up so I took out the <td> and the <tr> tags, kinda straightened out allot of the mistakes. Now The header will not show up on the page. The page is an one time offer with 45 + products, so the page is quite long and it has 3 images that it uses for the frame border. I had to add 1 in more than once to extend the page. I have in put a background image graphic and the table is white, at the bottom I have sometimes more sometimes less black area on each side of the frame that I cannot get to go away. I tried for some time to fix this, and to no avail. I would like to learn how to fix this problem, so I can move on to new ones, lol I have allot more pages to build.Again I Hope I posted in the right area. Thanks in advance hey guys, Just wanted to know if this is at all possible. I have php pages that create tables through html that show data from my database. I want to know if i added like a print button on the page then get whatever is in the table and sent it to a pdf file to print out for a user. are there any example anyone could post or if this is in anyway remotely possible HTML Code: <table border="0" cellpadding="0" cellspacing="0" width="600">
<tbody>
<tr>
<td rowspan="10">
<img src="images/blank-1.gif" width="27" height="1035" />
</td>
<td>
<img src="images/blank-2.gif" width="445" height="43" />
</td>
<td>
<img src="images/s-trip-logo.gif" width="128" height="43" alt="S-Trip!" />
</td>
</tr>
<tr>
<td width="425px">
<a href="http://www.edgeacademy.ca"><img src="images/edge-logo.gif" alt="EDGE Academy" width="425" height="115" /></a>
</td>
</tr>
<tr>
<td width="425px">
<img src="images/travel-for-credit.gif" width="425" height="34" alt="Travel for Credit \ Costa Rica \ England & France" />
</td>
</tr>
<tr>
<td>
<img src="images/book-now.gif" alt="Book now and save up to $500" width="148" height="150" />
</td>
</tr>
</tbody>
</table>
this is what it's producing: http://imageshack.us/photo/my-images...104at123t.png/ I'm trying to get the "book now and save" .gif to go up beside the EDGE logo. I'm a newbie at tables and am frustrated at this. When I "inspect element" the logo's <td> is saying the width is 445px when the width in the html is 425px. I create html pages for my small business, and I am experiencing great frustrations. I am creating a calendar, and I have tried restricting the cell widths to specific px and % sizes and have tried the same in using style attributes, but nothing I try will prevent the cell from expanding with the text and distorting the calendar format. Is there a way to absolutely restrict the width of a column/cell in a table? A table with 3 colunms in each 2 rows and only one column in the 3rd row, hw to write html scrip for this? Hi im new here, and im going to start off with a table related question what I am trying to do is have table with a image in the back ground, this I can do fine, the other thing I want to have with in that first table is another table (5 x 16) For some reason when i try this it will work as two table one after the other when table one has a image but works fine when there is no image, does any one have any ideas as to why this is happening. or type the code our for me to see where im going wrong Thanks for looking, 09ricardo23 I am trying to create a HTML table with 1 row and 2 columns. Each column contains an already made table. I want to be able to scroll both columns down together but only scroll the right one across. I have attempted to do this with the following code: <div style=' height:500px; width:screen.width; overflow-y:scroll; overflow-x:hidden'><table> <tr> <td>".$left_column_table."</td> <td > <div style=' width:screen.width-200px; height: 500px; overflow-x:scroll; overflow-y:hidden'>". $right_column_table."</div> </td> </tr> </table> </div> The problem with this code is that the horizontal scroll bar isn't visible if the vertical scroll bar is scrolled up. How do I make the horizontal scroll bar stay on top so that it is always visible? Hello. I've searched numerous times on Google for answers to this problem I'm having and I'm getting no help. I've posted here before with the same website but I have a different layout (or I'm making one) so I have a different problem. To view the website click here, although I don't have the new layout up on the web yet. I have a picture as the background and I have the semi-transparent tables, but the text is semi-transparent as well and I really don't like that. The code I have for the semi-transparent tables is: Code: table, tr, td {
filter: alpha(opacity=75);filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); -moz-opacity:0.75;
}
So that's all fine and good, but I can't get the text to show up solid. Is there a way that I can have the semi-transparent tables and full opacity text? I'm extremely bad with CSS, so I don't know much what I'm doing here. Hi all ! I have a quick question regarding a scoreboard app I am writing that displays 3 numbers on a large VGA screen. The question deals with best practice to build this page. I am using Visual Studio and but not any specific ASP.NET controls. The display consist of one table with 3 cells. one cell onto, 2 cells below the top one. Since I do not know the exact resolution of the VGA screen where my web page will display I have ventured to play with the zoom. However, using the zoom seems to offset the page downwards, meaning it does not zoom centered (or from the middle if you like). The more zoom I apply from the html the larger the page becomes, but it also moves down on the VGA screen. I am running the page in browser kiosk mode. It also seems to be very tricky to make the page position itself on the very top of the browser window. Using tables a problem, and if so, should I go with CSS ?? Thanks for input and thoughts on this.. Anders Hey all, I am not even sure if this is possible, but I have wasted most of today trying to find out. Anyways, I am trying to create a very basic webpage (for local use) that will allow me to add records to a table that I can then come back to at a later date. Essentially, I want a mini spreadsheet in a HTML file. Is this possible? I know that I could do this using PHP, but I just want this for local use, so I do not want / need to upload it anywhere. Plus, I am not linking to any database, I am hoping just to have the table saved into the HTML file. I currently have a JS script that will add rows to my table (with predetermined information - not 100% what I am wanting), but once I close the window, that information is not saved. If anyone could at least point me in the right direction, that would be good (hopefully this all makes sense ) Hello guys, I want to create a page with nested html tables. I have attached an image of exactly what I want. Can you please help me with that? Hello folks. I have this problem. I use a PHP script to echo many tables on one page. (I am posting this in the HTML forum as it requires HTML, not PHP knowledge! ). I use a class called stdDiv to get a border for the table. When I try and use <br />es and <spacer type="horizontal" size="10px" /> I do not get the effect I want. I wish for 10px between each table as described in the diagram below: However I do not get this and my table overlaps and is somehow displayed as if it is in the second row. What I get: Here is my code just for clarity: PHP Code: echo "<table class=\"stdDiv\" style=\"width:100%;\" > <colgroup><col width=\"33%\" /><col width=\"33%\" /><col width=\"33%\" /></colgroup> <tr><td colspan=\"3\" align=\"center\" class=\"title\" border=0>".$record['title']."</td></tr> <tr><td colspan=\"3\" align=\"center\" class=\"description\">".$record['description']."</td></tr> <tr><td colspan=\"3\" align=\"center\" ><img src=".$record['image']." style=\"width:128px; height:64px;\" /></td></tr> <tr><td class=\"text\" align=\"center\" style=\"border: 2px solid #999999\">Version: v".$record['version']."</td> <td class=\"text\" align=\"center\" style=\"border: 2px solid #999999\">Rating: ".$record['rating']."</td> <td class=\"text\" align=\"right\" style=\"border: 2px solid #999999\">by <b>".$record['creator']."</td></tr> </table>"; This will give out a table and it is executed with every looping. I want to know how or what code to insert to create a gap of 10px between it and the next time I want to output a table Regards and thanks in advance, mintsmike |
|||||||