471,570 Members | 1,680 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,570 software developers and data experts.

Help With HTML Background Repeat

18
I'm designing a webpage from a template that I bought.

I'm trying to edit this line of text.

<td width="50%" valign="top" style="background:url(images/px_left.jpg) top repeat-x"></td>

The image is 246 pixels wide by 920 height. However I do not want it repeating on my page, I want it to only display once. I've looked into my css file theirs no information on this particular line of text surrounding the images for the left and right.

Sample

http://www.nyxxunderground.com/SEPTAGONBETA/site/Html/index.html
Oct 6 '07 #1
4 5929
drhowarddrfine
7,435 Expert 4TB
Just change 'repeat-x' to 'no-repeat'
Oct 6 '07 #2
NYXX
18
Tried that, it still repeats for some odd reason. I even checked my css says nothing.
Oct 6 '07 #3
what if you put:
Expand|Select|Wrap|Line Numbers
  1. background-position:center;
or
Expand|Select|Wrap|Line Numbers
  1. background-repeat:no-repeat;
Oct 6 '07 #4
NYXX
18
I've tried getting rid of the repeat. It causes my page to shift. The actual file of the image is 1px by 920 its the 1 px same as the right that is getting repeated to cause the larger black right side.


What I tried to do is create the actual image the size of the right side identical to the left so its 246 w x 920 height, but i don't want the reapeat just the actual image to display once. When i change that in the code my page shifts.

Here is my code.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Untitled</title>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body style="background-color:#141414 ">

<table width="100%" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%" valign="top" style="background:url('images/px_left.jpg') repeat-x top ; "></td>
<td width="766" valign="top">

<table width="766" style="height:920px; background:url('images/bg_main.jpg') no-repeat top ; " border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">

<table width="766" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="34" valign="top" style="background:url('images/bg.gif') no-repeat top ; "></td>
</tr>
<tr>
<td height="257" valign="top">

<table width="766" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="41" valign="top"></td>
<td width="684" valign="top" style="background:url('images/bg_head.jpg') no-repeat top ; ">

<table width="684" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="113" valign="top">
<a href="index.html">
<img src="images/b.jpg" alt="" border="0" width="127" height="46"></a><a href="index-1.html"><img src="images/b1.jpg" alt="" border="0" width="82" height="46"></a><a href="index-2.html"><img src="images/b2.jpg" alt="" border="0" width="86" height="46"></a><a href="index-3.html"><img src="images/b3.jpg" alt="" border="0" width="91" height="46"></a><a href="index-4.html"><img src="images/b4.jpg" alt="" border="0" width="89" height="46"></a><a href="index-5.html"><img src="images/b5.jpg" alt="" border="0" width="86" height="46"></a><a href="index-6.html"><img src="images/b6.jpg" alt="" border="0" width="123" height="46"></a>
</td>
</tr>
<tr>
<td height="144" valign="top">

<table width="684" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="233" valign="top">
<div style="margin-left:41px; ">
<img src="images/logo.jpg" alt="" width="126" height="82">
</div>
</td>
<td width="451" valign="top">
<div style="margin-top:15px; ">
<img src="images/tx.gif" alt="" width="204" height="51">
</div>
</td>
</tr>
</table>

</td>
</tr>
</table>

</td>
<td width="41" valign="top"></td>
</tr>
</table>

</td>
</tr>
<tr>
<td height="39" valign="top" style="background:url('images/bg1.jpg') no-repeat top ; ">

<table width="766" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="273" valign="top">
<div style="margin:7px 0px 0px 80px; ">
<a href="#"><img src="images/home.gif" alt="" border="0" width="25" height="26"></a><a href="#"><img src="images/mail.gif" alt="" border="0" style="margin-left:25px; margin-right:18px; " width="27" height="26"></a><a href="#"><img src="images/map.gif" alt="" border="0" width="37" height="26"></a>
</div>

</td>
<td width="493" valign="top" class="home">
<div style="margin-top:12px; ">
home / corporate overview
</div>
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td height="511" valign="top">

<table width="766" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="41" valign="top"></td>
<td width="684" valign="top">

<table width="684" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="2" valign="top"></td>
</tr>
<tr>
<td height="399" valign="top">

<table width="684" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="208" valign="top">

<table width="208" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="247" valign="top">
<div style="margin:24px 22px 10px 15px; ">
<img src="images/tx1.gif" alt="" width="167" height="18"><br>
<img src="images/spacer.gif" alt="" width="1" height="20"><br>
<img src="images/a1.gif" alt="" align="left" width="5" height="10"><div style="margin-left:10px; ">
<strong>30 - 10 - 2006</strong><br>
<img src="images/spacer.gif" alt="" width="1" height="2"><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.<br>
<img src="images/spacer.gif" alt="" width="1" height="12"><br>
<img src="images/l.gif" alt="" width="155" height="1"><br>
<img src="images/spacer.gif" alt="" width="1" height="12"><br>
</div>
<img src="images/a1.gif" alt="" align="left" width="5" height="10"><div style="margin-left:10px; ">
<strong>30 - 10 - 2006</strong><br>
<img src="images/spacer.gif" alt="" width="1" height="2"><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet.
</div>
</div>

</td>
</tr>
<tr>
<td height="152" valign="top">
<a href="#">
<img src="images/banner.jpg" alt="" border="0" width="207" height="147"></a>
</td>
</tr>
</table>

</td>
<td width="476" valign="top">

<table width="476" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="247" valign="top" style="background-color:#474747 " class="white">
<div style="margin:24px 22px 10px 24px; ">
<img src="images/tx2.gif" alt="" width="428" height="18"><br>
<img src="images/spacer.gif" alt="" width="1" height="22"><br>
<img src="images/pic.jpg" alt="" style="margin-right:14px; " align="left" width="86" height="86"><strong>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt.</strong><br>
<img src="images/spacer.gif" alt="" width="1" height="10"><br>
<a href="#">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse mole stie consequat, vel illum dolore eutid.<br>
<img src="images/spacer.gif" alt="" width="1" height="14"><br>
<a href="#">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit
</div>

</td>
</tr>
<tr>
<td height="152" valign="top">

<table width="476" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="238" valign="top" style="background:url('images/px.gif') repeat-y right ; ">

<table width="238" style="height:100%; background:url('images/bg3.gif') no-repeat top right ; " border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" style="background:url('images/bg4.gif') no-repeat bottom right ; ">
<div style="margin:20px 32px 10px 24px; ">
<img src="images/tx3.gif" alt="" width="168" height="19"><br>
<img src="images/spacer.gif" alt="" width="1" height="12"><br>
<strong>Ut wisi enim ad minim veniam, quis nostrud exerci tation.</strong><br>
<img src="images/spacer.gif" alt="" width="1" height="10"><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.
</div>

</td>
</tr>
</table>

</td>
<td width="238" valign="top">
<div style="margin:20px 24px 10px 25px; ">
<img src="images/tx4.gif" alt="" width="185" height="19"><br>
<img src="images/spacer.gif" alt="" width="1" height="12"><br>
<strong>Ut wisi enim ad minim veniam, quis nostrud exerci tation.</strong><br>
<img src="images/spacer.gif" alt="" width="1" height="10"><br>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod.
</div>
</td>
</tr>
</table>

</td>
</tr>
</table>

</td>
</tr>
</table>

</td>
</tr>
<tr>
<td height="110" valign="top" style="background:url('images/bg2.gif') no-repeat top ; ">
<div style="margin:28px 0px 0px 50px; ">
<img src="images/pic1.jpg" alt="" width="112" height="49"><img src="images/pic2.jpg" alt="" style="margin-left:41px; margin-right:59px; " width="109" height="49"><img src="images/pic3.jpg" alt="" width="104" height="49"><img src="images/pic4.jpg" alt="" style="margin-left:44px; " width="115" height="49">
</div>

</td>
</tr>
</table>

</td>
<td width="41" valign="top"></td>
</tr>
</table>



</td>
</tr>
<tr>
<td height="79" valign="top">

<table width="766" style="height:100% " border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="41" valign="top"></td>
<td width="684" valign="top" style="background:url('images/bg_copy.gif') no-repeat top ; " class="copy">
<div style="margin:17px 0px 0px 51px; ">
<a href="index.html">
<img src="images/bb.gif" alt="" border="0" width="35" height="8"></a><a href="index-1.html"><img src="images/bb1.gif" alt="" border="0" style="margin-left:51px; margin-right:29px; " width="53" height="8"></a><a href="index-2.html"><img src="images/bb2.gif" alt="" border="0" width="47" height="8"></a><a href="index-3.html"><img src="images/bb3.gif" alt="" border="0" style="margin-left:39px; margin-right:39px; " width="52" height="8"></a><a href="index-4.html"><img src="images/bb4.gif" alt="" border="0" width="58" height="8"></a><a href="index-5.html"><img src="images/bb5.gif" alt="" border="0" style="margin-left:31px; margin-right:30px; " width="56" height="8"></a><a href="index-6.html"><img src="images/bb6.gif" alt="" border="0" width="55" height="8"></a><br>
<div style="margin:30px 0px 0px 85px; ">
2006 &copy; Copyright CompanyName. All rights reserved. Read Legal policy and <a href="index-7.html">Privacy policy.</a>
</div>
</div>

</td>
<td width="41" valign="top"></td>
</tr>
</table>

</td>
</tr>
</table>

</td>
</tr>
</table>


</td>
<td width="50%" valign="top" style="background:url('images/px_right.jpg') repeat-x top ; "></td>
</tr>
</table>



</body>
</html>
Oct 6 '07 #5

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

4 posts views Thread by jereme.goblue | last post: by
reply views Thread by richard12345 | last post: by
reply views Thread by leo001 | last post: by
reply views Thread by lumer26 | last post: by
reply views Thread by Vinnie | last post: by
reply views Thread by lumer26 | last post: by
reply views Thread by lumer26 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.