Shifting Cell

#1

www.video-excel.com/oms please look at the left links box. you'll notice the
photo BG thats in there. i tried placing a transparent gif in there of the
same size to lock the width in place. but when you re-size the browser window,
the text in the white box push the links box, making it grow and repeat its
image, which i don't want. can you tell me what i can do to stop that from
happening? PS -- i also have a transparent spacer in the text box to stop it
from shifting after it reaches a certain width.

#2

You realy need to use some css to control the bg image to stop it repeating.

Locate the <td> cell code which houses the image. You can do this by
selecting the appropriate <td> tag in the bottom left of the DW design
view. Then open the page in code view. Scroll down, the code will be
highlighted.

Change this:

<td width="175" height="360" background="images/linksbg.jpg"
align="center" valign="top" id="bgimage">

to this (note the id code at the end) and the deletion of the background
="images/linksbg.jpg"

<td width="175" height="360" align="center" valign="top" id="bgimage">

then add this to the <styles> in the head of the page.

#bgimage {
background-image: url(images/linksbg.jpg);
background-repeat: norepeat;
}

It should now look likee below (note the new style added to the end)

<style type="text/css">



</style>

Thats it.

Deaf Mike wrote:

Quote:

www.video-excel.com/oms please look at the left links box. you'll notice the
photo BG thats in there. i tried placing a transparent gif in there of the
same size to lock the width in place. but when you re-size the browser window,
the text in the white box push the links box, making it grow and repeat its
image, which i don't want. can you tell me what i can do to stop that from
happening? PS -- i also have a transparent spacer in the text box to stop it
from shifting after it reaches a certain width.

#3

oops missed a hypen out between 'no' and 'repeat'. Should be as below:

#bgimage {
background-image: url(images/linksbg.jpg);
background-repeat: no-repeat;
}

#4

ok thanks a lot. it worked. i have a follow-up question.... would i have
been able to set this up in DW somehow using the CSS feature, or would the only
way to have done this would be to cut and paste stuff like i did when you sent
me the emails? thanks!

#5

To be honest Mike I think yes but since I dont and have never used the
inbult DW css feature unfortunatley I would'nt be able to talk you
through it precisely step by step.

But I susbect you would open the css panel, create a new style, scroll
through the list of available css option, bg image I believe is one of
them, and then select the relevent <td> in the bottom left corner of DW
design view, open the css selector and apply the id or class from the
list available.

The reason I dont use the inbuilt css tool is because its a bit
long-winded in my opinion. I admit it is useful for beginners to find
their feet but you should really be looking to create this stuff right
in the css style sheet or between the <head> tags of the pages code.

Deaf Mike wrote:

Quote:

ok thanks a lot. it worked. i have a follow-up question.... would i have
been able to set this up in DW somehow using the CSS feature, or would the only
way to have done this would be to cut and paste stuff like i did when you sent
me the emails? thanks!

#6

Copy and paste your css into a new file and link your pages to that file, ps
name the file with a .css extension. Always use external sheets, it will be
so helpful when you want to change something throughout your site.

"Deaf Mike" <webforumsuser (AT) macromedia (DOT) com> a écrit dans le message de news:
cmlckq$rv3$1 (AT) forums (DOT) macromedia.com...

Quote:

ok thanks a lot. it worked. i have a follow-up question.... would i
have
been able to set this up in DW somehow using the CSS feature, or would the
only
way to have done this would be to cut and paste stuff like i did when you
sent
me the emails? thanks!

#7

DW's CSS editor is great for doing stuff like this. It's all I use.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"Deaf Mike" <webforumsuser (AT) macromedia (DOT) com> wrote

Quote:

ok thanks a lot. it worked. i have a follow-up question.... would i
have
been able to set this up in DW somehow using the CSS feature, or would the
only
way to have done this would be to cut and paste stuff like i did when you
sent
me the emails? thanks!

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Shifting Cell

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)

Shifting Cell - 11-07-2004 , 03:00 AM

Re: Shifting Cell - 11-07-2004 , 03:42 AM

Re: Shifting Cell - 11-07-2004 , 04:57 AM

Re: Shifting Cell - 11-07-2004 , 09:48 AM

Re: Shifting Cell - 11-07-2004 , 10:08 AM

Re: Shifting Cell - 11-07-2004 , 10:14 AM

Re: Shifting Cell - 11-07-2004 , 11:24 AM