HTML - Code For Simple Thumb Nail Layout.

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!!

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 have a link on my homepage to another page of mine but I don't want the spiders to follow the link and index that page and the pages in it.

Is there a simple way to fix this? I've heard of a "No Follow" thing but not sure if thats what I need or how to write it.

Thanks.

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

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!

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 . 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>

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

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!

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.

Are there in depth tutorials on making a Div layout?
Tables are making way more sense.

How do you make a div float to the right of something without having it move to the bottom when a page is shrinked?

How do you make a div take up space within a div that not taken out?

Like in a div. 80%, inside that div is a 100px div, then have another div inside the 80% div that uses the rest of the space?

and how do you fix this?

http://vertion.fused.ws/div.html