Help with background image center position in firefox

See here on
firefox<<<
i dont know whats going wrong, i tried many different ways
with divs only but doesnt work...
any help appreciated...
css
/* CSS Document */
body {
background-image:url("resources.jpg");
background:url("resources.gif") no-repeat center;
.textstyle01res {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:62%;
color:#FFFFFF !important;
text-align:center;
padding-top:360px;
text-decoration:none;
.textstyle01res a {
color:#FFFFFF !important;
text-align:center;
padding-top:360px;
text-decoration:none;
html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<link href='res.css' rel="stylesheet" type="text/css"
media="screen" />
<title>Feast of Marriage - Resources</title>
<style type="text/css">

</style>
</head>
<body>
<div style="width:940px; height:140px;">
</div>
<div style="padding-left:227px;" align="center">
<table width="200" border="0">
<tr>
<td><img src="res-a.jpg" border="0"
alt=""/></td>
</tr>
</table>
</div>
</body>
</html>

css:
table#centerTable {
margin-left: auto;
margin-right: auto;
html:
<body>
<div style="width:940px; height:140px;"></div>
<table id="centerTable" width="200" border="0">
<tr>
<td><img src="res-a.jpg" border="0"
alt=""/></td>
</tr>
</table>
</body>
Lampros_uk wrote:
>
http://www.3ddream.net/feast/resources.html<<<
> i dont know whats going wrong, i tried many different
ways with divs only but
> doesnt work...
> any help appreciated...
>
> css
> /* CSS Document */
>
>
> body {
> background-image:url("resources.jpg");
> background:url("resources.gif") no-repeat center;
> }
>
> .textstyle01res {
> font-family:Verdana, Arial, Helvetica, sans-serif;
> font-size:62%;
> color:#FFFFFF !important;
> text-align:center;
> padding-top:360px;
> text-decoration:none;
> }
> .textstyle01res a {
> color:#FFFFFF !important;
> text-align:center;
> padding-top:360px;
> text-decoration:none;
> }
> --------------
>
> html
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
> <link href='res.css' rel="stylesheet" type="text/css"
media="screen" />
> <title>Feast of Marriage - Resources</title>
> <style type="text/css">
> 
> </style>
> </head>
> <body>
> <div style="width:940px; height:140px;">
> </div>
>
>
> <div style="padding-left:227px;" align="center">
> <table width="200" border="0">
> <tr>
> <td><img src="res-a.jpg" border="0"
alt=""/></td>
> </tr>
> </table>
> </div>
> </body>
> </html>
>
>

Similar Messages

Help with background image (Not sure how to ask this..........)

I have just started to try and make my first site. I designed it in Photoshop first as I learned in many tutorials. I don't know why my background image looks like this when I scale down below 100%, but at 100% or "fit all"&"fit width" it doesn't change and I can't move it with the hand tool or scroll it. I'm sorry, I'm just learning.
Thank you.

Hello,
in addition, I tried this (page properties = translated from my German DW) too an the only difference had been this "missing end bracket".
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>ioneglines.com</title>
<style type="text/css">
body {
background-image: url(myImage.png);
background-repeat: no-repeat;
</style>
</head>
<body>
</body>
</html>
... before you insert your image as a background image, you have to give it the dimensions, you want to see in your file. Please use try and error method.
Hans-Günter

FF36: Sites with background image flickers/flashes when going back to tab after 2 minutes.

Figure I'll mention this here as well.
When viewing websites with background images, such as twitter.com or my own website at www.markheadrick.com and I change to another tab for 2 minutes (this amount of time is repeatable anyway) I get a flicker of a black background before the page is fully drawn. If I have multiple tabs with the same background image, only the first tab will show the flicker. It's like it's loosing the image in memory or something. It has done this with Firefox in Safe Mode and with a new, clean profile. It has also done this with Hardware Acceleration off.
Windows 7 Pro 64bit w/ NVidia 550ti and 314.22 drivers. Newer drivers are more problematic which is why I have stayed with these.
Again, only pages with background images seem to show this flicker. Did not happen with Firefox 35 on my system.
I created a bug for it here: https://bugzilla.mozilla.org/show_bug.cgi?id=1137082
Thanks,
Mark H

I tried, but could not see and problem.
Hello,
In order to better assist you with your issue please provide us with a screenshot. If you need help to create a screenshot, please see [[How do I create a screenshot of my problem?]]
Once you've done this, attach the saved screenshot file to your forum post by clicking the '''Browse...''' button below the ''Post your reply'' box. This will help us to visualize the problem.
Thank you!

Looking to create fully editable PDF files with background images

Hello and thank you, I create menu's and flyers for a group of restaurants. I need to make text editable PDF menus with background images. I believe Livecycle is able to do this, but would really like to hear it from someone who knows for sure. Again thank you.
Cheers,
Charlie

Yes it can. Download a free trial and try it out.

Firefox scrolls slowly on websites with background images.

I find that when I go to websites that have background images, such as my tumblr (deshaunic.us) or the call of duty websites (http://www.callofduty.com/missions), scrolling is very slow and stutters, even though I have smooth scrolling enabled.
I have not had such issues with IE. I also have not had these issues on a different machine running Firefox 4 beta.

A workaround is to use a bookmarklet to make the background scroll.<br />
This code may not work on all sites, only if the background image is attached to the body.
<pre><nowiki>javascript:void(document.body.style.backgroundAttachment='scroll');</nowiki></pre>
See also http://en.wikipedia.org/wiki/Bookmarklet

Help with DW & FW8 nav position in vertical centred page

I have a FW8 CSS navbar which is contained within a wrapper
div for a horizontally and vertically centred page (table layout).
Works ok in Firefox and looks ok in IE but when IE browser is
resized the navbar isn't staying in place. I've changed the
position elements but can't get the combination right. Can anyone
help please?

For what it's worth,
td img {
/* Another Mozilla/Netscape bug with making sure our images
display
correctly
display: block;
this is not a Moz bug. It's an IE one. Moz is displaying
images according
to the standards - it's IE that is creating your problems.
And what you
have done here is to bludgeon Moz into compliance by making
an image
something it's not.... For what it's worth.
With regard to the FW menus, I have decided not to help
people with them.
I'm sorry, but since MM created them this way against the
advice of their
many consultants, I think they need to support their
creation. Just look at
that stupid mess of CSS....
Murray --- ICQ 71997575
Adobe Community Expert
(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
==================
"Mdsign" <[email protected]> wrote in
message
news:[email protected]...
>I have a FW8 CSS navbar which is contained within a
wrapper div for a
> horizontally and vertically centred page (table layout).
Works ok in
> Firefox
> and looks ok in IE but when IE browser is resized the
navbar isn't staying
> in
> place. I've changed the position elements but can't get
the combination
> right.
> Can anyone help please?
>
> html, body, #wrapper {
> background-color: #E8EFF7;
> height:100%;
> margin: 0;
> padding: 0;
> border: none;
> text-align: center;
> }
>
> td img {
> /* Another Mozilla/Netscape bug with making sure our
images display
> correctly
> */
> display: block;
> }
>
> #FWTableContainer841513528 {
> /* The master div to make sure that our popup menus get
aligned correctly.
> Be
> careful when playing with this one. */
> position:relative;
> margin:0px;
> width:750px;
> height:30px;
> text-align:left;
> }
>
> #MMMenuContainer0314150012_0 {
> /* This ID is related to the master menu div for menu
> MMMenuContainer0314150012_0 and contains the important
positioning
> information
> for the menu as a whole */
> position:relative;
> left:188px;
> top:30px;
> visibility:hidden;
> z-index:300;
> }
>
> #MMMenu0314150012_0 {
> /* This class defines things about menu
MMMenu0314150012_0's div. */
> position:absolute;
> left:0px;
> top:0px;
> visibility:hidden;
> background-color:transparent;
> width:148px;
> height:110px;
> }
>
> .MMMIFVStyleMMMenu0314150012_0 {
> /* This class determines the general characteristics of
the menu items in
> menu
> MMMenu0314150012_0 */
> width:148px;
> height:22px;
> voice-family: "\"}\"";
> voice-family:inherit;
> width:140px;
> height:14px;
> }
>
> .MMMIVStyleMMMenu0314150012_0 {
> /* This class determines the general characteristics of
the menu items in
> menu
> MMMenu0314150012_0 */
> width:148px;
> height:22px;
> voice-family: "\"}\"";
> voice-family:inherit;
> width:140px;
> height:14px;
> }
>
> #MMMenu0314150012_0_Item_0 {
> /* Unique ID for item 0 of menu MMMenu0314150012_0 so we
can set its
> position
> */
> left:0px;
> top:0px;
> }
>
> #MMMenu0314150012_0_Item_1 {
> /* Unique ID for item 1 of menu MMMenu0314150012_0 so we
can set its
> position
> */
> left:0px;
> top:22px;
> }
>
> #MMMenu0314150012_0_Item_2 {
> /* Unique ID for item 2 of menu MMMenu0314150012_0 so we
can set its
> position
> */
> left:0px;
> top:44px;
> }
>
> #MMMenu0314150012_0_Item_3 {
> /* Unique ID for item 3 of menu MMMenu0314150012_0 so we
can set its
> position
> */
> left:0px;
> top:66px;
> }
>
> #MMMenu0314150012_0_Item_4 {
> /* Unique ID for item 4 of menu MMMenu0314150012_0 so we
can set its
> position
> */
> left:0px;
> top:88px;
> }
>
> #MMMenuContainer0314150012_0 img {
> /* needed for Mozilla/Camino/Netscape */
> border:0px;
> }
>
> #MMMenuContainer0314150012_0 a {
> /* Controls the general apperance for menu
MMMenuContainer0314150012_0's
> items, including color and font */
> text-decoration:none;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> font-size:10px;
> color:#6699cc;
> text-align:left;
> vertical-align:middle;
> padding:4px;
> background: url("mmmenu2_148x22_up.gif") #e6eef7;
> font-weight:normal;
> font-style:normal;
> display:block;
> position:absolute;
> }
>
> #MMMenuContainer0314150012_0 a:hover {
> /* Controls the mouse over effects for menu
MMMenuContainer0314150012_0 */
> color:#cc0000;
> background: url("mmmenu2_148x22_over.gif") #e6eef7;
> }
> #MMMenuContainer0314145458_1 {
> /* This ID is related to the master menu div for menu
> MMMenuContainer0314145458_1 and contains the important
positioning
> information
> for the menu as a whole */
> position:absolute;
> left:467px;
> top:30px;
> visibility:hidden;
> z-index:300;
> }
>
> #MMMenu0314145458_1 {
> /* This class defines things about menu
MMMenu0314145458_1's div. */
> position:absolute;
> left:0px;
> top:0px;
> visibility:hidden;
> background-color:transparent;
> width:113px;
> height:22px;
> }
>
> .MMMIFVStyleMMMenu0314145458_1 {
> /* This class determines the general characteristics of
the menu items in
> menu
> MMMenu0314145458_1 */
> width:113px;
> height:22px;
> voice-family: "\"}\"";
> voice-family:inherit;
> width:105px;
> height:14px;
> }
>
> #MMMenu0314145458_1_Item_0 {
> /* Unique ID for item 0 of menu MMMenu0314145458_1 so we
can set its
> position
> */
> left:0px;
> top:0px;
> }
>
> #MMMenuContainer0314145458_1 img {
> /* needed for Mozilla/Camino/Netscape */
> border:0px;
> }
>
> #MMMenuContainer0314145458_1 a {
> /* Controls the general apperance for menu
MMMenuContainer0314145458_1's
> items, including color and font */
> text-decoration:none;
> font-family:Verdana, Arial, Helvetica, sans-serif;
> font-size:10px;
> color:#6699cc;
> text-align:left;
> vertical-align:middle;
> padding:4px;
> background: url("mmmenu1_113x22_up.gif") #e6eef7;
> font-weight:normal;
> font-style:normal;
> display:block;
> position:absolute;
> }
>
> #MMMenuContainer0314145458_1 a:hover {
> /* Controls the mouse over effects for menu
MMMenuContainer0314145458_1 */
> color:#cc0000;
> background: url("mmmenu1_113x22_over.gif") #e6eef7;
> }
>

Problem with aligning buttons with background image.

Dear all,
Just an introduction, I am a newbie to dreamweaver and currently hopelessly lost in solving some problems, and wish to seek your advice and help here.
I am creating a webpage with a background that shows a line across near the top of the site. I placed an image with the line as background under the page properties. I am placing buttons on that line, so when I mouse over the buttons, the part of the line above the buttons will darken, showing that the button has been selected.
The image of the buttons include the darken lines and the words. I can align the button lines with the background line when viewing the site in 100%, but on other resolutions or if I zoom in 125% or 150%, the lines are not aligned.
Here is a picture of my dreamweaver working area, where I manually adjust the buttons to align with the background line. The button lines are already not aligned here, but they look aligned on site in 100%.
[IMG]http://i1126.photobucket.com/albums/l614/artbox11/pic1.jpg[/IMG]
Here are how the lines look at 150%. The arrows show where the button lines are not aligned with the background image line.
[IMG]http://i1126.photobucket.com/albums/l614/artbox11/pic2.jpg[/IMG]
Can anyone advise how I can align the button lines with the background image line so that whichever resolution I view the lines will be aligned from side to side? Any tips and advice will be greatly appreciated, as I have been looking around DW for a day now and cannot find out how to fix this.
Thank you!!

Dear Murray, thank you for offering to help, much appreciated.
Here are my codes. I did not write any of the codes though, I just use the design tab and built tables and insert images.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Metamorfic</title>
<script type="text/javascript">

</script>
<style type="text/css">

</style>
<script type="text/javascript" src="/jwplayer/jwplayer.js"></script>
</head>
<body onload="MM_preloadImages('Metamorfic Site Files/Button - About 2.jpg','Metamorfic Site Files/Button - Contact 2.jpg')">
<table width="800" border="0" align="center">
<tr>
    <td> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
    <td height="187"> </td>
    <td> </td>
    <td> </td>
</tr>
<tr>
    <td width="116" height="32"> </td>
    <td width="552"> </td>
    <td width="110"> </td>
</tr>
</table>
<table width="1100" height="50" border="0" align="center">
<tr>
    <td width="1094" height="46"><table width="672" height="34" border="0" align="center">
      <tr>
        <td width="666" height="30" align="center" valign="bottom"><img src="Metamorfic Site Files/Button - About 1.jpg" width="122" height="28" id="Image3" onmouseover="MM_swapImage('Image3','','Metamorfic Site Files/Button - About 2.jpg',1)" onmouseout="MM_swapImgRestore()" /><img src="Metamorfic Site Files/Button - Contact 1.jpg" width="110" height="28" id="Image6" onmouseover="MM_swapImage('Image6','','Metamorfic Site Files/Button - Contact 2.jpg',1)" onmouseout="MM_swapImgRestore()" /></td>
      </tr>
    </table></td>
</tr>
</table>
<table width="800" border="0" align="center">
<tr>
    <td height="340"> </td>
</tr>
</table>
<table width="800" border="0" align="center">
<tr>
    <td width="300" align="center" valign="middle"> </td>
    <td width="25" align="center" valign="middle"> </td>
    <td width="25" align="center" valign="middle"> </td>
    <td width="25" align="center" valign="middle"> </td>
    <td width="25" align="center" valign="middle"> </td>
    <td width="25" align="center" valign="middle"> </td>
    <td width="25" align="center" valign="middle"> </td>
    <td width="25" align="center" valign="middle"> </td>
    <td width="25" align="center" valign="middle"> </td>
    <td width="300" align="center" valign="middle"> </td>
</tr>
</table>
<p> </p>
</body>
</html>

Server goes out of memory when annotating TIFF File. Help with Tiled Images

I am new to JAI and have a problem with the system going out of memory
Objective:
1)Load up a TIFF file (each approx 5- 8 MB when compressed with CCITT.6 compression)
2)Annotate image (consider it as a simple drawString with the Graphics2D object of the RenderedImage)
3)Send it to the servlet outputStream
Problem:
Server goes out of memory when 5 threads try to access it concurrently
Runtime conditions:
VM param set to -Xmx1024m
Observation
Writing the files takes a lot of time when compared to reading the files
Some more information
1)I need to do the annotating at a pre-defined specific positions on the images(ex: in the first quadrant, or may be in the second quadrant).
2)I know that using the TiledImage class its possible to load up a portion of the image and process it.
Things I need help with:
I do not know how to send the whole file back to servlet output stream after annotating a tile of the image.
If write the tiled image back to a file, or to the outputstream, it gives me only the portion of the tile I read in and watermarked, not the whole image file
I have attached the code I use when I load up the whole image
Could somebody please help with the TiledImage solution?
Thx
public void annotateFile(File file, String wText, OutputStream out, AnnotationParameter param) throws Throwable {
ImageReader imgReader = null;
ImageWriter imgWriter = null;
TiledImage in_image = null, out_image = null;
IIOMetadata metadata = null;
ImageOutputStream ios = null;
try {
Iterator readIter = ImageIO.getImageReadersBySuffix("tif");
imgReader = (ImageReader) readIter.next();
imgReader.setInput(ImageIO.createImageInputStream(file));
metadata = imgReader.getImageMetadata(0);
in_image = new TiledImage(JAI.create("fileload", file.getPath()), true);
System.out.println("Image Read!");
Annotater annotater = new Annotater(in_image);
out_image = annotater.annotate(wText, param);
Iterator writeIter = ImageIO.getImageWritersBySuffix("tif");
if (writeIter.hasNext()) {
imgWriter = (ImageWriter) writeIter.next();
ios = ImageIO.createImageOutputStream(out);
imgWriter.setOutput(ios);
ImageWriteParam iwparam = imgWriter.getDefaultWriteParam();
if (iwparam instanceof TIFFImageWriteParam) {
iwparam.setCompressionMode(ImageWriteParam.MODE_EXPLICIT);
TIFFDirectory dir = (TIFFDirectory) out_image.getProperty("tiff_directory");
double compressionParam = dir.getFieldAsDouble(BaselineTIFFTagSet.TAG_COMPRESSION);
setTIFFCompression(iwparam, (int) compressionParam);
else {
iwparam.setCompressionMode(ImageWriteParam.MODE_COPY_FROM_METADATA);
System.out.println("Trying to write Image ....");
imgWriter.write(null, new IIOImage(out_image, null, metadata), iwparam);
System.out.println("Image written....");
finally {
if (imgWriter != null)
imgWriter.dispose();
if (imgReader != null)
imgReader.dispose();
if (ios != null) {
ios.flush();
ios.close();
}

user8684061 wrote:
U are right, SGA is too large for my server.
I guess oracle set SGA automaticlly while i choose default installion , but ,why SGA would be so big? Is oracle not smart enough ?Default database configuration is going to reserve 40% of physical memory for SGA for an instance, which you as a user can always change. I don't see anything wrong with that to say Oracle is not smart.
If i don't disincrease SGA, but increase max-shm-memory, would it work?This needs support from the CPU architecture (32 bit or 64 bit) and the kernel as well. Read more about the huge pages.

Help with partial image loss from Viewer to Canvas

Hi--I'm brand new to FCP and would really appreciate any help with my problem. I'm creating 2 second video clips composed of four still images (15 frames...or 500ms each) laid back to back, then rendered. Very simple, I know. The individual images are tiff files that look great in the FCP Viewer. But in the Canvas, part of the image is missing. Specifically, in the center of each image there should be a + sign, about 1cm square. This + should remain constant thoughout the short movie, while the items around it vary (from image to image). (This is a psychology experiment, and the center + is a fixation cross.) The problem is that in the Viewer the + sign is intact, but in the Canvas (and the resulting rendered video), only the vertical bar of the + is present! This is true for every individual tiff, and for the resulting movie. The items around the fixation cross are fine. My question is WHY on earth does the central horizontal bar get "lost" between the Viewer and the Canvas? I've read the manuals, but obviously I've got something set wrong. Also, there is a considerable overall reduction in quality between the viewer and canvas, even though I'm trying my best to maximize video quality. Everything looks a bit blurry. Truly, all ideas are welcome. Sorry if it's obvious. Thanks.
G5 Mac OS X (10.4.3)

steve, i'm viewing on my 23" cinema screen. i read up on quality and know that this is a no-no; that i should only judge quality when viewing on an ntsc monitor or good tv. the problem is that i'll ultimately be displaying these videos on my Dell LCD, so i've got to maximize what i've got. thanks to the discussion boards i have a short list of things to try now. thanks!
-heather

Help with adding image onclick

Hey everyone,
I am making a simple game in AS3 and need help with adding an image once they have click on something.
On the left of the screen are sentences and on the right an image of a form. When they click each sentence on the left, writing appears on the form. Its very simple. With this said, what I would like to do is once the user click one of the sentences on the left, I would like a checkmark image to appear over the sentence so they know they have already clicked on it.
How would I go about adding this to my code?
var fields:Array = new Array();
one_btn.addEventListener(MouseEvent.CLICK, onClick1a);
one_btn.buttonMode = true;
function onClick1a(event:MouseEvent):void
    fields.push(new one_form());
    fields[fields.length-1].x = 141;
    fields[fields.length-1].y = -85;
    this.addChild(fields[fields.length-1]);
    one_btn.removeEventListener(MouseEvent.CLICK, onClick1a);
    one_btn.buttonMode = false;
    //gotoAndStop("one")
two_btn.addEventListener(MouseEvent.CLICK, onClick2a);
two_btn.buttonMode = true;
function onClick2a(event:MouseEvent):void
    fields.push(new two_form());
    fields[fields.length-1].x = 343.25;
    fields[fields.length-1].y = -85;
    this.addChild(fields[fields.length-1]);
    two_btn.removeEventListener(MouseEvent.CLICK, onClick2a);
    two_btn.buttonMode = false;
    //gotoAndStop("two")

I don't know where you're positioning the button that should enable/disable the checkbox but for "one_btn" let's just say it's at position: x=100, y=200. Say you'd want the checkbox to be to the left of it, so the checkbox would be displayed at: x=50, y=200. Also say you have a checkbox graphic in your library, exported for actionscript with the name "CheckBoxGraphic".
Using your code with some sprinkles:
// I'd turn this into a sprite but we'll use the default, MovieClip
var _checkBox:MovieClip = new CheckBoxGraphic();
// add to display list but hide
_checkBox.visible = false;
// just for optimization
_checkBox.mouseEnabled = false;
_checkBox.cacheAsBitmap = true;
// adding it early so make sure the forms loaded don't overlap the
// checkbox or it will cover it, otherwise swapping of depths is needed
addChild(_checkBox);
// I'll use a flag (a reference for this) to know what button is currently pushed
var _currentButton:Object;
one_btn.addEventListener(MouseEvent.CLICK, onClick1a);
one_btn.buttonMode = true;
function onClick1a(event:MouseEvent):void
     // Check if this button is currently the pressed button
     if (_currentButton == one_btn)
          // disable checkbox, remove form
          _checkBox.visible = false;
          // form should be last added to fields array, remove
          removeChild(fields[fields.length - 1]);
          fields.pop();
          // clear any reference to this button
          _currentButton = null;
     else
          // enable checkbox
          _checkBox.visible = true;
          _checkBox.x = 50;
          _checkBox.y = 200;
          // add form
          fields.push(new one_form());
          fields[fields.length-1].x = 141;
          fields[fields.length-1].y = -85;
          this.addChild(fields[fields.length-1]);
          // save this button as last clicked
          _currentButton = one_btn;
     // not sure what this is
    //gotoAndStop("one")
I'd also centralize all the click handlers into a single handler and use the buttons name to branch on what to do, but that's a different discussion. Just see if this makes sense to you.
The jist is a graphic of a checkbox that is a MovieClip symbol in your library exported to actionscript with the class name CheckBoxGraphic() is created and added to the display list.
I made a variable that points itself to the last clicked button, when the "on" state is desired. If I detect the last clicked button was this button, I remove the form I added and the checkbox. If the last clicked button is not this button, I enable and position the checkbox as well as add the form.
What is left to do is handle the sitation where multiple buttons are on the screen. When a new button is pushed it should remove anything the previous button added. This code simply demonstrates clicking the same button multiple times to toggle it "on and off".

Vertical tabbed panel with background image

Hi all,
I have a working vertical tabbed panel. For the text that's shown, there's a background image assigned to the associated DIV.
However...
The background image that's shown is clipped to the bottom of the text.
In other words, if I have 3 lines of text, the bottom of the background image only goes as far down as the bottom line of text. In order to show the entire image, I have to put in a lot of </ br> tags for "empty" text, not a very good approach.
More of the backgound will show if I increase the text text size via the browser.
To try to describe this more accurately,
Let's say I have a background image that's 600 px in height, but the lines of text only measure to 400px. That means that the bottom 200 px of the image doesn't show, unless I add more lines of text.
Hoping someone has an answer!
Thanks,
Jerry

Gramps,
Again, thanks for your time. While we're now full time commercial photographers (http://www.jerryandlois.com), I was a software engineer for some 20+ years in an earlier life, all on the application side of things. Not really any appreciable time with website stuff.
There are a few more tech/how-to questions I have that are specific to CSS, in terms of polishing up the small site I'm working on. However these are not SPRY related, unless SPRY can solve this for me.
In particular, suppose I have a large block with a background image and a body of text. I want to ensure the text wraps around the image, rather than being a complete overlay where the text can collide with the main body of the photo.
Example:
http://jerryandloisstudios.com/about.html
The issue is that the text is resizable, by design of course. Is there any way to manage these two elements (text and image) so they get along the right way? We want the text to overlay some of the image, but only on the periphery, if that makes sense. So far, the only solution I've seen is to keep the text formatted roughly in a column so that if its size increases all will still be OK. But... artistically that just doesn't look right.
If you're up for it, I'd certainly welcome a private email thread, unless others can also benefit from the rather newbie questions I'm raising: [email protected]
Again, thank you for your help!!!
Jerry

Weird issue with background image (Safari)

Just wonder if anyone can shed any light on this one....
Basically have a design in progress here:
http://www.hpwebdesign.co.uk/rachelworrall/index101.php
All was fine until I added the three images that fade into one another using the Ultimate Fade In slideshow script ( http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm )
When the page is initially loaded in Safari (5), the top section of the background image doesn't display - it starts just beneath the main content below the navigation.
The weird part is that it literally only takes a click of the mouse outside that Safari window to make it appear. A refresh, however, won't.
It seems fine in Firefox on a Mac, and the client didn't report any issue in IE.
Can anyone with Safari have a quick look and replicate that glitch? If not, then it might just be some weird local issue here.
Many thanks.

I've put up a couple of screenshots here:
http://www.hpwebdesign.co.uk/rachelworrall/screenshots.htm
Its like that in Safari 5.0.3 (and 5.0.4 which I've just updated.)
Again, it literally just needs a click out of the Safari window to make it appear correctly as per the second screenshot.
Its like this on a 27" iMac, but had a look on the macbook, and its fine on there.
So if it looks OK with anyone else, I'm just going to put it down to a weird glitch on my machine here.

Need some help with ".png" image.

Good day everyone. Here's the run down. I need to add an
image (image "A") ontop of another image (image"B"). Image "B" is a
paterned background. And Image "A" a logo with a transparent
background.
As it stands I have image "A" as a "png" and as you know....
they are fri**ing huge! Haveing it as a "gif" only presents me with
the IE6 problem of it adding a colored background to the image.
So I'm stuck! Can any one tell me or point me in the
difection of a tutorial to tell me the best way to add an image
with a transparent background in Dreamweaver.
Really need some help with this!
Thanks all!

>Right you can see the work in progress here>
http://www.stclairecreative.com/DoughBoys_Site_Folder/home.html
Before going much further I'd recommend reconsidering the use
of a textured background. They are usually included for the benefit
of the site owner only, and likely to annoy visitors. Studies on
the subject suggest they often lead to usability problems. I do
like to header graphic, but at 200K it's kinda heavy and can
probably be optimized.

Unable to apply custom theme with background Image through code

Hi,
I am creating custom SharePoint 2013 theme and applying it through code on site by referring MSDN Article : "http://msdn.microsoft.com/en-us/library/office/jj927175(v=office.15).aspx".
However when I try to add background image in custom theme and apply that theme to site then sites UI breaks.
Details: I have two features, in feature-1: I am Deploying *.spfont, *.spcolor and background image. Then I am adding a new entry in "composed looks" list for my custom theme. in feature 2- I am applying the custom theme to site by using following
code
SPTheme theme = SPTheme.Open("NewTheme", colorPaletteFile, fontSchemeFile, backgroundURI);theme.ApplyTo(Web, true);
Both feature activates without any errors, new entry also gets added in 'Composed Looks' list with all correct URLs, current item of composed looks list also change to custom theme but entire UI of site breaks If I remove background Image code from custom theme then everything works fine. Following code works fine
SPTheme theme = SPTheme.Open("NewTheme", colorPaletteFile, fontSchemeFile);
theme.ApplyTo(Web, true);
If I apply same background Image manually(not through code) then also everything works as expected.Any help will be really appreciated.

Hi,
Thanks for your sharing, it will be helpful to those who stuck with the similar issue.
Best regards
Patrick Liang
TechNet Community Support

Help! Background image + templates CS4

SO, I created a template. One of my editable regions is my main_image div. In source code view i have my main_image div tag and within it I have a text box div tag and scroll box div tag. In my CSS thats attached to this site my #main_image rule has a background-image property. Now, the thing im trying to do is to change this background image when I create new pages based off of this template that I created. I know I cant change it in the CSS because its the same CSS that is used throughout the new pages. I tried using editable attributes to change the background image generating :
<div id="main_image" background-image="@@(_document['backgroundimagemain'])@@"> but the background image still remained the same image when i generating new pages. I tried optional region, again no effect. I tried going into Modify> Template Properties in my new page and it says there are "no template properties available". There either must be some code to apply in the source code.
Stuck.

Because you are using an element with all the same ID (div id="main"), you will want change that to make the ID the Editable Attribute. That way, you can define the ID in the page itself (Modify > Template Properties...) and indicate the background-image in your external stylesheet.
Here's a link for creating Editable Attributes: http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7aa3a.h tml
This affords you off-page control (except for editing the ID on pages), an ideal situation with a Templated site.
On the pages, define your ids, set up following the instructions referenced above:
id="horsepage"
id="cowpage"
In the stylesheet, define your background-images:
#horsepage {background-image: url( your horses image path here );
#cowpage {background-image: url( your cows image path here );
Beth

Help with background image center position in firefox

Similar Messages

Maybe you are looking for