[2 days left] What’s wrong with your cloud strategy? Learn why multicloud solutions matter with Nimble Storage.Register Now

x
?
Solved

background images

Posted on 2004-10-13
4
Medium Priority
?
197 Views
Last Modified: 2010-04-09
I have a bg image in a in a td but when I view it in the browswer it keeps duplicating the image like 4 more times down the page.  Even if I have content in the page I tried wrting text insert spacer gifs whats wrong heres the code. Any help will be much appreciated.
Phil
<html>
<head>
<title>Test</title>
</head>

<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="755" height="311" border="0" align="center">
  <tr>
    <td height="102" align="left" valign="top"><img src="headbar.gif" width="755" height="100"></td>
  </tr>
  <tr>
    <td width="77" height="25" align="left" valign="top" background="rednav.gif"><div align="center"><a href="www.">Home</a>
        | <a href="www.">About Us</a> | <a href="www.">Welcome</a> | <a href="www.">Online
        Store</a> | <a href="www.">Classes Schedule</a> | <a href="www.">Directions</a>
        | <a href="www.">Contact</a> | <a href="www.">Email</a> </div></td>
  </tr>
  <tr>
    <td height="47" align="left" valign="top"><p><font color="#000000">Spacer text here<br>Spacer text here<br>Spacer text here<br>Spacer text here<br>Spacer text here
        </font></p>
      </td>
  </tr>
  <tr>
    <td height="21" align="left" valign="top"><font color="#000000"><img src="spacer.gif" width="45" height="45">Spacer text here<br>Spacer text here</font></td>
  </tr>
  <tr>
    <td height="7" align="left" valign="bottom"><table width="774" height="76" border="0">
        <tr>
          <td width="764"><hr></td>
        </tr>
        <tr>
          <td><div align="center"><font color="#FF0000">Home | About Us | Welcome
              | Online Store | Class Schedule | Directions | Contact | Email </font></div></td>
        </tr>
        <tr>
          <td height="14"><div align="center"><font color="#000000" size="1">Copyright
              &copy; / 2004 - All rights reserved - </font></div></td>
        </tr>
      </table></td>
  </tr>
</table>
</body>
</html>
0
Comment
Question by:smphil
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
4 Comments
 
LVL 49

Accepted Solution

by:
Roonaan earned 1500 total points
ID: 12300535
Try to add a style="background-repeat:no-repeat;" to the cell where you do not want the repetition to occur.

Furthermore possibly go to www.w3schools.com/css because the type of html you use (<font>) is becoming somewhat oldfashioned these days.

Regards

-r-
0
 
LVL 2

Expert Comment

by:kylen1010
ID: 12303039
0
 
LVL 9

Expert Comment

by:jmanGJHS97
ID: 12310097
You can either use a style sheet for the table, or you can specify the style in the tag.  Here's an example of both ways:

//CSS WAY
.my_style
{
background-image: url(rednav.gif);
background-repeat: no-repeat;
background-position: center center;
}

Then in your tag, you do this:
<td width="77" height="25" align="left" valign="top" class="my_style">

//HTML WAY
<td width="77" height="25" align="left" valign="top" style="background: url('rednav.gif') no-repeat center center;">

I'd recomment the CSS way because it's a lot more flexible and powerful.

Jeff
0
 
LVL 9

Expert Comment

by:stefanaichholzer
ID: 12414396
Yes, that´ll do it:

 >> Try to add a style="background-repeat:no-repeat;" to the cell where you do not want the repetition to occur.

;)
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
Q&A with Course Creator, Mark Lassoff, on the importance of HTML5 in the career of a modern-day developer.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

656 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question