HTML - Possibly A Simple Fix - Need A Little Bit Of Code

Hello there.

I have a question regarding a simple html table code I made.
My problem is, that when using it at livejournal.com as a profile layout, it shows up like this:




BUT when I open it with FireFox it looks like this, and this is way it is supossed to look like:




And here is the code for it:

Code:

<table width="500" height="704" cellspacing="0" cellpadding="0" border="0">
<tr>
<td width="246" height="704" background="http://img696.imageshack.us/img696/1996/border1.png"></td>
<td width="245" height="704" valign="top" background="http://img266.imageshack.us/img266/1804/border2.png">
<div align="right"><font face="garamond" color="#8998a6" size="6">❝<b><i>your title here</i></b>❞</font></div><br><br>
<div align="left"><font face="garamond" color="#8998a6" size="3">❥<i>your title here</i></font></div>
<div align="left"><font face="trebuchet ms" color="#000000" size="1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</font></div>
<br><div align="right"><font face="garamond" color="#8998a6" size="3">❥<i>your title here</i></font></div>
<div align="right"><font face="trebuchet ms" color="#000000" size="1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.</font></div>
<br><div align="left"><font face="garamond" color="#8998a6" size="3">❥<i>your title here</i></font></div>
<div align="left"><font face="trebuchet ms" color="#000000" size="1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate.</font></div>
<br><br><div align="center"><font face="garamond" color="#8998a6" size="1"><a href="LINKHERE"><font face="trebuchet ms" color="#62130e" size="1">link1</font></a> // 
<font face="garamond" color="#62130e" size="1"><a href="LINKHERE"><font face="trebuchet ms" color="#62130e" size="1">link2</font></a> // 
<font face="garamond" color="#8998a6" size="1"><a href="LINKHERE"><font face="trebuchet ms" color="#62130e" size="1">link3</font></a> // 
<font face="garamond" color="#8998a6" size="1"><a href="http://kessha.livejournal.com/"><font face="trebuchet ms" color="#62130e" size="1">profile</font></a></td
<td width="14" height="704" background="http://img257.imageshack.us/img257/3012/border3g.png"</td>
</tr>
</table>

Where is the error? I cant seem to find it, nor the reason why it shows up so differently when using it on livejournal.
Thanks!

Hello, i would like a code that would allow one user at a time to enter ONE word into a box and submit, once its submitted the word is put on the page, in order so it creates a sort of story.

Any help is good!!

Please read before moving to different forum. I feel the MP3 player is not the issue...

I have an MP3 that is available to be played when the index page is loaded - users choice - works great. My situation is that I would like to have some text displayed over the activex control. The control and the text should always be displayed in the CENTER of the page, with the text (something like "Our Theme") tightly displayed & centered over top.

I figured it is either extremely simple, or impossible. My current EMBED SRC is shown below.

HTML Code:

<span style="position: absolute; left:410; top:135">
<EMBED SRC="LittleGTO.mp3" autostart="false" VOLUME="50" HEIGHT="25" WIDTH="175"></span>

Any help y'all can offer would be greatly appreciated.

Bob

I'm not good at writing HTML code, but I'm sure this is a simple problem. I have one background image on top repeating horizontally but would like another that shows up below it... basically one that repeats both horizontally and vertically but doesn't cover up the previous code. My second background is called: backtexture.PNG

If you could modify the code I have, I'd GREATLY appreciate it... and THANK YOU in advance!
----------------------------------------------------------------------------
<img src="back.PNG">
<style><body marginheight="0" marginwidth="0">


<STYLE TYPE="text/css">
<!--
BODY {margin: 0}
--->

<style>
html {
overflow-x: hidden;
overflow-y: auto;
}
</style>



<style type="text/css"> body { background-image: url("backtp.PNG"); background-position:Top Center; background-attachment:scroll; background-repeat:repeat-x; } </style>

hello i am new to javascript and i can't figure out why this code will not sort the user's line of text into alphabetical order. any help would be great thank you

Code:

<html>
   <head>
      <title>
         JavaScript array sort() alphabetically
     </title>
     <script type="text/javascript">
        var arr = new Array(1);
        arr[1]=prompt("enter a line of text")
        
        
          document.write("Original Array is: "+arr+"<br>");
          document.write("Sorted array is: "+arr.sort()+"<br> ");
     </script>
</head>

</body>
</html>

Hi guys,

I have on my webhost a ton of pictures and I would like to be able to go to that directory...

xxx.com/photos

...and have a page display all the files located in that directory just in a list....then be able to click on them so it displays. Just a file list basically. eg:
pic1.jpeg
pic2.jpeg
etc

Is there a simple code to allow me to do this?

Thanks!

Hi !
Found this code below in this HTML section.( How to make images & text boxes line up.)
Thanks Coothead, but needs a "table" apparently.


Need ( 6, say ) thumbnails across the page. Space around.
Then, underneath, same again - and so on.
Like a chess board

This code brings up the FULL size image, in line across.
Please could you add what is needed?
Then I could use it as a template (?) and tweek the sizes (?)
No text required.

<table>
<tr>
<td><img src="pic1.gif"></td>
<td><img src="pic2.gif"></td>
</tr>
</table>

Thank you in advance for any help -

Hi . Here is my script

HTML Code:

<table width="200" border="0">
  <tr>
    <td><span class="style2">
      <input name="button" type="button" onclick="show('Hello')" value="Button 1" />
    </span></td>
  </tr>
  <tr>
    <td><span class="style2">
      <input name="button22" type="button" onclick="show('Goodbye')" value="Button 2" />
    </span></td>
  </tr>
  <tr>
    <td><span class="style2">
      <input name="button23" type="button" onclick="show('Good Morning')" value="Button 3" />
    </span></td>
  </tr>
  <tr>
    <td><span class="style2">
      <input name="button2" type="button" onclick="show('Goodnight')" value="Button 4" />
    </span></td>
  </tr>
</table>
<p class="style2">&nbsp;</p>
<p class="style2">
  <textarea name="textarea" cols="50" rows="10" readonly id="area">
    </textarea>

In the areas where it says, for example ="show('Goodnight')", how do I add HTML code in the brackets but as normal text? At the moment it is trying to read it as HTML code but I want it to be displayed as text. How would I accomplish this. It is probably pretty simple but I am a bit of a noob

Thanks

My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />


<!--
New Perspectives on HTML and XHTML 5th Edition
Tutorial 2
Case 2

Fiddler Home Page
Author:
Date: 2-16-2011

Filename: home.htm
Supporting files: fiddler.jpg

-->
<title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title>
</head>

<body>
<div>
<img src="fiddler.jpg" alt="Fiddler on the Roof" />
<hr />

<a href="home2.htm"><img src="home.jpg" alt="home" /></a>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a>
<a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a>
<a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a>
<a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a>

<br />

<a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a>
<a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a>
<a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a>
<a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a>
<a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a>
<a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a>
</div>
<hr />

<div>
<img src="slide1.jpg" alt="slide1" />
</div>
<blockquote>
<p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p>
</blockquote>

</body>

</html>

Hey. So I'm pretty good at stuff in general, my problem is that I do not have extensive experience with HTML/CSS so I don't know the best way to do this, or where to look for a way to do this. Basically, I want my layout to be like this:

http://people.virginia.edu/~eee2a/Welcome.html

in that I want there to be gray space on the side and a middle that scrolls.
super simple right? I just don't know how to do it, and I don't know the best keywords to use on google for it.

Thanks.

Hi all,

This is my first post and its so simple that i am a bit embarrassed to post it,

I have created a page with a flash video on it, but the only problem is cant workout how to centre the video, some help would be greatly appreciated,

Here is the code,

http://www.ogeetek.com/dave_test/test.txt

And here is the website

http://www.ogeetek.com/dave_test/test.html

Thanks in advance,

Hello,

I am a student and working on a simple first project. All I'm doing right now is writing my code in text edit, saving it as "test.html", and dragging and dropping the file onto Safari/Firefox to view my code. Everything works when I'm at my college's computer lab, but when I'm on my own mac notebook, the files load in the browser as my code. I've tried a variety of samples and checked my preferences, but I can't figure out what I'm doing wrong.

Sample code I'm using -

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<TITLE>Simple Link Example 2</TITLE>
</HEAD>
<BODY>

<H1 ALIGN="CENTER">Creating Relative Reference Links</H>

<HR>
<P>Open <A HREF="practice1.html">Practice 1</A>.</P>

<P> Open <A HREF="practice2.html">Practice 2</A>.</P>

<P>Open <A HREF="practice3.html" TARGET="_blank">
Practice 3</A> in a new window.</P>

</BODY>
</HTML>

Please help! I'm trying to wrap up an assignment and have been banging my head against the wall all night.

Thanks!
cordelia

I was curious to find out, where can i find a cool looking shoutbox code where i can put on my message forum?

Looking for some neat, and cozy with some advance options. Meaning, i would like to change the colors to match with my forum and stuff.

Thanks.

Hello! I have a blog on blogger and i want to make a c++ tutorial.. But every time i type "<iostream>" on post, when i see it, it is only "iostream".

How can i make a code like the "[code]" from BBcode to cancel the compiling from HTML?

Thanx!