|
HTML - Tables And Text?!?!?! Ahhhh
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! Similar TutorialsHi there, basically i'm following this guide . . . http://www.retireat21.com/tutorial/101 Can someone tell me where I'm going wrong after the navigation bit? I create a table inside the main box right column like it says and the middle split in that box doesnt move left like it should. Any ideas? As you can see in the image below the split in the box is far left against the navigation border. Cheers. Haux 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>
http://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? 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 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! 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 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. 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. I am having a problem with a web page that when I use the echo statement and try to output data to the web page in a table the data in the table pushes the data from another row down the page. What should I do to stop this from happening. I am using adobe dreamweaver. Thanks a lot!! Hi Normally, when you have more than one table in your code, the tables will be placed one under each other. Example: <table> ... </table> <table> ... </table> When you want the tables to be placed next to each other, you need to set the align attribute. Example: <table align="left"> ... </table> <table align="left"> ... </table> BUT: When you do it like in the 2nd example (tables next to each other), in Firefox, the tables will wrap to a new line if there is no more space. In Internet Explorer, the tables will not wrap. The result is a horizontal scrollbar or "hidden tables". Why this? How can I make the tables wrap also in Internet Explorer as it does in Firefox? Is it possible with a special CSS definition or with a special DIV/SPAN tag? Thanks for your help praiser Hey everyone, I'm new to these boards. Somewhat a newbie at web design, but I know basics. I'm looking to put 2 tables adjacent to each other inside another table. My problem is I can't get the tables to line up the way I want them to. I'll post a picture of how I want it to look, how it looks now and my code. How I want it to look: How it looks now: I want the tables to line up at the top and re-size according to each other so they're always aligned at the top. Code: coming in next 2 posts here is the (ineffective) code currently: <img style="float: left; width: 169px; height: 73px;" src="img/logo1.png" alt="" /> <h1 style="text-align: center;">random text</h1> the image shifts the left margin such that the text is centered as though the page width was 169px less than it really is. i'm not debating the code itself; the code above behaves as its meant to. aka no surprises. i just cant figure out the appropriate code to center the text across the entire real width of the page as though there was no image. i've tried div tags & all the things google hunting advised. no luck. other than finding this forum, which seems like it'll be a boon! thanx in advance for advise/comments/feedback/help. I have several websites that I maintain and update. A lot of them are just textual changes and I would think my customers can do these themselves by editing a simple .txt file. I was hoping my choices are avalable so that I can just insert this tag into my web pages and then give them login info to their edit page or show them how to upload the .txt file. I hope this is an easy one with several answers. Is it possible these tags could discipline your rankings in the search engines? Thanks, Jason Hi All, I am new to this forum and is expecting an answer for this question. I have implemented a facebook type search to the database which displays the familiar text saved in the database when I type some text in the database. My issue is after I have used the search box for a couple of time the text box starts displaying a similar dropdown from its history which hides my database search. Does anyone know how to disable it using html or css. See the attached Image if my question is not clear. http://www.htmlforums.com/attachment...1&d=1306715905 i have a lot of text files(2-400) all have quite alot of text inside them so is there some software that can help me convert it all into html pages?? somthing that i am doing right now is: copied all of my text files pasted them into other location and editing each file and giving extention html/htm. now can u tell somthing better?? all the files will open in same frame(obviously one at a time), all have styling n everything same. Hi Can any one help. I have this form the user is ask to input a message and a number. I want to be able to add a line of text to the message, which the user can not delete. But is sent joined to the message. ie User input Message = "Hi Just would like to share this site with you" with added text: Message "Hi Just would like to share this site with you" + "mydomain.com" Can anyone help? =========================================== Here is my form so far <script language="javascript" type="text/javascript"> function limitText(limitField, limitCount, limitNum) { if (limitField.value.length > limitNum) { limitField.value = limitField.value.substring(0, limitNum); } else { limitCount.value = limitNum - limitField.value.length; } } </script> <html> <body> <form action="stext.php" method="POST" name="number" id="number" style="width: 384; height: 372; "> <input name="number" type="text" id="number" style="position: absolute; left: 123; top: 287; color: #FFFFFF; width: 154px; border: 1px solid #ACC61B; background-color: #000000" size="20" tabindex="2"><p style="margin-top: 0; margin-bottom: 0"> <textarea name="message" cols="17" rows="1" id="message" onKeyDown="limitText(message,countdown,140);" onKeyUp="limitText(message,countdown,140);" style="position: absolute; left: 120; top: 105; width: 162px; height: 154px; color: #FFFFFF; font-family: Agency FB; font-size: 14pt; border: 1px solid #ACC61B; background-color: #000000" tabindex="1"></textarea> <br> </td> <input name="Submit" type="submit" id="Submit" value="!" style="position: absolute; left: 121; top: 329; color: #D95503; width: 157px; height: 23px; border: 1px solid #D95503; background-color: #D95503" tabindex="3"></p></form> <p style="margin-top: 0; margin-bottom: 0"><font size="4" face="Agency FB">Maximum characters: 140. You have <input readonly type="text" name="countdown" size="3" value="140"> characters left.</font> </font></p> <p style="margin-top: 0; margin-bottom: 0">nmgnm,</p> </body> How do I Link text in a div, h1, h2, p to an external text file or xml file - I don't really know how to ask the question. I think I need an xml file that can be easily edited by a user saved to the server to update an xhtml page text without the user getting bogged down in html. I don't want to use joomla or cms. <Any ideas />? Best wishes, mas Hi everybody, I am kind of a newbie and i have a "big" problem which i can't solve. I created some menu tables on the left side of my site, but I cannot seem to align them to the top of the table and they keep moving to the middle. On one version of this site i "pushed" them upwards with another 100% height invisible table from the bottom but it doesnt seem to work on an other version. Please help me! How could I align the tables to the top inside of another table? Thanks a lot for your help! If I was hardly understandable I'm sorry, I created a little example table: <table height=400 width=600 border=3 bordercolor=#000000><tr> <td width=20% border=3 bordercolor=#000000><table> <td border=3 bordercolor=#000000 align=center><table><tr><td><table border=1 bordercolor=#000000><tr><td><table align=center><tr><td> Menu 1</td></tr></table></td></tr><tr><td><table><tr><td></td><td> <a href="">Button 1</a></td></tr></table></td></tr><tr><td><table> <tr><td></td><td><a href="">Button 2</a></td></tr></table></td></tr> </table></td></tr></table><table><tr><td><table border=1 bordercolor=#000000><tr><td><table align=center><tr><td>Menu 2</td> </tr></table></td></tr><tr><td><table><tr><td> </td><td><a href="">Button 1</a></td></tr></table></td> </tr><tr><td><table><tr><td></td><td> <a href="">Button 2</a></td></tr></table></td></tr></table></td></tr> </table></td> </table></td> <td width=80% border=3 bordercolor=#000000 valign=top align=center>How could I "stick" the menu tables on the left side to the top, like this text on the right side with valign=top? </td></tr><table> Back in 2004, i created a site, with tables. Have no idea how I did it, someone must have helped me. I want to update that site and make the center section wider than the sides (the sides can be of equial width). The URL is http://www.ilovejesus.com/lot/awesomebks/news.shtml Can someonehelp me with this? I need the code from the beginning of the table to the end of that column, that is Column 1, (left side) back to top for Column 2 (center), back to top for Column 3 (right side) and to the bottom of that column. I would like the center column to be at least 2x as wide as the side columns. Tell me how to end the tables and begin the text which will be straight across page. Thanks. |
|||||||