HTML - My Backround Image Appears Down The Page

Hi everyone, I am very new to designing web pages and HTML. I wrote a basic code for my test page, but when I upload it to the server and go to the link, it adds a bunch of crap. Check it out: garrettspctexperience.com. I've tried a few things to correct it, but nothing I've done works. I'm using TextEdit to write the code. Any help would be greatly appreciated. Thanks

-Garrett

Well title says it all, when I try to do an image and have it linked some where a blue box will appear around it only on firefox and IE, not on Opera. How do I get rid of it??? I am using Dreamweaver

Help PLEASE!

When ever you view the page when it's not maximized or lower res the images and text get thrown off from the background.

http://www.scevolution.com/Deadhead/clan_exo.html

How can I fix it?

Should I post my code?

Alright, before you post a reply, make sure that a 2 year old could understand it, as i'm only adequate at html. A friend of mine supplied me with the site template, i'm only editing it.

Heres my problem. Link to my webpage

If you'll take note of the navigation menus on the left, under "latest matches" "latest threads" etc. Lets take the first box, latest matches. Here is the code for that.

Code:

<TABLE cellSpacing=0 cellPadding=0 width=221 border=0>
<TBODY>
<TR>
<TD><IMG height=28 src="http://atsquad.com/images/latestmatches_06.gif" width=221></TD></TR>
<TR>
<TD width=221 bgColor=#000000>
<TABLE cellSpacing=0 cellPadding=0 width=221 border=0>
<TBODY>
<TR>
<TD width=2>&nbsp;</TD>
<TD background=http://atsquad.com/images/leftbarrepeat_11.gif>
<DIV align=center><IMG height=15 alt="" src="http://atsquad.com/images/bullet_10.gif" width=13 border=0></DIV></TD>
<TD background=http://atsquad.com/images/leftbarrepeat_11.gif><A class=comment href="http://www.atsquad.com/">[ATS] vs {DEATH}</A></TD>
<TD background=http://atsquad.com/images/leftbarrepeat_11.gif height=19><SPAN class=style6><FONT color=#ff0000>4-6</FONT></SPAN></TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD width=2>&nbsp;</TD>
<TD background=http://atsquad.com/images/leftbarrepeat_11.gif>
<DIV align=center><IMG height=15 alt="" src="http://atsquad.com/images/bullet_10.gif" width=13 border=0></DIV></TD>
<TD background=http://atsquad.com/images/leftbarrepeat_11.gif><A class=comment href="http://www.atsquad.com/">No Record</A></TD>
<TD background=http://atsquad.com/images/leftbarrepeat_11.gif height=19><SPAN class=style6><FONT color=#0000ff>0-0</FONT></SPAN></TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD background=http://atsquad.com/images/leftbarrepeat_11.gif>
<DIV align=center><IMG height=15 alt="" src="http://atsquad.com/images/bullet_10.gif" width=13 border=0></DIV></TD>
<TD background=http://atsquad.com/images/leftbarrepeat_11.gif><A class=comment href="http://www.atsquad.com/">No Record</A></TD>
<TD background=http://atsquad.com/images/leftbarrepeat_11.gif height=19><SPAN class=style6><FONT color=#0000ff>0-0</FONT></SPAN></TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD>&nbsp;</TD>
<TD background=http://atsquad.com/images/leftbarrepeat_11.gif>
<DIV align=center><IMG height=15 alt="" src="http://atsquad.com/images/bullet_10.gif" width=13 border=0></DIV></TD>
<TD background=http://atsquad.com/images/leftbarrepeat_11.gif><A class=comment href="http://www.atsquad.com/">No Record</A></TD>
<TD background=http://atsquad.com/images/leftbarrepeat_11.gif height=19><SPAN class=style6><FONT color=#0000ff>0-0</FONT></SPAN></TD>
<TD>&nbsp;</TD></TR>
<TR>
<TD width=2><IMG height=5 src="http://atsquad.com/images/leftside_17.gif" width=2></TD>
<TD width=20 background=images/leftbarrepeat_11.gif>
<DIV align=center><IMG height=15 alt="" src="http://atsquad.com/images/bullet_10.gif" width=13 border=0></DIV></TD>
<TD width=137 background=http://atsquad.com/images/leftbarrepeat_11.gif><A class=comment href="http://www.atsquad.com/">Record</A></TD>
<TD width=50 background=http://atsquad.com/images/leftbarrepeat_11.gif height=19><SPAN class=style6><FONT color=#0000ff>0-0</FONT></SPAN></TD>
<TD width=4><IMG height=5 src="http://atsquad.com/images/rightside_20.gif" width=2></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=221 border=0>
<TBODY>
<TR>
<TD width=14 background=http://atsquad.com/images/footerbarrepeat_13.gif height=20><IMG height=20 src="http://atsquad.com/images/leftrounder_11.gif" width=11></TD>
<TD width=77 background=http://atsquad.com/images/footerbarrepeat_13.gif>&nbsp;</TD>
<TD width=110 background=http://atsquad.com/images/footerbarrepeat_13.gif>
<DIV class=style4 align=center></DIV></TD>
<TD width=13 border="0"><IMG height=20 src="http://atsquad.com/images/rightrounder_13.gif" width=13></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

If you'll notice the class=comment coding in the links. This links to a .css file I have that makes the link text turn bold when you scroll over it.

Now, heres the confusing part. Heres what I want:

When you scroll over the navigation bar thing (the white bar that says [ATS] vs {DEATH}, no record, no record, no record, no record) it changes from the current backround ( http://atsquad.com/images/leftbarrepeat_11.gif ) to a new backround ( http://atsquad.com/images/leftbarrepeatmouseover_11.gif ). Also when you scroll over the white bar, the font changes from normal to bold (which is currently achieved from the style.css file)

I'm not sure if i'm asking too much here, like I said, i'm still pretty much a newbie at html.

Thanks in advanced, jake.

Hi, I am designing a website, I know HTML, and CSS languages. I want my website to play backround music when someone is browsing my site. I know the HTML code that allows the designer (me) to play a backround .wav audio BUT it does not quite do what I need it to do what I am looking for is a code that allows me to play a .mp3 in the backround AND I am having an incredibly difficult time figuring out how to prevent the song from starting over when a person on my site clicks another link. Simply put I want a .mp3 to be playing in the backround of my website no matter where the user browses on my website and most importantly I need to have the backround .mp3 to play conintousely like I stated earlier, I don't want it to start playing from the begining when a user clicks on a link on my site. I am pretty sure that I am getting into Java here, unfortunatly for me, I am only NOW begining to learn Java and can't write the code for what I need. If anybody reading this knows a code, or CAN write the code for what I need, PLEASE post it on this thread!! Thanks in advance, I really hope I will finde that code.

This is probably somethign simple but I have spent hours trying to figure it out and I just can't. Look at this page:

http://69.63.144.35

In Firefox, it's perfect. In IE, you will notice that the table to the right shifts down a little bit. No matter what, I cannot seem to get these lined up in IE. Why would firefox show them aligned and IE not? Any ideas?

the title makes it sounds really confusing.
Ok im making my first website, and i need help with a code, (as you can see on www.dalekblaster.co.uk) i have got a section at the top where the images change from one to another.

The code is -

HTML Code:

// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 5;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'http://www.dalekblaster.co.uk/images/banner/dalekblasternexttime.jpg'
Pic[1] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster2.jpg'
Pic[2] = 'http://www.dalekblaster.co.uk/images/banner/dalekblastersjanexttime.jpg'
Pic[3] = 'http://www.dalekblaster.co.uk/images/banner/dalekblaster.jpg' 


// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);

Now i need help because, i want to link each picture on the slideshow to a differnet page or external site, but im not sure how. (but so they can go to different pages not the same one)

can anyone help me?

Hi,

I saw uses a skill to provide a greater depth of informations as users browse for movies. When a customer hovers over the graphic for a movie, the movie ID is sent to their central servers, and a bubble appears that provides more details about the movie. Again, the page is not refreshed, and the specifics for each movie aren't found in hidden form fields.
This approach allows Netflix to provide more information about its movies without cluttering its pages.

Now I am maintaining a web site which hosts on a H-Sphere panel.
I want to adopt this way in my website.

Could you please provide me any idea?

Thanks

Hello I thought my site was good to go until I viewed it on a pc. I took a look at it in IE on a pc and noticed outlines around the graphic nav. Do I need to add a bit of code somewhere? I'm attching a screenshot and below is my url to the site.

thanks!

http://www.bru.us.com


html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>BRU</title>
<link rel="stylesheet" type="text/css" href="bru.css" />




<script type="text/javascript">
var revert = new Array();
var inames = new Array('about','contact');


// Preload
if (document.images) {
var flipped = new Array();
for(i=0; i< inames.length; i++) {
flipped[i] = new Image();
flipped[i].src = "nav/"+inames[i]+"2.gif";
}
}

function over(num) {
if(document.images) {
revert[num] = document.images[inames[num]].src;
document.images[inames[num]].src = flipped[num].src;
}
}
function out(num) {
if(document.images) document.images[inames[num]].src = revert[num];
}
</script>




</head>

<body>
<div id="header">
<img src="images/global/logo_gold.gif" />
</div>

<div id="navigation">
<IMG SRC="nav/design.gif"/><br>

<a href="tg_moodboard.html"class="catlink">TowerGroup</a><br>
<a href="cbuy_moodboards.html"class="catlink">Click&Buy</a><br>
<a href="mca_home.html"class="catlink">MCA</a><br>
<a href="incretin_home.html"class="catlink">Incretin Forum</a><br>
<a href="fifa.html"class="catlink">FIFA World Cup</a><br>
<a href="psr.html"class="catlink">PSR</a><br>
<a href="baraclude_banner.html"class="catlink">Baraclude</a><br>
<a href="forest.html"class="catlink">Forest</a><br><br>


<IMG SRC="nav/other.gif"/><br>
<a href="divided.html"class="catlink">Divided</a><br>
<a href="india_photos.html"class="catlink">Photography</a><br><br>



<a href="about.html"> <img src="nav/about1.gif" name="about" onMouseOver="over(0)" onMouseOut="out(0)"> </a><br>
<a href="contact.html"> <img src="nav/contact1.gif" name="contact" onMouseOver="over(1)" onMouseOut="out(1)"></a><br>
</div>


<div id="subnav">
<ul>
<li><a href="tg_moodboard.html">Mood Boards</a></li>
<li><a href="tg_direction_a.html">Home A</a></li>
<li><a href="tg_direction_b.html">Home B</a></li>
<li><a href="tg_sublevel.html">Sublevel</a></li>
</ul>

</div>


<div id="portfolio">



<IMG SRC="images/towergroupmarketing/tw_moodboard.jpg"/>&nbsp&nbsp&nbsp&nbsp
</div>

<div id="description">
<h1>TowerGroup / Moodboard</h1>
<p>
When TowerGroup came to us and talked about what they felt differentiated them from other
financial institutions, one thing that stood out to me, was that they wanted to communicate
that they're analysts are hands-on and accessible. To express this concept in a website, I
thought mixing hand-drawn illustrations with photographs would help give the site a more personable feel.
</p>


</div>

<!--Content-->
<div style="position:absolute; top:474px; left:499px;"></div>
</body>
</html>


css:
body {
font-family: sans-serif;
background-color: #ffffff;
font-size: 11px;
margin: 0px;

}

#description {
background: #ffffff;
font-family: sans-serif;
padding: 10px;
line-height: 14px;
margin: 0px 10px 10px 20px;
}

#portfolio {
background: #ffffff;
padding: 3px;
margin: 0px 10px 10px 10px;
}


#header {
position: absolute;
top: 0px;
background-color: #ffffff;
margin: 20px;
height: 80px;
padding: 10px;
}

#subnav {
background: #ffffff;
padding: 0px;
margin: 0px 0px 0px 0px;
line-height: 10px;
}


#navigation {
background: #ffffff;

padding: 10px;
margin: 0px 10px 10px 20px;
}

h1 {
font-size: 16px;
font-family: sans-serif;
line-height: 24px;
color: #000000;
margin: -1px 0px 0px 0px;
padding:0;
}



p {
margin: 0px;
padding: 0px;
}



a:link {
font-family: sans-serif;
font-size: 11px;
color: #5b5b5b;
text-decoration: none;
line-height: 11px;
font-family: arial, serif;
}


a:visited {
font-family: sans-serif;
color: #5b5b5b;
font-size: 11px;
text-decoration: none;
line-height: 11px;
font-family: arial, serif;
}

a:hover{
font-family: sans-serif;
color:#C1A62E;
font-size: 11px;
text-decoration: none;
background-color:
line-height: 11px;
font-family: arial, serif;
}


a.catlink:link {
font-family: sans-serif;
color: #5b5b5b;
font-size: 11px;
line-height: 14px;
margin:0;
padding:0;
font-family: arial, serif;

}

a.catlink:visited {
font-family: sans-serif;
color: #5b5b5b;
font-size: 11px;
line-height: 14px;
margin:0;
padding:0;

}

a.catlink:hover {
background-color:#C1A62E;
font-family: sans-serif;
color: #C1A62E;
font-size: 11px;
line-height: 14px;
margin:0;
padding:0;

}


.navheader1 {
color: #C1A62E;
font-size: 12px;
line-height: 19px;
margin:0;
padding:0;

}


.navheader2 {
color: #5b5b5b;
font-size: 11px;
line-height:17px;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 20px 20px 30px 0px;
padding:0;

}


a1:link {
color: #5b5b5b;
font-size: 11px;
line-height:17px;
font-family: Georgia, "Times New Roman", Times, serif;
margin: 20px 20px 30px 0px;
padding:0;

}



ul {
margin: 0 0px 0 0;
padding: 17px 10px 10px 2px;

}



li {
display: inline;
margin: 0 8px 0 0;
padding: 0 0 0 10px;
background: url(images/global/icon_asterisk.gif) no-repeat center left;
}



#description {
position: absolute;
top: 125px;
left: 140px;
width: 270px;
}


#navigation {
position: absolute;
top: 125px;
width: 110px;
}



#subnav {
height: 30px;
position: absolute;
top: 125px;
margin-left: 475px;
width: 3200px;


}

#portfolio {
position: absolute;
top: 160px;
margin-left: 475px;
width: 3400px;

}

Good morning!

I have a new website, shopcheesecakery.com, and I've written html code for years on forums, and as an ebay seller. I jsut can't figure out this new problem, though

On the website, when I upload the index.html file through the ftp client, the page appears as raw code.

I have pasted the info onto my ebay me page, and it works fine.
Into several html practice pads online, it works fine.
Into an ebay listing, it works fine.

My hosting company says it's a problem with my code, but I just don't see how that can be, since it works elsewhere. They say they are unable to help, and sent me off with a "good luck!"


HELP!!!!!!!!!

piratesholdem.com

I'm trying to put in an iFrame in the center from which the rest of the site revolves, but even though it appears, it doesn't fill up the whole box/cell.

The whole site is arranged with tables . Here's the code so far.

<td width="576" rowspan="11"><p align="center">
<iframe src="News.htm" name="Name"
width="100%" height="100%" align="top"></iframe>

Hi everyone,

I've just designed a site for a friends parents, im not great with this kind of stuff but they are absolutely useless with computers so there is no point in asking them how they designed the site originally. It appears it was done as some kind of wordpress site, when i view the source I get...

"<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- Generated by Avanquest Technology v:7.1. For information please visit: http://www.avanquestusa.com/ -->"

...however this is where the issue lies. When I log into the site on my FTP client nothing is there, there are no files or webpages or anything on there yet the site is still working, even when I try and upload my "index.html" file it doesnt cause the site to stop working and be replaced by mine.

Is it possible for me to delete the old site completely so that I can upload the new one via FTP?

Many thanks in advance for the replies!