HTML - Why Does This Background Image Have A Huge Black Bar At The Bottom?

Is it possible to put a smaller background image on top (like in layers) of my old background image? I have a background image, but I want to put a smaller image on top of that one, but for it to be treated also as background image. This image is a black vertical rectangle, but is faded on the edges to give a transparency, so its a .png. So ultimately what I am trying to do is put this black rectanlge on top of my original background image and with the transparency on the edges of this image, be able to see my original background image. How can I do so? Also what I was thinking was that this faded background would be scaled to fit different screen sizes, so do "width: 75%"? Just so that it ALWAYS stays at 75% no matter what screen size it is viewed on. Is this the right approach towards getting this result?

I am trying to make an image stay at the bottom of a column, no matter how long the column is on each page of my site: http://musicalmadness.atspace.com/

The green bar on the left is the column I am referring to. The image I want to float on the bottom of the column is the parenthesis facing upward, the second in the column.

Does anyone have any ideas on how I can get it to always appear at the bottom of the green column no matter how long the page is for each page of my site? Thank you.

Hey, i am currently working on a site and trying to position a image of a leaf on the corner of a div.

The site is: http://luminaskincare.ca/new/

I want it to look like this: http://luminaskincare.ca/new/whatiwant.png

Any help would be appreciated thanks.

hi.

i'm trying to use a background image as the footer to a site, and i can't figure out how to anchor an image to be at the bottom of the browser window, regardless of scroll position. is there a way to do this?

thanks in advance.

Hi,

There is a huge gap on this page and I cannot work out why it is there. Can anyone see the reason for this, please?

http://dickinsons-coaches.co.uk/Daytrips2010.htm

I would put the source code in but it would be too long.

Yeah well the title says it...

What it's supposed to look like:
http://www.pzfantasyfootball.com

What it does look like:
http://www.pzfantasyfootball.com/forums

This is my first time working with phpbb3 and let me tell you, it's been an interestingly horrible experience lol.

I'm attempting to insert a image map menu at the bottom of each page, however for some reason there is a 2-4 pixel gap between the menu and the bottom of the table and I can't figure out why.

Here is the URL: http://www.knockoutwebsites4u.com/LSC/index.html

Thanks for your help in this matter.

Ive coded my a layout and uploaded it but it looks different in ie than it does in firefox

(Internet Explorer)
(Firefox)
Could someone please help me, Thanks

Have a look at my site

Can anyone tell me what on earth happened in my sidebar? All of a sudden, the space under the poll I have on the right hand side extended, making my site fill up with blankl space (u can scroll down and see what I mean). I didn't do anything, it just happened on its own. Can anyone see why this is happening??

Thx.

I am trying to remove the black borders or lines around my friends website and cant seem to do it? any ideas http://www.lavonnebeauty.com/

Hi,

I'm a complete newb and html-challenged, so please forgive my stupid questions.

This is what I want for the personal website I'm making: a fixed image as the background that covers the entire screen regardless of what screen resolution a user's computer has - this much I've managed with CSS...I think (like this right? http://www.geocities.com/serenamonster/index.htm ) clickable regions on this background image to use for navigation to various parts of the site. Or in other words, the background image as an image map. - this I'm having trouble with, because you have to designate the picture as a set # of pixels in dimension to make an image map right? and if I do that to my background image, then it may display too big or too small depending on the person's screen resolution right?
So does anyone know how I can have clickable regions on my fixed background image without the image being too big for low resolutions or too small for high resolutions? (he http://www.geocities.com/serenamonster/map.html the background image is fixed at 800x400. I want to make each star on the image a hyperlink to a different part of the site). I read somewhere that standard is 800x600 to fill a person's browser right? But on my computer the image only covers about 2/3 of the browser screen which is too small. How can I make it so that it fills 100% of any viewer's screen regardless of resolution? How does it look on your computer? I know these are probably just really stupid questions because I'm missing something really fundamental...but any help would be greatly appreciated! Thanks!

~Serena

P.S. is it possible to do mouseovers for certain coordinates on an image map?

Hello,

I want to create an admin form with ~70 inputs on it. (20 textboxes, 10 textareas, 40 checkboxes). Besides this the textual inputs must be present for 4 different languages. I mean if there is a textarea for description then there must be 3 others as well for description in different languages. In this case the form becomes very big and hard to fill for the admins.

Does anybody has an idea how to make it as user friendly as possible?

As the title suggests my web page has some huge spaces between the text. I am using dreamweaver... I know some HTML im not by anymeans a master, but im not bad... anywhere here is my link

http://www.jhaakfleetservices.com/EBC/Issues.htm

You have to scroll wayyyyyyyyyy down past energy but Jobs is down there...

hers my code

HTML Code:

<!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>Erik Bednarcik for City Council</title>
<style type="text/css">
<!--
.style1 {
	font-size: 17mm;
	font-weight: bold;
	color: #0000FF;
}
.style4 {font-size: 17mm; font-weight: bold; color: #FF0000; }
.style8 {
	font-size: 36px;
	font-weight: bold;
	font-style: italic;
	color: #FF0000;
}
-->
</style>
</head>

<body>
<center>
<table width="1020" border="0" cellpadding="0" cellspacing="0">
  <!--DWLayoutTable-->
  <tr>
    <td width="50" rowspan="10" valign="top"><p align="center" class="style4"><img src="Pictures/ERIK.png" width="50" height="440"></p></td>
    <td height="150" colspan="4" valign="center"><div align="center">
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="150" align="middle">
            <param name="movie" value="Pictures/Header.swf">
            <param name=quality value=high>
            <embed src="Pictures/Header.swf" width="800" height="150" align="middle" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
          </object>
    </div></td>
    <td width="50" rowspan="10" valign="top"><p align="center" class="style1"><img src="Pictures/BEDNARCIK.png" width="50" height="700"></p></td>
    </tr>
  <tr>
    <td height="40" colspan="4" valign="middle"><div align="center">
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="800" height="30">
        <param name="movie" value="Pictures/Top%20Menu.swf">
        <param name=quality value=high>
        <param name="wmode" value="transparent">
        <embed src="Pictures/Top%20Menu.swf" width="800" height="30" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>
      </object>
    </div></td>
    </tr>
  <tr>
    <td height="20" colspan="4" valign="bottom"><hr align="center"  width="100%" size="2" noshade color="#FF0000"></td>
    </tr>
  <tr>
    <td width="160" rowspan="9" valign="top"><!--DWLayoutEmptyCell-->&nbsp;</td>
    <td width="15" rowspan="9" valign="top"><hr color="#FF0000" width="10%" size="10000"></td>
    <td height="362" colspan="2" valign="top"><div align="center">
        <p>
          <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="400" height="35">
              <param name="movie" value="Pictures/Scroller.swf">
              <param name=quality value=high>
              <embed src="Pictures/Scroller.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="400" height="35"></embed>
          </object>
  </p>
        <p><span class="style8">Energy</span> <br>
  We are falling behind in the energy sector as Americans. I have,<br> 
  in the past, been called unpatriotic for saying that on this issue America is a<br> 
  backwards nation. We 
  import more oil and other forms of energy than almost any other<br> 
  nation on the planet, but 
  the time will soon come when this changes. </p>
        <p> Throughout the country investment is growing in clean energy and energy jobs of the future.<br> 
          Mentor has the ability to be at the forefront of this new movement. Mentor has an abundant<br> 
          amount of renewable resources; wind, solar, and wave. </p>
        <p>In many fields companies are going belly-up. Green companies are the only ones that are<br> 
          still springing up and they are expanding at record rates. </p>
        <p>We can make Mentor a green city on a blue lake, in this instance green will have two<br> 
          meanings. 
          We will bring money into our economy and we will bring high-paying,<br> 
          stable jobs of the future to the shores of Mentor. </p>
      </div></td>
    </tr>
  <tr>
    <td height="50" colspan="2" valign="top"><div align="center" class="style8">
          <hr width="100%" size="7" noshade color="#0000FF">
          <hr width="100%" size="7" noshade color="#0000FF">
    </div></td>
    </tr>
  <tr>
    <td width="911" height="303" valign="top"><div align="center"><span class="style8">Jobs </span><br>
      Unemployment is at 10.8 percent, families are losing their income, and nobody is addressing the problem. The labor market is growing, while employment opportunities are decreasing. In the last six months eight hundred and sixty-seven jobs have been lost, even more hours have been cut. . .
          <p>I could keep going on and on about the recession, but this campaign isn't about sulking and complaining about the economy. This campaign is about standing up and making a difference. </p>
          <p>We can produce jobs in a number of ways. One way is attracting companies to Mentor by providing tax incentives, using a grant program. Another way is specifically targeting energy production. Mentor has an abundant amount of renewable resources; waves, solar, and wind. We can produce energy at a local level and curb our dependence on foreign oil and other outdated, imported forms of energy. Investing in the future of energy will bring jobs to Mentor; installing, maintenance, and maybe even production. We need jobs of the future here in Mentor, if we want to be competitive in the future. </p>
          <p>If elected, I will be able to be that much closer to the ears of higher government. I will push cutting taxes for the people and small businesses that are hiring workers. I will push for more funding for our libraries, so that more positions can be filled. I will push for an educational program that allows students to go off to Lakeland, and other local colleges, to learn skills that they can bring back to Mentor.</p>
          <p>We need to adapt to a more progressive money-making economy. I hate to say it, but we're falling behind. It's about time we catch-up.</p>
    </div></td>
    <td width="4">&nbsp;</td>
  </tr>
  <tr>
    <td height="50" colspan="2" valign="top"><hr width="100%" size="7" noshade color="#0000FF">
      <hr width="100%" size="7" noshade color="#0000FF"></td>
    </tr>
  <tr>
    <td height="385">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="50" colspan="2" valign="top"><hr width="100%" size="7" noshade color="#0000FF">
      <hr width="100%" size="7" noshade color="#0000FF"></td>
    </tr>
  <tr>
    <td height="128">&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="122">&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    </tr>
  <tr>
    <td height="50">&nbsp;</td>
    <td colspan="2" valign="top"><hr width="100%" size="7" noshade color="#0000FF">
      <hr width="100%" size="7" noshade color="#0000FF"></td>
    <td>&nbsp;</td>
    </tr>
</table>
</center>
</body>
</html>

Please and Thank you. I hope this isnt beat down.. i did a qick search but im reaallyyy tired right now so please excuse my ignorance in this area

The text on this page has huge gaps between the lines.

The gaps are between "Choose a Transaction", "Transaction Types" and the button "Next".

I have included the page code and attached an image for reference.

If you could help me close the gaps, I'd greatly appreciate it.

Thanks.
Code:

<table width='770' border='0' cellpadding='0' cellspacing='0' id='maintable' align='center' valign='top' align='left' margin=0 padding=0 width='770' height='500' table style='background-color:#ffffff; font-family:Arial, Helvetica, sans-serif; width:'770' height:'500'></td>
<link href='custom.css' rel='stylesheet' type='text/css'>

<td id='menu' align='left' valign='top' rowspan='500' width='164'>
<br>&nbsp;&nbsp;&nbsp;&nbsp;<img src='images/bullet.gif' alt='' width='10' height='10'><a href='index.php'><font color='#DDCEA2'><font face='Arial' size='2'>Home</a></font><br></a>

	<form method="POST" action="index.php">
	<input class='field' type='hidden' name='command' value='account'>
	<input class='field' type='hidden' name='param' value='renew'>
	<input class='field' type='hidden' name='account_id' value='[account_id]'>

<td colspan='2' class='pageTitle'><div class='hLine'><font face="Arial" color="#EE7600" size="3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Choose a Transaction</font></div></td>
<tr><td class='fieldLabel' width="30%"><font face="Arial" color=#000000" size="3" Style="padding: 5px;">&nbsp;<font face="Arial" color="#000000" size="3">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Transaction Type:</font><!--</td>-->
<td align="left"><font face="Arial" color="#EE7600" size="2">[account_type_panel]</font></td>
<tr><td align="center"></td>
<td align="left"><input name="submit" type='submit' class='button' value='Next' /></td>
</tr>
</form>
<tr height='30%' ><div class='hLine'></div></td></tr>
</table>

I'm making a webcomic system. It has first/next/last/latest buttons on it and a drop down menu to go to a specific comic. The problem is in the menu.
I made it and it works perfectly. The only problem is when I make a new comic I would have to update all 100-or-so comic html pages to show the new comic in all of the drop down directories.

How do I update one page to show all of the comics on the same drop-down form?