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 Rhinorhino 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
Joined
Dec 18, 2001
Messages
74
Location
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 Question
Godaddy Background template picture
Replies
2
Views
416
katrinnew
katrinnew
ecm28
  • Locked
  • Question Question
Background image
Replies
6
Views
341
traingamer
traingamer
okpeery
  • Locked
  • Question Question
Using a background image
Replies
3
Views
185
okpeery
okpeery
xpander1
  • Locked
  • Question Question
non-square image/transparent background?
Replies
1
Views
171
BillyRayPreachersSon
BillyRayPreachersSon
coxdon
  • Locked
  • Question Question
Play a background sound file once per session
Replies
1
Views
135
ca8msm
ca8msm

Part and Inventory Search

Sponsor

Back
Top