HighDots Forums  

Shifting Cell

Macromedia Dreamweaver Macromedia Dreamweaver Discussions (macromedia.dreamweaver)


Discuss Shifting Cell in the Macromedia Dreamweaver forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Deaf Mike
 
Posts: n/a

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






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.


Reply With Quote
  #2  
Old   
Osgood
 
Posts: n/a

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






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">

<!--

body { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left:

0px; padding:0px; }

..header { font-family: "Monotype Corsiva"; font-size: 24px; color:
#811B2D; margin-top: 25px; margin-right: 25px; margin-bottom: 25px;
margin-left: 25px}

..maintext { font-family: Arial, Helvetica, sans-serif; font-size: 14px;
color: #000000; margin-left: 25px; margin-top: 25px; margin-right: 25px;
margin-bottom: 25px}
#bgimage {
background-image: url(images/linksbg.jpg);
background-repeat: norepeat;
}
-->

</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.



Reply With Quote
  #3  
Old   
Osgood
 
Posts: n/a

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



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


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


Reply With Quote
  #4  
Old   
Deaf Mike
 
Posts: n/a

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



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!


Reply With Quote
  #5  
Old   
Osgood
 
Posts: n/a

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



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!



Reply With Quote
  #6  
Old   
Pablo
 
Posts: n/a

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



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!




Reply With Quote
  #7  
Old   
Murray *TMM*
 
Posts: n/a

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



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!




Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.