Discussion:
Background Image In Cell Repeating
(too old to reply)
electricboogaloowreck
21 years ago
Permalink
Is there a way to stop a background image in a table cell from repeating? I think this is what is happening with mine and I can't seem to get rid of it.

Thanks in advance!!

Chelsea
DiMa
21 years ago
Permalink
Post by electricboogaloowreck
Is there a way to stop a background image in a table cell from
repeating? I think this is what is happening with mine and I can't
seem to get rid of it.
You must use css. You should already be using css to place the image, so just
stop it from repeating.

.blah {
background-image: url(images/cellbgimage.gif);
background-repeat: no-repeat;
}

<td class="blah"...>

--
--
DiMa
--------------------
WEB FORUM USERS: Please log on to the Newsgroup for quicker replies to
your posts: news://forums.macromedia.com/macromedia.dreamweaver
For Answers, check here first:
http://groups.google.com/advanced_group_search?q=+group:macromedia.dreamweaver
http://www.macromedia.com/support/dreamweaver/technotes.html
http://www.projectseven.com/faqbase
http://dwfaq.com

http://www.macromedia.com/support/forums/etiquette.htm

www.flyingtigerwebdesign dot com
sebnewyork
21 years ago
Permalink
You have to use CSS styles.
In Dreamweaver open the CSS styles window. top left of css window, Create a new style. Call it .bgImageNoRepeat or whatever you want to call it.
In the css panel, select background, then in the image background box enter the url of your image.
Then in repeat box select no repeat.
In the other boxes you can define the position of your image in the cell.

Then go back to your page where the cell is. Get rid of the background image in the html of the cell
(<td background="image.jpg"> change to <td>)
In view mode, select your cell.
Then select the css style you just created in your css window. Then top left css window, select apply.

That will change you html as follow:
<td> will be <td class="bgImageNoRepeat">

Continue reading on narkive:
Loading...