HTML - Fixing Tables For Adding Extra Text

Hey everyone,
I have a music video website and on each genre page, I want to build a table to list each band along with a thumbnail image. I know how to do this, however, I can't figure out how to add a cell without completely throwing off the rest of the table. For example, if I alreay have a 3 column table with Aerosmith, Alice Cooper and Chris Isaak in those 3 cells in the first row but I want to add a Beck video (which would need to go between Alice Cooper and Chris Isaak alphabetically), it throws off the cells in that row and in all the other rows of the entire table.
I thought about using 1 cell tables for each band but I can't get them to sit next to eachother, they will only stack one on top of the other.

Can someone give me some advice or direction? Does that make sense?

Hello, just starting here

I complete the HTML an CSS tutorials at http://www.w3schools.com/
I also downloaded a trial for coffeecup

I am helping a local business with their website, it is very simple, just content and a couple of pictures.

For some reason, as much as I google it up I cannot figure out how to add a left column to the site. the examples I find, even free templates from Amaya use tables.

I dont want to use tables, I guess I need to use div?
But if that is so, how do I position my column? It seems w3schools gave me a good start but I am having problems putting the concepts together.

If you can direct me to the right answer, or recommend a book or tutorial that actually builds a simple site with a couple of columns in good design, I would really appreciate it. But I dont want to use tables as I learned it is not best practice

Thank you!

Hi guys. I want to add a few spaces in between two words. Unfortunately, html must work differently than just hitting the space bar in the code. What's the command for space?

Thank you all!

www.movehumanityforward.org

Hey all,
Im trying to put a html link in a html textbox, yet its not working, the code is not active, it just shows what ive typed.

Quote:
<textarea name="textarea" cols="80" id="text_box" rows="12">
Welcome to breakdownconspiracyinc. A portfolio site for Jonathon Toon. Jonathon is a student, living in Nelson, New Zealand, studying a Diploma in Graphics and Multimedia at Nelson Marlborough Institue of Technology (<a href="http://www.nmit.ac.nz/" target="_blank">NMIT</a>). In his spare time he creates Graphic Art, Music, and Film, with various conceptual ideas. If you have any comments, criticisms, or requests please send an email to:

breakdownconspiracyinc@gmail.com


Cheers.

</textarea>
Cheers

I'm fairly new to HTML and need help with adding text below the images I have. I am running a white backround with a gray box that has six images side by side. I want to add text below each image in the background. Can anyone hel me?

This is what I have without text so far

<td><table width="100%" border="0" cellspacing="10" cellpadding="25">


<P> &nbsp;
<strong>Padholdr tablet styles</strong><td class="greybox"<td align="middle"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images4med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images4med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images3med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images2med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/xoom5med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/x1med.jpg" width="144" height="108"></td></caption>
</tr>
</table></td>

Greetings,
How can I add "Alt Tags" to text.
Easy to do to images but can't figure it out on text.
As always thanks in advance!!!

Jack

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?

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</&nbsp;</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">&nbsp;</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>

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!

tenchars//

Hi

I have a HTML with the body part written in Hebrew.
A am also using a tool which reads this HTML, but does not understand Hebrew characters. My question: is it possible to convert these Hebrew fonts to something else (like ASCII for instance) to allow my tool to understand these characters and at the same time would allow a browser to understand the content of my HTML, too?

Thanks
yuval

Hello all,

I have this site:

http://www.votingforrewards.com/nba-champions/main/nba-champions/{keyword}/

As you can see I have two pics here and the name of each player below each pic.

How would I be able to have 4 pics accross with each (4) names below each pic.

The way I am doing it now is that I use Photshop to place two pics on 1 canvas (don't know if I am doing this correct). The players links use to be a yes and no. So I guess I am cheating. I don't know.

Would I use a table? I have been trying to play with the code but can't figure it out.

Please help and if you can be as newbie friendly as possible, I would appreciate it immensely.

I am using dreamweaver for editing the code, the file has php in it, and it also has a css file to let you know.

Thanks,
Geo

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 all,

sorry I am pretty new with this so I hope I can explain what it is I am trying to do here.

I've recently been tasked with creating a 'note taking' html template at work, to assist with note taking for operators in a call center. I was selected due to nobody else having any understanding of how computers work beyond using microsoft office, go figure : /

Anyway. Basically what I am trying to do is be able to create a basic htlm template which has a text box, and some 'radio' buttons and check boxes which assign text when selected.

Example, we take down notes when clients call up and speak with someone. We would have say 2 check boxes to cover things like "Full name of client confirmed, confirmed clients details". If the phone operator clicked these 2 buttons, it would copy that exact text into the text box. If they clicked one, it would only copy that.

There would also be a 'radio' button, "Transferred client directly to desired party, transferred client to extension without employee contact" would be the options for example. Basically only 1 option can be selected, and that option would populate the text box if selected.

I'm also looking at hwo to create a button with a 'reset' feature to basically wipe everything clean so it can be started over once the operator takes another call.

So far I am able to create a form with the text box and buttons, but I don't know what code I need to look at to assign text to those buttons.

It's an easy idea, just need to get my foot in the door as I haven't really touched html since I was finishing high school year ago. Anyone able to assist, i would imagine it's not as difficult as I am makign it out to be