Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

fixed background

Status
Not open for further replies.
sharifsucks

sharifsucks

MIS
Dec 18, 2001
74
NL
i need to use an image as background on a layout table in dreamweaver, but i dont want this image to keep on repeating, i just want it on the lower left corner. can someone tell me how to that? i found some scripts but they are mostly only for the whole page background and not for one table only...

thank you
 
Sort by date Sort by votes
do you mean something like this
<STYLE TYPE=&quot;text/css&quot;><!--
BODY{
background-image: url(&quot;image.gif&quot;);
background-attachment: fixed;
background-position: 0% 100%;
background-repeat: no-repeat;

}
--></STYLE>
this places a image in the background in the lower left corner and does not repeat.

or you could simple place the image in the background attribute of the td in the lower left corner of the table
<html>
<head>
</head>
<body>
<table border=&quot;1&quot; width=300>
<tr>
<td>bla</td>
<td>bla</td>
</tr>
<tr>
<td background=&quot;leave.jpg&quot;>bla</td>
</tr>
</table>
</body>
</html>

the image should not repeat in the background of the column.

I would use the first and position it to what you want though Hope that helps
admin@onpntwebdesigns.com
 
Upvote 0 Downvote
thanks...
but i still dong understand where i need to put this if i need this for only a table background. because for the page background i do need a repeating background. hope that makes sense...

thanks
 
Upvote 0 Downvote
i need to use this so i can put text over the background. so the second tip wouldn't work
 
Upvote 0 Downvote
OK.. how about a inline then for the table
<html>
<head>
</head>
<body>
<table border=0 width=300 height=300>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td style=&quot;background-image:URL('small.jpg'); background-attachment:fixed; background-position: 0% 100%;background-repeat:no-repeat;&quot;>here's the text!</td>
</tr>
</table>
</body>
</html>

am I getting closer to what you mean. maybe post the code you want to use this in (the table) Hope that helps
admin@onpntwebdesigns.com
 
Upvote 0 Downvote
i tried your advice,onpnt.but i just seemto get it to work. i'm sorry, i'm not usedto handcode these things, i use dreamweaver4.

well here is the code:

<HTML>
<HEAD>
<TITLE>Untitled Document</TITLE>
<META http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
</HEAD>

<BODY bgcolor=&quot;#FFFFFF&quot; text=&quot;#000000&quot;>
<TABLE width=&quot;708&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; background=&quot;file:///C|/WINDOWS/Desktop/sharifsucks/creations/homepage/images/images/linksbanner.jpg&quot;>
<TR>
<TD width=&quot;708&quot; height=&quot;314&quot;></TD>
</TR>
</TABLE>
</BODY>
</HTML>

that .../linksbanner.jpg is the image. i dont know where to put the code you gave me.

thanks
 
Upvote 0 Downvote
try this
<HTML>
<HEAD>
<TITLE>Untitled Document</TITLE>
<META http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
</HEAD>

<BODY bgcolor=&quot;#FFFFFF&quot; text=&quot;#000000&quot;>
<TABLE width=&quot;708&quot; border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot;style=&quot;background-image:URL('path here'); background-attachment:fixed; background-position: 0% 100%;background-repeat:no-repeat;&quot;>
<TR>
<TD width=&quot;708&quot; height=&quot;314&quot;></TD>
</TR>
</TABLE>
</BODY>
</HTML>

tried it out and it works ok. I thru some text over it and it also looks fine. let me know if it doesn't work. Hope that helps
admin@onpntwebdesigns.com
 
Upvote 0 Downvote
sorry missed a space in the post here
cellspacing=&quot;0&quot;style=&quot;
change to
cellspacing=&quot;0 &quot;style=&quot; Hope that helps
admin@onpntwebdesigns.com
 
Upvote 0 Downvote
ok, I'm getting just stupid or in a hurry
cellspacing=&quot;0&quot; style=&quot; Hope that helps
admin@onpntwebdesigns.com
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

katrinnew
  • Locked
  • Question
Godaddy Background template picture 1
Replies
2
Views
100
katrinnew
katrinnew
ecm28
  • Locked
  • Question
Background image
Replies
6
Views
54
traingamer
traingamer
okpeery
  • Locked
  • Question
Using a background image
Replies
3
Views
35
okpeery
okpeery
xpander1
  • Locked
  • Question
non-square image/transparent background?
Replies
1
Views
45
BillyRayPreachersSon
BillyRayPreachersSon
coxdon
  • Locked
  • Question
Play a background sound file once per session
Replies
1
Views
40
ca8msm
ca8msm

Part and Inventory Search

Sponsor

Back
Top