Need HTML Help

Lap3Forever

Lap3Forever

Moderator
Staff member
Joined
Mar 8, 2002
Messages
11,460
Points
518
Location
Murray, Kentucky
Is there anyone that knows much about HTML coding? I am doing a project for an class and it is due thursday and the 2 orther people that were in my group have jump shiped and one has been MIA for about 2 months, the orther just dont do a thing. I just need help geting some text and images moved over. After the class i am going to post the page on the net as my personal racing web page, and will give credit to who ever helps me.

Thanks

Nick
 
Lap3Forever said:
Is there anyone that knows much about HTML coding? I am doing a project for an class and it is due thursday and the 2 orther people that were in my group have jump shiped and one has been MIA for about 2 months, the orther just dont do a thing. I just need help geting some text and images moved over. After the class i am going to post the page on the net as my personal racing web page, and will give credit to who ever helps me.

Thanks

Nick
Click to expand...

Are you using "Front Page"?
 
Nope, notepad. Just using HTML codes. We can not use any text editors.

If anyone wants to take a shot i can e-mail you the files. I have tryed to get ahold of the teacher but have been unable to make contact.
 
THere are a TON of "Teach yourself HTML" pages on the web which will have the code you need in a couple key lessons.

http://www.htmlcodetutorial.com/

It sounds like all you need to know is the <head>, <p>, <br>, and <img> tags.

I can look at the files in a couple hours...
 
vanzetti said:
THere are a TON of "Teach yourself HTML" pages on the web which will have the code you need in a couple key lessons.

http://www.htmlcodetutorial.com/

It sounds like all you need to know is the <head>, <p>, <br>, and <img> tags.

I can look at the files in a couple hours...
Click to expand...

Iv got all of them codes. I need to move the text over on the page were it is not in the board on the side. I think it has to do with the margins. I have it Left alined, but it needs to be moved over about an inch, or so..
 
An easy way is to use tables... (if you learned that yet...)

insert this, and actually erase the text I plugged in for ya... that's just so you can see what's going on. the 72px is the width in of pixels. Change that number at will, ie "100px":

<table style="text-align: left; width: 100%;">
<tbody>
<tr>
<td style="vertical-align: top; width: 72px;">LEFT COLUMN, ERASE AND LEAVE BLANK<br>
</td>
<td style="vertical-align: top;">ADD YOUR TEXT HERE<br>
</td>
</tr>
</tbody>
</table>
 
Here's how Dreamweaver codes it with page margins. I'm pretty sure you can delete the Bold Stuff...

(I'd be careful using this if it's a beginners HTML class...)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
margin-left: 50px;
}
-->
</style></head>

<body>

STUFF HERE

</body>
</html>
 
Thanks, :)

This is what i have now, with out what you just added.

----------------------------------------------------------------

<html>
<head>
<!--

Bio
Author: Nick Alexander
Date: 11/06/2007

Filename: bio.htm
Supporting files: flag.bmp
-->

<title>Slick's Bio</title>
</head>
<body style="background-image: url(flag.bmp)">



<h1 style= "font-family: arial, Helvetica, sans-serif; color: white; text-align: center">
<u><i>Life According To Slick
</h1>
</u>
</i>
<div id="content">
<td width="500" colspan="2" valign="top"> <p style="text-align: left; font: Arial, Helvetica, sans-serif; color: lime">
* Name - Nick Alexander <br>
* Racing Nickname – Slick Nick <br>
* Hometown – Murray, KY <br>
* Birthdate – August 19, 1985 <br>
* Marital Status - Dating: Ali <br>
* Hobbies – Playing Pool, <br>
* Years In Racing – 3 <br>
* First Race – Paducah Int. Raceway, May 13th 2005 <br>
* First Win - Western Kentucky Speedway, May 6th 2006
* Favorite Track – Camden Speedway. Camden, TN <br>
* Career Wins – 3 Feature, 7 Heat <br>
* Most Memorable Racing Moment – Winning 1st feature at Western KY Speedway May 6th 2006 <br>
* Most Forgettable Racing Moment – 1st race ay KLMS 2005, and Flipping at Western KY Speedway 9/9/06 <br>
* Plans After Racing Career – Design and build race cars <br>
* Class/Series – Hornet/Mini-Stock/Hummer/4-cly. UMP (United Mid-West Promoters) <br>
* Current Engine Builder – Terry Tucker <br>
* Current Chassis Builder – Alexander Motorsports
</p>
</div>

<hr style="color: orange" />
<div id="content">
<td width="500" colspan="2" valign="top"> <p style="text-align: left; font: Arial, Helvetica, sans-serif; color: lime">

Updates. May 18 2005 - Sept 10 2007<br>
</p>
</div>

<div id="content">
<td width="500" colspan="2" valign="top"> <p style="text-align: left; font: Arial, Helvetica, sans-serif; color: lime">
Races - 50<br>
Heats - 46<br>
Wins - 8<br>
Top 5 - 33<br>
Top 10 - 45<br>
Races Led - 9<br>
Laps Led - 42<br>
</p>
</div>

<div id="content">
<td width="500" colspan="2" valign="top"> <p style="text-align: left; font: Arial, Helvetica, sans-serif; color: lime">

Features - 44<br>
Wins - 3<br>
Top 5 - 31<br>
Top 10 - 40<br>
Races Led - 4<br>
Laps Led - 30<br>
</p>
</div>

<div id="content">
<td width="500" colspan="2" valign="top"> <p style="text-align: left; font: Arial, Helvetica, sans-serif; color: lime">

Total Laps Led - 72<br>
Spin Count - 16<br>
Wall Hits - 7<br>
DNFs - 11<br>
Flips - 1 (rolled 3 3/4 times)<br>
</p>
</div>


<hr style="color: white" />
<address style="text-align: center; font: normal Arial, Helvetica, sans-serif;
font-size: 0.7em; color: green">
Alexander Motor Sports. •
278 Kirksey Almo RD. •
Murray, KY &nbsp;&nbsp;42071 •
</address>
<hr style="color: white" />

<p style="text-align: center; font: Arial, Helvetica, sans-serif;
font-size: 0.8em">
<a href="index.htm">Intro</a> <br />
<a href="home.htm">Home Page</a> &nbsp;&nbsp;
<a href="bio.htm">Driver Info</a> &nbsp;&nbsp;
<a href="cars.htm">The Car</a> &nbsp;&nbsp;
<a href="sponsors.htm">Sponsors</a> &nbsp;&nbsp;
<a href="tour.htm">Tour</a> &nbsp;&nbsp;
<a href="links.htm">Links</a> &nbsp;&nbsp;
</p>

<map name="dcpages" id="dcpages">
<area shape="rect" coords="1,1,81,15" href="pixal.htm"
alt="Home" />
<area shape="rect" coords="23,50,64,62" href="dc100.htm"
alt="DC100" />
<area shape="rect" coords="23,64,64,79" href="dc250.htm"
alt="DC250" />
<area shape="rect" coords="23,87,64,95" href="dc500.htm"
alt="DC500" />
</map>

</td>
</body>
</html>
 
vanzetti said:
An easy way is to use tables... (if you learned that yet...)

insert this, and actually erase the text I plugged in for ya... that's just so you can see what's going on. the 72px is the width in of pixels. Change that number at will, ie "100px":

<table style="text-align: left; width: 100%;">
<tbody>
<tr>
<td style="vertical-align: top; width: 72px;">LEFT COLUMN, ERASE AND LEAVE BLANK<br>
</td>
<td style="vertical-align: top;">ADD YOUR TEXT HERE<br>
</td>
</tr>
</tbody>
</table>
Click to expand...

Thank you so much! I just pluged it in and it works, I just need to change the font color to lime and everything. Everything should come togather now. We learned tables, i just never was much good with them. Thanks again vanzetti!!
 
Lappy, you know how to get my number, call me if you need instant help. I learned html back in 6th grade off w3schools, nailed down CSS and javascript in middle school, and PHP in 9th grade. Stuck with that until last year, when i started working with SQL.

I'm overqualified :D
 
Glad to help.

So I looked at your page, and what I would do (if you have time of course), is change the bottom stats to something like this, TR = ROWS so each table will have two TR sections, and then just plug in the header for each category... wins etc... Then just copy-paste that whole section <tr> to </tr> and change the words to number and DING. (red same as blue):

<table style="text-align: center; width: 75%;" border="1"
cellpadding="2" cellspacing="2">
<tbody>

<tr>
<td style="vertical-align: top;">WINS
</td>
<td style="vertical-align: top;">LOSES
</td>
<td style="vertical-align: top;">CRASHES
</td>
<td style="vertical-align: top;">FLIPS
</td>
<td style="vertical-align: top;">TIRES
</td>
</tr>

<tr>
<td style="vertical-align: top;">5
</td>
<td style="vertical-align: top;">5
</td>
<td style="vertical-align: top;">5
</td>
<td style="vertical-align: top;">5
</td>
<td style="vertical-align: top;">5
</td>
</tr>


</tbody>
</table>
 
also, the tbody, as of last check, is a more depreciated function and isn't needed nor much used anymore. Also, IMO, I HATE imagemaps. I'll break a row of images up into individual links before i go an imagemap.

vanzetti is showing you te easiest way i know of to accomplish what you're trying to do while only using HTML. Once you get into CSS and PHP (and SQL for that matter), things will get simpler (kinda).
 
You must log in or register to reply here.
Back
Top Bottom