HTML - Need Help With Adding Image To Blank Site

Hi i have sucessfully added an embedded code to my site... not a problem.. copied and pasted html coding from a video.. into html view.. fine.
However.. the video appears top left of my page always.

Within the embed video code i see no parameters for screen positioning.. just size.. which is repeated twice (all codes from utube vids etc seem the same)

eg
<object width="400" height="300" ><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://www.facebook.com/v/124990176803" /><embed src="http://www.facebook.com/v/124990176803" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="400" height="300"></embed></object>

is there a piece of html code i should add... either within this before it or after it? Im new to this stuff.. been on ages! Please help!

----------

Hey everyone,

I'm trying to add more pages to my site.... For example, www.mysite.com/new-page

How do I add that "new-page" to my site?

My website was professionally built, however I go in & edit all the time. I have been trying to look at the server to see what the developer did, but no luck...

Thanks in advanced for any help

How do I put another image (websiteheader2.jpg) that will be placed before the current image (websiteheader1.jpg), into this code:

#logo-div { background-image:url('http://website.com/
websiteheader1.jpg') !important; background-repeat:no-repeat !important; background-position:10px 60px !important; }

hi people,
i have this code

Code:

	<tr valign=\"top\">
						<td align=\"center\" width=\"1%\"><a href=\"preview.php?id=".$arrayId[$scriptOffset+1]."&ref=browse&offset=".$scriptOffset."\"><img src=\"thumb/".$arrayImage[$scriptOffset+1]."\" STYLE=\"border: none;\"></a></td>
						<td  ><font face=\"verdana\" size=\"2\"><b><i>Nume:<br>Marime:<br>Format:<br>Cat.:</i></b></font></td>
						<td ><font face=\"verdana\" size=\"2\"><i>".$arrayName[$scriptOffset+1]."<br>".$arraySize[$scriptOffset+1]."<br>".$arrayFormat[$scriptOffset+1]."<br>".$arrayCatagory[$scriptOffset+1]."</i></font></td>
						<td ><font face=\"verdana\" size=\"2\"><a border='0' href=\"preview.php?id=".$arrayId[$scriptOffset+1]."&ref=browse&offset=".$scriptOffset."\" ><img src=\"images/descarca.jpg\" STYLE=\"border: none;\"></a></font></td>
					</tr>

and i wanna to add an image here



can somebody tell me how to add the image in the html code?

I'm fairly new to HTML and need help with adding text below the images I have. I am running a white backround with a gray box that has six images side by side. I want to add text below each image in the background. Can anyone hel me?

This is what I have without text so far

<td><table width="100%" border="0" cellspacing="10" cellpadding="25">


<P> &nbsp;
<strong>Padholdr tablet styles</strong><td class="greybox"<td align="middle"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images4med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images4med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images3med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/ipad-web-images2med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/xoom5med.jpg" width="144" height="108"><img src="http://padholdr.com/wp-content/uploads/2011/03/x1med.jpg" width="144" height="108"></td></caption>
</tr>
</table></td>

Hello everyone,

I am trying to partially hide an image in a table cell. In other words, I don't want the part that is supposed to be hidden to show on the adjacent cells. How do I do that

Any help would be greatly appreciated.

My Headfirst book on page 404 says to add the background-image property to a paragraph so I add the code for that and a few other changes highlighted in bold in last paragraph but it doesn't show the image on the browser and the css validator does not show it as an error, also what I don't understand is why there are THREE classes with the same name [.guarantee] in this stylesheet? The url is:

file:///C:/Headfirst/HFHTML_ch10/lounge/lounge.html

body {
font-size: small;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 1.6em;
}

h1, h2 {
color: #007e7e;
}

h1 {
font-size: 150%;
}

h2 {
font-size: 130%;
}

.guarantee {
border-color: black;
border-width: 1px;
border-style: solid;
background-color: #a7cece;
padding: 25px;
margin: 30px;
line-height: 1.9em;
font-style: italic;
font-family: Georgia, "Times New Roman, Times, serif;
font-color: #444444
body {
font-size: small;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 1.6em;
}

h1, h2 {
color: #007e7e;
}

h1 {
font-size: 150%;
}

h2 {
font-size: 130%;
}

.guarantee {
border-color: black;
border-width: 1px;
border-style: solid;
background-color: #a7cece;
padding: 25px;
margin: 30px;
line-height: 1.9em;
font-style: italic;
font-family: Georgia, "Times New Roman, Times, serif;
font-color: #444444
body {
font-size: small;
font-family: Verdana, Helvetica, Arial, sans-serif;
line-height: 1.6em;
}

h1, h2 {
color: #007e7e;
}

h1 {
font-size: 150%;
}

h2 {
font-size: 130%;
}

.guarantee {
border-color: black;
border-width: 1px;
border-style: solid;
background-color: #a7cece;
padding: 25px;
margin: 30px;
line-height: 1.9em;
font-style: italic;
font-family: Georgia, "Times New Roman, Times, serif;
font-color: #444444
background-image: url (images/background.gif) ;
}

I have the following Web Page:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="en-gb" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
</head>

<body >
<div style="margin:auto;text-align:center">
<div><img height="227" src="Images/2010BikeRide_BestTeamRU_360x227.jpg" width="360" /></div>
<div><img height="227" src="Images/2010BikeRide_BestTeamRU_360x227.jpg" width="360" /></div>
<div><img height="227" src="Images/2010BikeRide_BestTeamRU_360x227.jpg" width="360" /></div>
</div></body>

</html>

If I add another DIV with an image inside it, the images all move to the left by 8 to 10 pixels. This is the second version of the page:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="en-gb" http-equiv="Content-Language" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
</head>

<body >
<div style="margin:auto;text-align:center">
<div><img height="227" src="Images/2010BikeRide_BestTeamRU_360x227.jpg" width="360" /></div>
<div><img height="227" src="Images/2010BikeRide_BestTeamRU_360x227.jpg" width="360" /></div>
<div><img height="227" src="Images/2010BikeRide_BestTeamRU_360x227.jpg" width="360" /></div>
<div><img height="227" src="Images/2010BikeRide_BestTeamRU_360x227.jpg" width="360" /></div>
</div></body>

</html>

I have no idea why the page center moves to the left, but it means that I can't get my page banner to appear the same on every page. (I've stripped out all the extra content and codes to just leave the offending images.)

I primarily use Firefox, but the same is happening in IE and Opera.

Can anybody tell me what's happening?

(I apologise if this is a well known, frequently asked question, but I couldn't find an answer and this is driving me up the wall, so any help is appreciated.)

Testing a new concept on our site,

here is the test page http://www.victorylifecenter.org/tadtest.php

You will notice an image on the top left corner, this is just a scrub image I found for testing purposes, but for some reason I can not get the image over the entire site?

Also, wondering how I would get an image to move across the site?

Thanks
Pastor

Hello,

Could someone please help I have made a very simple site

http://www.101.dentalcompanion.com

I placed a <span> image to sit on top, it works when crome opens but in internet explorer and firefox the image does not open.

I also added the same image in a <div> tag in the siidebar and the same issue crops up.

i thought I had it worked out but I just can't seem to make it work.

Thank you ever so much.

kama

I am currently working on a web site. and i have got a few problem's with it so far. with the image's streching. i want to make it so a 1px width image can stretch along with the web site when information is type in to the news ill give you a link to a image showing what i mean and a link to a copy of the web site since ilm not worried about people having it. Ilm great with 2d art.. and i suck with html. but i am learning slowly if anyone could help me with this problem i would he very great full!

if it needs any work done on the frame's i can do that if it would help.

i have attached files below! =]

edit: and here is a image on how it looks without text in the middle =] so u understand what i am getting on to more. =]

Hi,

I am new to writing html but am learning. I would like to be able to include an image on the site I am creating I am currently doing this by writing this;

<html>
<head>
<title>Title</title>
</head>
<body>
<u>Here is the text</u>
<img src="image1.jpeg" />
</body>
</html>

I then have the image i need saved in the same folder as the .htm file. When I load up the website my browser I get a small blue box with a question mark on it and an associated error described as "The requested URL was not found on this server". I was wondering if anyone might be able to help me out as I am sure there is just something quite simple I am getting wrong. Your help is most appreciated.

Cheers!! :-)

I made this site www.matildarestaurant.com

Right now for a special, I am trying to super impose an image into the upper left hand corner of the page. Just one image, in that corner specifically. How would I accomplish this?

It would be something like http://www.cornify.com/ only more specific in terms of position and less hilarious

thanks!

Hi All

This is my first post so i hope I provide all the info you need, to be able to help.

I am working inside Macromedia UltraDev as this is waht I was taught with over a decade ago.

Problem started when I set a fixed background image to the page . . . dropdown menu still displays, but everything else (text & pics) in table seem to be hiddden behind the background image.

here is the code
HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml2/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Expires" CONTENT="0">


<style type="text/css">
html, body {height:100%; margin:0; padding:0;}
#page-background {position:fixed; top:0; left:0; width:100%; height:100%;}
#content {position:relative; z-index:1; padding:10px;}
</style>

<link rel="stylesheet" type="text/css" href="dropdown/dropdown.css" />
<script src="dropdown/btp.js" type="text/javascript"></script>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Language" content="en-au">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Barcaldine Tourist Park</title>


</head>



<body>

<div align="center">  <center>
    <table width="1000" border="0" cellpadding="0" height="100%">
      <tr> 
        <td height="54" colspan="2"> 
          <div align="center">
            <h1><font face="Georgia, Times New Roman, Times, serif" size="+7">Barcaldine 
              Tourist Park</font></h1>
          </div>
        </td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td height="146" colspan="2"> <span class="preload1"></span> <span class="preload2"></span> 
          <ul id="nav">
            <li class="top"><a href="#nogo1" class="top_link"><span>Home</span></a></li>
            <li class="top"><a href="#nogo2" class="top_link"><span>Park Features</span></a></li>
            <li class="top"><a href="#nogo22" class="top_link"><span>Accommodation</span></a></li>
            <li class="top"><a href="#nogo27" class="top_link"><span>Our Tarrifs</span></a></li>
            <li class="top"><a href="#nogo57" class="top_link"><span>Special Offers 
              </span></a></li>
            <li class="top"><a href="#nogo57" class="top_link"><span>Local Photos</span></a></li>
            <li class="top"><a href="#nogo57" class="top_link"><span>Contact Us</span></a></li>
            <li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">Local 
              Attractions</span></a> 
              <ul class="sub">
                <li><a href="#nogo54">Australian Workers Heritage Centre</a></li>
                <li><a href="#nogo55">Tree of Knowledge</a></li>
                <li><a href="#nogo56">Artesian Country Tours</a></li>
              </ul>
            </li>
          </ul>
        </td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td rowspan="2" width="99">&nbsp;</td>
      </tr>
      <tr> 
        <td rowspan="5" width="895" bgcolor="#FFFFFF"> 
          <div align="center"></div>
        </td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td width="99">&nbsp;</td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td width="99">&nbsp;</td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td width="99">&nbsp;</td>
      </tr>
      <tr bgcolor="#FFFFFF"> 
        <td width="99" height="23">&nbsp;</td>
      </tr>
    </table>
  </center></div>
  
<div id="page-background"><img src="images/bg.jpg" width="100%" height="100%" alt="Smile"></div>
	<div id="content">
	</div>

</body>



</html>