HTML - Trouble With A Script

I'm in a beginners HTML course. I need to put an image next to a table on the same line. From what I've read, I think I have to make a table within a table to make this work. I realize CSS would be better but it's an HTML class and this is what the teacher wants.

<table border="1">
<tr>
<td>Link</td>
<td>Link</td>
<td>Link</td>
</tr>
<tr>
<td>Name</td>
<td>Name</td>
<td>Name</td>
</tr>
</table>

Now I need the image on the right side of that table. How would that work? If I align it to the right, it goes on the right side of the page. I need it next to the table, with only a tiny space in between. Any help? I also need the table to stay exactly the same. When I tried different ways of putting the image inside the table it just screwed up the sizing of the table. Thanks.

I'm having trouble getting the same look for my site in both Firefox and IE.

Currently, the site looks great in Firefox. It looks just as I would like it. The nav links are all lined up on the left, and the login area is nice.

However, when I view it in IE, things are different. The nav links all seem to be centered somehow, causing them to not line up very well. The login area is not as tidy either - the text input boxes are different sizes, even though they are both marked to hold 10 characters.

Anyone have any idea how I can get the look that is working in Firefox to also work in IE?

The website URL is www.learn-korean-now.com

Thanks.

I built my page using Firefox to view it and it looks how I want it but in IE (and possibly all other browsers?) it doesn't look right. My html and css validates (with W3C), so I guess I'm relying on a Firefox bug or something.

Here's the page: individual.utoronto.ca/nicolemorgan

One of the problems seems to be that in Firefox, on my web page, a certain table cell is defined by the width of the top cell in the same column and wraps its contents (which is text), whereas in IE the width definition isn't recognized and the text isn't wrapped. My temporary solution is to manually break the lines of text so that they fit within the cell dimensions, but this feels messy. (The column in question is where the tan-coloured blocks are on the left side of the page.)

Other problems are that some of the cells don't line up, and there is a thin line between two certain cells in IE but not Firefox.

Is there some basic principle I'm missing, or is my code just messy, or what?

Hi,

I am putting together a quick site, I don't normally use iframes but wanted to use it for a forum so I could imbed it into my theme.

When I use the iframe code:

Code:

<iframe src="http://www.mypokerbuds.com/Forum" width="675px" height="1000px" frameborder="0">

It works great, but the bottom graphic of my template is missing, you can see the forum page he http://www.mypokerbuds.com/Forum.htm

On the homepage you can see what the bottom graphic is suppose to look like: http://www.mypokerbuds.com/index.html

Does anyone know what is causing this graphic to not show up?

Thanks,
Nick

I have this coding:

<table style="display:inline;border-collapse:collapse;border:0"><tr>
<td style="padding:0"><img src="transparent.gif" align="center" width="1" height="200" style="background:red">
</td></tr></table>

But the red line is on the top left when I need it in the center middle.....can someone please help me get it into the center middle..or is there another way of making that line but more easy and simple?


Thanks!

I and new to the forum - I am a bit disappointed in myself for not solving this myself

However any assistance is appreciated
I purchased a Template and tweaked the psd file to make a secondary page, I was able to delete some slices to trim the page down to what I want
http://www.naturalstone.ca/index_do.html

the large white space on the right I would like to remove the reference to the jpg image and insert bgcolor="#5F0401" into the <td rowspan="8> because I plan to add content that will scroll well down that page
------code -------
<td rowspan="8">
<img src="images2/index_do_03.jpg" width="549" height="680" alt=""></td>
-----------

Every time I try to edit the <td rowspan="8"> it totally screws up the left menu and the page itself

any ionfo appreciated - I am about to eat the keyboard over this

~ian

First I want to say that this forum is great and has been alot of help. I also want to thank bsxiong for his help already. If I could send you a beer electronically, I sincerely would.

I had two problems initially, and one has been fixed very easily. Thank you. However, the solution to the other still eludes me. I don't have the page on the domain yet, and can't until it's finished. I uploaded the link to geocities so that you can see the page. I didn't include the style sheet, but hopefully this gives the general layout of the page. http://www.geocities.com/thecyberrev/newly.html

On the page, there is a pic to the left below the top banner. Below the pic is the bold text, "Home". Below that text is a thin divider line and more text that reads, "Building organizations that build lives.". Basically all I am trying to do is move the text, Home to the left of the pic and enlarge it so as to act as a title for the page. (This would below the blue header banner in the large white blank area) Everything I seem to do either puts the text just below or just above the pic.

What am I doing wrong? I think it's something very simple but it's eluding me. Please excuse my ignorance. Any advise would be greatly appreciated.

Hi I'm trying to make a menu that has sub-menus within it. It will be a vertical menu and right now I'm still working it out so it's not as graphically pleasing as I intend it to be. But before I go any further in the menu I'm trying to figure out how to get the submenu to have links in it. I was just wondering if someone could lend their input on how to get the sub-menus to have links.Here's the Code(I included the style in the page)-
Code:

<html>
<head><style>

#menu {
  width:100px; 
  text-align:center; 
  position:absolute;
  left: 50px;
  margin:2em auto;
  z-index:99999;
  border-right:10px #000000;
  }
.box {
  position:relative;
  z-index: 99999;
  border-right:10px #000000;
  }
#menu a, #menu a:visited {
  text-decoration:none;
  background-color:#fff; 
  color:#c00; 
  display:block; 
  width:140px; 
  height:21px; 
  font-size:14px; 
  border:1px solid #fff; 
  border-right:10px #000000;

  padding:5px;
  }
* html #menu a, * html #menu a:visited {
  width:150px; 
  height:35px; 
  w\idth:88px; 
  he\ight:16px;
  border-right:10px #000000;
  }
#menu a span {
  display:none;
  }
#menu a:hover {
  border-right:10px #000000;
  
}
#menu a:hover span.left, 
#menu a:hover span.right { /*outside area of arrow*/
  display:block; 
  position:absolute; 
  height:0; 
  width:0; 
  overflow:hidden; 
  border-top:8px solid #fff; 
  border-bottom:8px solid #fff; 
  }
#menu a:hover span.left { /*arrow*/
  left:5px; 
  top:5px; 
  border-left:8px solid #c00;
  }
#menu a:hover span.right {
  left:150px; 
  top:5px; 
  border-right:8px solid #c00;
  }
* html #menu a:hover span.left, 
* html #menu a:hover span.right {
  width:8px; 
  height:16px; 
  w\idth:0; 
  he\ight:0;
  }
#menu a:hover span.lk { /* extra infor spot*/
  display:block; 
  position:absolute; 
  left:140px; 
  top:0; 
  padding:5px; 
  width:150px;
  background-color:#fff; 
  color:#000; 
  border:1px solid #234;
  }
  
  </style></head><body>
<div id="menu" style="z-index:9999999;">
<br><br><br><br><br>
  <div class="box">
    <a href="#nogo">Item 1
      <span class="left"></span>
      <span class="right"></span>
      <span class="lk">
        Description of link 1
      </span>
    </a>
  </div>
  <div class="box">
    <a href="#nogo">Item 2
      <span class="left"></span>
      <span class="right"></span>
      <span class="lk">
        Description of link 2
      </span>
    </a>
  </div>
  <div class="box">
    <a href="#nogo">Item 3
      <span class="left">dhsf</span>
      <span class="right">dshsdg</span>
      <span class="lk">
        Description of link 3
      </span>
    </a>
  </div>
  <div class="box">
    <a href="#nogo">Item 4
      <span class="left"></span>
      <span class="right"></span>
      <span class="lk">
        Description of link 4
      </span>
    </a>
  </div>
  <div class="box">
    <a href="#nogo">Item 5
      <span class="left"></span>
      <span class="right"></span>
      <span class="lk">
        Description of link 5
      </span>
    </a>
  </div>
</div>


</div></body><html>

Thanks for your input.

Hi People!

My old site on Freewebs.com doesnt work well, so i am going to have a .com domain. But the problem is that...Well... Ough! i can't explain. But i made some pic's to view what i mean.

(pics removed)

I hope you can help me!

Regards

Urnemanden

I am trying to create a website that scrolls the content in a div container when the user hovers over an up/down arrow (image). I had it working, then I wrote a js that auto detected the res and adjusted the style left: to the appropriate position so the page would be centered. text-align doesnt work because of my absolute positioning. Now that my script is in there and it auto aligns, it does not scroll no more. Any suggestions? Thanks in advance!!

my site is

http://dx-designz.com/beta/vintage_v1.htm

thanks again!!

I am currently working on a site and I can't figure out this IFRAME for the life of me. The initial news page works (yes, it is named new.htm) I got the links to work with mouseover as I wanted, but if I click any of the links the page will load, but the frame for the site doesn't come along with the page. Like I said, the site works perfectly and looks like I want it to on the initial load.

It's a php script I made that queries my database and puts the data in RSS 2.0 format. The problem is, when I I try to view it, half the time I get this:
http://www.htmlforums.com/attachment...1&d=1202333562

The other half I get it correctly:
http://www.htmlforums.com/attachment...1&d=1202333599

Notice how the before part is exactly what you'd get if you took out all of the takes and linebreaks. The strangest part is that I've compared the source of each version and they are identical. This only happens in Firefox.

Hi, Im sorry about this embarrassing problem lol.

Im having trouble with some tables im putting on my page. Im basically wanting to place a table in the top left hand side of the page... and a seperate table on the Right hand side of the page. But i dont know how to do that because it obviously goes underneath eachother lol

I have attached a jpeg to show you how id like my tables .

if somebody could help me with the code that would be great .. thanks


Scott

On my website, I use javascript to allow pages to open up in new pop up windows, which have a fixed height and width. For example, this page: http://treehousetees.webng.com/0301.htm. On this page the following buttons will open a new window:
Contact
View Shopping Cart
Size Chart
Add to Cart
So I have four buttons all using the same javascript to open a window. Since all 4 buttons refer to the same javascript, all of the windows open with the same height and width. So my question is, how can I edit the height and width of each individual window? For example, I want the 'contact' window that pops up to be smaller.

Sorry if my question is a bit confusing... But I would appreciate any and all help regarding this matter.

Hey guys,

Sorry if this is a very easy case, but I'm only 14 and i'm quite new to HTML.
Basically, I have set up a basic homepage for a website, and I want several links across the top of the site.

I have successfully done that, however there is no space in between each link.
How can I leave space between them?

Cheers,

Calum.