PDA

View Full Version : Help with HTML

Burnfire
07-01-2004, 07:35 PM
Can someone please help me with me HTML code. I just made this site, and just got done slicing it. I went to code it and then got stuck. I was trying to add the text on my content part (were the text goes). And I couldnt, then I added a div thing? I found that somewere in someones coding. Well people are telling me that my coding looks bad. And it does, I want to know the following:

1.) Can you help me make my html code look better, make it look right?


2.) Then make it to were my content box will stay with the text. Here is the link to show you what I mean. Link (http://www.freewebs.com/burnfire/disclaimer.htm)

I want the box to stay with the text, to adjust with the text.

Thanks for the help
evil_styrofoam
07-01-2004, 07:51 PM
You can use an iframe:



<IFRAME NAME="content" SRC="sourcefile.html" allowtransparency="true" background-color="transparent" width="youriframewidthinpixels" height="youriframeheightinpixels" frameborder="0" scrolling="yes" style="position:absolute; left:amountofpixelsfromtheleftofthescreen; top:amountofpixelsfromthetop;"</iframe>

Edit the parts in bold. The source file is an ordnary HTML file with all the content you want. If you want a link to open up in the iframe then do <a href="blah.html" target="content">Link</a>. Hope that helps!
Burnfire
07-01-2004, 08:02 PM
Ok that takes care of that, kinda. Well know what about the html code? By the way thanks for the iframe info.
MaGiCSuN
07-01-2004, 08:52 PM
Do you want the layout on a certain spot on the site? I could fix it for you, if you can tell me what exactly you want :) like do you want to keep the iframe to target your links? and does the layout has to be on a certain spot etc. Let me know :)

Love,
Mirna
Burnfire
07-01-2004, 09:27 PM
Ok this is what I want.

I want the layout to be in the middle of the page. I want the html code to look normal. Also people are saying that I need to get rid of the <div> tags. What can you do about that? Also if you take the div tags out can you find a way to add the text, while keeping the image there?


Thanks
MaGiCSuN
07-01-2004, 09:47 PM
I'm not sure what you mean with "add the text" so if you can explain that a bit more that would be great :) i will look more into it tomorrow.

This is what i got so far:

<HTML>
<HEAD>
<TITLE>Disclaimer</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.2800.1400" name=GENERATOR>
<META content="MSHTML 6.00.2800.1400" name=GENERATOR>

<STYLE type=text/css>

body, tr, td { font-weight: 700; font-size: 8pt; font-family: tahoma; color: #000000; }
A:link {
COLOR: #ff0000; TEXT-DECORATION: none
}
A:visited {
COLOR: #ff0000; TEXT-DECORATION: none
}
A:hover {
COLOR: #ff0000; TEXT-DECORATION: none
}
</STYLE>

<SCRIPT language=JavaScript>

var space = " ";
var speed = "50";
var pos = -20;
var msg = "Burnfire Journal ";
function Scroll()
{
window.status = msg.substring(pos, msg.length) + space;
pos++;
if (pos > msg.length + 10) pos = -20;
window.setTimeout("Scroll()", speed);

}
Scroll();

</SCRIPT>

</HEAD>

<BODY bgColor=#202921 leftMargin=0 topMargin=0>
<table border="0" cellspacing="0" cellpadding="0" height="100%" width="100%">
<tr><td valign="middle" align="center">

<table border="0" background="http://www.freewebs.com/burnfire/bg.jpg" width="737" height="293">
<tr><td valign="top" colspan="2" height="70">&nbsp;</td></tr>
<tr><td valign="top" width="156">&nbsp;</td>
<td valign="top">
<div style="overflow: auto; height: 100%; width: 100%;">
The creator of THIS PAGE or the ISP(s) hosting any content on this site take
NO responsibility for the way you use the information provided on this site.
These files and anything else on this site are here for private purposes
only and SHOULD NOT BE DOWNLOADED OR VIEWED WHATSOEVER! <br>
<br>
The creator of this site or host takes no responsibility or liability for
anything that happens as a result of reading or downloading anything on this
page or anything contained in subsequent pages. Neither me or my Host / ISP
is responsible for what you do on this page and the following pages. Nothing
is illegal the way that it is. This page is intended to be used for
education purposes ONLY. If you do decide to download anything from this
site make sure that you are the sole owner of a proper license of that
software and or you have the express written consent of the
producer/software company and any related copyright holders. If you are
affiliated with any government, ANTI-Piracy group, Law or any other related
group, or were formally a worker of one you CANNOT enter this web site,
cannot access any of its files and you cannot view any of the HTML files. If
you choose to enter this site you are not agreeing to these terms and you
are violating code 431.322.12 of the Internet Privacy Act signed by Bill
Clinton in 1995 and that means that you CANNOT threaten our ISP (s) or any
person (s) or company storing the files, and cannot prosecute any person (s)
affiliated with this website. if you are associated with the RIAA, or any
part of the music industry, in any way, you can not enter this site.
</div>
</td></tr></table><p>

[ <a href="http://freewebs.com/burnfire/" alt="Enter">Enter</a> ]

</td></tr></table>

</BODY></HTML>

i created one big table, that centers the layout table in it. Then i set the image as the background in the second table. Created two empty cells, and in the third one there's the text. I created a div around it with height and width set to 100% and overflow to auto so that the scrollbar turns up. The enter link is below the second table.

Love,
Mirna
Burnfire
07-01-2004, 09:47 PM
Ok here is the link to the site (http://www.freewebs.com/burnfire/journal.htm)

The code that you have is what I friend did for me. He just didnt tell me how to do it. The link above is the part that I need help with. Is there another way to add text and not have to use <div> tags? BTW is there anything wrong with useing a div tag?
MaGiCSuN
07-01-2004, 09:48 PM
riight. I thought you meant the page in the link in your first post. I will look into your second page tomorrow okay? i really have to go now :)

Love,
Mirna
MaGiCSuN
07-02-2004, 12:10 PM
i think i've pretty much solved it out. If you want i can send it to you, but first let it try this way.

For your index.html page:


<HTML><HEAD><TITLE>Journal</TITLE>
<link rel="stylesheet" href="stylesheet.css" type="text/css">

<SCRIPT language=JavaScript>
<!--
var space = " ";
var speed = "50";
var pos = -20;
var msg = "Burnfire Journal ";
function Scroll()
{
window.status = msg.substring(pos, msg.length) + space;
pos++;
if (pos > msg.length + 10) pos = -20;
window.setTimeout("Scroll()", speed);

}
Scroll();
-->
</SCRIPT>
<META content="MSHTML 6.00.2800.1400" name=GENERATOR>
</HEAD>
<BODY bgColor=#202921 leftMargin=0 topMargin=0>

<table border="0" cellspacing="0" cellpadding="0" height="100%" width="100%">
<tr><td valign="middle" align="center">

<TABLE cellSpacing=0 cellPadding=0 width=514 height="293" border=0>
<TR>
<TD colSpan=2 height=72 background="http://www.freewebs.com/burnfire/test%5F01.jpg" width=737 valign="bottom" align="right">
<A href="journal.htm" target="frame">Journal</A>&nbsp; //&nbsp; <A href="friends.htm" target="frame">Friends</A>&nbsp;//&nbsp; <A href="artwork.htm" target="frame">Artwork</A>&nbsp; //&nbsp; <A href="guestbook.htm" target="frame">Guestbook</A>&nbsp; //&nbsp; <A href="pics.htm" target="frame">Pictures</A> &nbsp;//&nbsp; <A href="chat.htm" target="frame">Chat

Room</A>&nbsp; //&nbsp; <A href="about_me.htm" target="frame">About Me</A>&nbsp;&nbsp;
</TD></TR>
<TR><TD><IMG src="http://www.freewebs.com/burnfire/test%5F02.jpg"></TD>
<TD style="HEIGHT: 220px" background="http://www.freewebs.com/burnfire/test%5F03.jpg">
<iframe height="220" width="367" src="journal.htm" frameborder="0" border="0" name="frame"></iframe></TD></TR></TABLE>

</td></tr></table>

</BODY></HTML>

i have used an iframe that loads your journal in it for the first page. Every link you will click will open into the iframe. For all pages use this template:


<HTML>
<HEAD>
<TITLE>Journal</TITLE>
<link rel="stylesheet" href="stylesheet.css" type="text/css">

<META content="MSHTML 6.00.2800.1400" name=GENERATOR>
</HEAD>
<BODY bgColor=#202921 leftMargin=5 topMargin=5 style="background-image: url(http://www.freewebs.com/burnfire/test%5F03.jpg);

background-repeat: no-repeat; background-attachment: fixed;">


your content in here !

</BODY></HTML>

with content i mean the text that has to be displayed on the page, nothing else !!

Then i used a stylesheet for every page, so that it is easy to change the styles of the text etc.

A:link { text-decoration: none;color:#ff0000}
A:visited { text-decoration: none; color:#ff0000; }
A:hover { text-decoration: none; color:#ff0000; }

body, tr, td { font-family: tahoma; font-size: 8pt; color: #ff0000; }
body { text-align: justify; }

copy that into a notepad file and save that as stylesheet.css (select all files, then type in the full name)

That's about it :)

Love,
Mirna