Background image overridden
CSS in a table:
I have a table with background images but I get a white
background
on the last line. I can´t work out why-I have got rid of
the background color and tried to have a background transparent
which worked for the radio buttons but the text input and the text
next to it still have a white background. How can I get rid of the
background? htpp://www.britishalliance.com/test.html Thanks for any
pointers
1. Error Line 63 column 7: end tag for element "STYLE" which
is not open.
Probably means that this line is improper syntax -
<STYLE type=text/css> - should be - <STYLE
type="text/css">
That may fix the next several errors about end tags.
This code is badly mangled -
<div id="idioma">
<TABLE width=586 border=0 align="center" cellPadding=0
cellSpacing=0>
<TBODY>
<TR>
<TD vAlign=bottom colSpan=2 height=10><IMG
height=10
src="images/borderTL.gif" alt="backgroundtopleft" width=10
border=0></TD>
<TD height=10 vAlign=bottom style="BACKGROUND:
url(images/box_edge_t.gif) repeat-x"></TD>
<TD vAlign=bottom colSpan=2><IMG height=10
src="images/borderTR.gif" alt="backgroundtopright" width=15
border=0></TD></TR>
<TR>
<TD width=5 height=79 rowspan="2" align=left
style="BACKGROUND: transparent
url(images/box_edge_l.gif) repeat-y"></TD>
<TD width=5
height=79 rowspan="2" vAlign=top style="BACKGROUND:
transparent
url(images/box_bg.gif) repeat-x"></TD>
<TD height=22 vAlign=top style="BACKGROUND: transparent
url(images/box_bg.gif) repeat-x">
<FORM name=adduser action=confirma.cfm method=post>
<H1 align="center">Que idioma usted quiere
aprender?</H1></DIV>
You cannot span into a table as you have with that <div
id="idioma">. In
addition, the <form> tag opens in one <td> and
closes outside of the closing
</table> - that's also improper nesting.
Fix those and you may trap all your errors. Take a look at
the code
coloring in DW's code view. Anything that is yellow is a
problem.
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
==================
"Hydrowizard" <[email protected]> wrote in
message
news:[email protected]...
> Hi Murray,
> I hve been trying to change the errors presneted in the
validator. I
> have
> done all I can at this stage - I just don?t understand
why it is flaging
> tags
> and saying that there isn?t a closing tag when there is.
What is wrong
> with
> <body> anyway?!!
> I then tried with XHTML 1.0 Transitional but that gave
me 157 errors so I
> changed back to HTML 4.01 Transitional!!
> Should I use another doctype-maybe strict 4.01?
> Thanks for any pointers!
>
>
http://validator.w3.org/check?verbose=1&uri=http://www.britishalliance.com/test.
> html
>
Similar Messages
-
SSRS - A Subreport background image is overridden by background image of parent report
Hello. I have a background image on my parent report and a different background image for my sub reports. The background image of my sub reports are instead inheriting the background image of the parent report. I've researched and found nobody talking about
this. All my images are embedded.
Is there away around this?
Thanks,
James
JamesFor both the parent report and the sub report, I right clicked the Images folder in the Report Data section and embedded the images in the rdl. The parent report has an embedded image called watermark. The child report has an embedded image called subreportwatermark.
In the parent report, I added the following to the report properties:
In the child report, I added the following to the body properties:
Yes, I use an expression to determine whether to use the watermark or nothing based on a field of a dataset as you see above in both Value properties of both the report properties of the parent report and the body properties of the child sub report.
If I run the sub report only in the BIDS solution for a child row that has Y for watermark value, the sub report's subreportwatermark does show.
If I run the sub report only in the BIDS solution for a child row that has N for watermark value, the watermark does not show.
So far so good.
If I run the parent report in the BIDS solution for a parent row that has Y for watermark value, I don't get what I
expect. Here is the scenario. Five pages are produced. One for the parent, and one each for the sub report.
Parent Row - Watermark Y
Child Row 1 - Watermark Y
Child Row 1 - Watermark N
Child Row 1 - Watermark N
Child Row 1 - Watermark Y
What I expect to see.
Page 1 - Parent Report's watermark should display.
Page 2 - Child Sub Report's subreportwatermark should display.
Page 3 - Child Sub Report's - No watermark at all.
Page 4 - Child Sub Report's subreportwatermark should display.
Page 5 - Child Sub Report's - No watermark at all.
To be clear. I should NEVER expect to see the parent report's watermark on pages 2 - 5.
What was the actual result? This is what I see in BIDS when I click the preview tab in
Print Layout.
Page 1 - Parent Report's watermark displayed.
Page 2 - Child Sub Report - Parent Report's watermark displayed.
Page 3 - Child Sub Report - Parent Report's watermark displayed.
Page 4 - Child Sub Report - Parent Report's watermark displayed.
Page 5 - Child Sub Report - Parent Report's watermark displayed.
This is what I see in BIDS when I click the preview tab in View
Layout.
Page 1 - Parent Report. No watermark displays.
Page 2 - Child Sub Report - Child Report's subreportwatermark displayed.
Page 3 - Child Sub Report - No watermark.
Page 4 - Child Sub Report - Child Report's subreportwatermark displayed.
Page 5 - Child Sub Report - No watermark.
Both the print layout and view layout is wrong. What matters is what prints or is saved to a pdf. What prints and gets saved to a PDF is the Print Layout view.
If you want, we can swap rdls. Can you send me your rdls?
You can find my rdls at:
https://onedrive.live.com/redir?resid=4292E6DE18E2BB8F!3676&authkey=!AKJwIRWxPmOPitw&ithint=folder%2crdl
Thanks,
James -
Problems to add a background-image to the widget Spry MenuBar!
With DreamweaverCS4 version 10.0 Build 4117, (italian language) I have tried to add a Spry MenuBar to the one website page.
But the problem is that I haven't understood where add my property "background-image": url(../immagini/Menu_Button_01.gif).
In the Application Page of Dreamweaver I have this screenshot:
But in the Preview Window of InternetExplorer 7 I have this strange behavior:
The "Menu_Button_01.gif" are a rounded square button made with PhotoshopCS4 and have a transparent background.
In the IE7 MenuBar doesn't appears as expected, without the transparent background!
1) How can I do to show my "Menu_Button_01.gif" image as transparent background in the MenuBar?
2) What is the correct CSS Style Rule to apply the "background-image" property?
(Example: "ul.MenuBarHorizontal li"? Or "ul.MenuBarHorizontal a"? )
3) Should I also apply the property: "background-color:transparent"? Where? What is the specific CSS Style Rule?
I have uploaded my little local WebSite to Rapidshare (100KB):
http://rapidshare.com/files/370735082/Test_Spry.zip.html
Please download it to inspect my problem.
Please response me!
Horsepower0171.For a starter, you should not put your background style rules in the following. The accompanying descriptions will tell you this.
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
position: relative;
text-align: left;
cursor: pointer;
width: 116px;
float: left;
background-image: url(../immagini/Menu_Button_01.gif);
background-color: transparent;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
z-index: 1020;
cursor: default;
width: 116px;
position: absolute;
left: -1000em;
background-image: url(../immagini/Menu_Button_01.gif);
background-color: transparent;
Then when you apply style rules to
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
display: block;
cursor: pointer;
padding: 0.5em 0.75em;
color: #333;
text-decoration: none;
background-image: url(../immagini/Menu_Button_01.gif);
background-color: transparent;
this will be overridden by the following rules. They replace your image with an arrow image.
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
background-image: url(SpryMenuBarDown.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
background-image: url(SpryMenuBarRight.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarDownHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
background-image: url(SpryMenuBarRightHover.gif);
background-repeat: no-repeat;
background-position: 95% 50%;
There are one of two solutions
If you do not want and arrow, simply set background to none in the above four instances.
If you do want an arrow, include a down arrow image in a second Menu_Button_01.gif image called Menu_Button_01_DownArrow.gif or similar as well as a third one for your right arrow image.
I hope this helps.
Ben -
Background image not showing behind text
At the moment I am using a table as I haven´t yet found
out how to make the same effect in css. I have a background image
style="BACKGROUND: url(images/box_bg.gif) repeat-x" in a td which
for some reason is overridden by the text so the background of the
text is white not the background image. The webpage where it can be
seen is
http://www.britishalliance.com/test.html
Thanks a lotThat's b/c you've set the background color:
.ftforminput {
BACKGROUND: #ffffff; COLOR: #c03; FONT-FAMILY:
Verdana,Arial, Helvetica;
FONT-SIZE: 11px; FONT-WEIGHT: bold
}Take out the background, you'll be fine."Hydrowizard"
<[email protected]> wrote in message
news:ear4i1$5si$[email protected]..
> At the moment I am using a table as I haven?t yet found
out how to make
> the
> same effect in css. I have a background image
style="BACKGROUND:
> url(images/box_bg.gif) repeat-x" in a td which for some
reason is
> overridden by
> the text so the background of the text is white not the
background image.
> The
> webpage where it can be seen is
http://www.britishalliance.com/test.html
> Thanks a lot
> -
How to specify relative path for background image in xsl
Hi,
I am generating a PDF from Apcahe FOP. I have an xsl for that, in the xsl fo:block I am displaying a background image. When the image path is absolute like..C:\image\logo.png it works fine. But I want to have the image in my WebContent\images folder and my xsl file is in WebContent\xsls folder. So when I try giving the relative path as ../images/logo.png, the image is not displayed.
Can anyone tell how to do this???
Thanks,
Sanjeev.I have a fo:block like this :
<fo:block border-style="solid" border-width="0.2pt" text-align="left"
background-image="url('http://localhost:8080/Project/images/table_header_center.png')"
font-size="8pt" font-weight="bold" color="white" padding-top="1pt"
padding-bottom="1pt">
<xsl:value-of select="tr/td/span" />
</fo:block>In the above code you can see that the the background-image="url('http://localhost:8080/Project/images/table_header_center.png')"
has been given as absolute. The images folder is in my WebContent directory. I want this path to be relative to the context of my application , something like background-image="url('../images/table_header_center.png')".
Thanks.
sanjeev. -
When I find a suitable picture to use as wallpaper" I often right click and use the menu item "Set as Desktop Background". The file ""example.jpg" is saved in directory\folder "/home/user" rather than for example "/home/user/my wallpaper" or in the directory
"/home/user/Downloads". The latter as being set under the "Downloads" section on the "General" tab in the "Preferences" dialog box.
Is there a configuration file where I can change the default location to save my "Set as Desktop Background" images. Or better still can the menu be customized to launch the application that allows me to set my desktop wallpapers?
I am using the "PCLinuxOS" Linux OS but I have encountered this issue in many if not all the Linux distributions I have sampled.Don't use "Set as Desktop". Use ''' "Save Image As..." ''' instead, and file it with your other "wallpaper" images so the operating system has access to those images.
IIRC, Firefox saves a "desktop image" to the Profile folder, and it will only save one image, at that. Change the image and the previous one is gone. -
Washed out background image on Treo Pro
Hi:
When I set my background image on my today screen (check the box in settings, browse to image - use 320x320 resolution) I get a "washed out" version of the image regardless of its original color, tone or intensity. Images from the preinstalled themes are fine - vibrant and clear - but the user set images are very light (almost like a 50 percent transparency in Photoshop for example). I have tried both .jpg format and .png. Backlight settings do not cure this either.
Any ideas?
Thanks.
Post relates to: Treo Pro T850 (Bell)
This question was solved.
View Solution.Hi Again:
Upon further investigation, I have discovered that the options for setting background and transparency levels is found through the pictures and videos explorer not the file explorer.
As suggested I have set the transparency to 0 and the image (Crab Nebula through the Hubble space telescope) is as bright and vibrant as it should be.
Thanks again for the direction - it's much appreciated.
Post relates to: Treo Pro T850 (Bell) -
Anchored graphic as background image?
I am working with text flowing continuously through a master text frame unto multiple pages and I am trying to anchor a full-page background image (with bleed) onto specific pages. Is this possible?
I want the background image to stay with the relevant heading on each page. However, when I use "Object/Anchored Object/Insert" to do this with "custom" as the anchor option I end up with a frame on the same layer as my text. This is okay, but when I place an image in the frame, it covers the text I have entered in the text frame. I can see the dotted line indicating the anchor connection, but not the text it is anchored to. I can't change the order of objects within the layer because the "Arrange" options are greyed out. Changing the text wrap options does not help.Thanks Bob! Really good to know. I will stop hitting my head against a brick wall!
Adding backgrounds to master pages doesn't really cut it since I still can't have them flow dynamically with the continually evolving text in this project. (I suspect I might be able to flow backgrounds with text in Word, if it came to it, but of course I chose InDesign to give me more control, particularly over the non-text elements of the layout). -
Problem with Background image and JFrame
Hi there!
I've the following problem:
I created a JFrame with an integrated JPanel. In this JFrame I display a background image. Therefore I've used my own contentPane:
public class MContentPane extends JComponent{
private Image backgroundImage = null;
public MContentPane() {
super();
* Returns the background image
* @return Background image
public Image getBackgroundImage() {
return backgroundImage;
* Sets the background image
* @param backgroundImage Background image
public void setBackgroundImage(Image backgroundImage) {
this.backgroundImage = backgroundImage;
* Overrides the painting to display a background image
protected void paintComponent(Graphics g) {
if (isOpaque()) {
g.setColor(getBackground());
g.fillRect(0, 0, getWidth(), getHeight());
if (backgroundImage != null) {
g.drawImage(backgroundImage,0,0,this);
super.paintComponent(g);
Now the background image displays correct. But as soon as I click on some combobox that is placed within the integrated JPanel I see fractals of the opened combobox on the background. When I minimize
the Frame they disappear. Sometimes though I get also some fractals when resizing the JFrame.
It seems there is some problem with the redrawing of the background e.g. it doesn't get redrawn as often as it should be!?
Could anyone give me some hint, on how to achieve a clear background after clicking some combobox?
Thx in advanceI still prefer using a border to draw a background image:
import java.awt.*;
import java.awt.image.*;
import javax.swing.border.*;
public class CentredBackgroundBorder implements Border {
private final BufferedImage image;
public CentredBackgroundBorder(BufferedImage image) {
this.image = image;
public void paintBorder(Component c, Graphics g, int x, int y, int width, int height) {
int x0 = x + (width-image.getWidth())/2;
int y0 = y + (height-image.getHeight())/2;
g. drawImage(image, x0, y0, null);
public Insets getBorderInsets(Component c) {
return new Insets(0,0,0,0);
public boolean isBorderOpaque() {
return true;
}And here is a demo where I load the background image asynchronously, so that I can launch the GUI before the image is done loading. Warning: you may find the image disturbing...
import java.awt.*;
import java.io.*;
import java.net.URL;
import javax.imageio.*;
import javax.swing.*;
import javax.swing.border.*;
public class BackgroundBorderExample {
public static void main(String[] args) throws IOException {
JFrame.setDefaultLookAndFeelDecorated(true);
JFrame f = new JFrame("BackgroundBorderExample");
f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
JTextArea area = new JTextArea(24,80);
area.setForeground(Color.WHITE);
area.setOpaque(false);
area.read(new FileReader(new File("BackgroundBorderExample.java")), null);
final JScrollPane sp = new JScrollPane(area);
sp.setBackground(Color.BLACK);
sp.getViewport().setOpaque(false);
f.getContentPane().add(sp);
f.setSize(600,400);
f.setLocationRelativeTo(null);
f.setVisible(true);
String url = "http://today.java.net/jag/bio/JagHeadshot.jpg";
final Border bkgrnd = new CentredBackgroundBorder(ImageIO.read(new URL(url)));
Runnable r = new Runnable() {
public void run() {
sp.setViewportBorder(bkgrnd);
sp.repaint();
SwingUtilities.invokeLater(r);
} -
How to set a background image to fill the entire screen on any device in a spark mobile application
Hi,
I started developing a mobile application with Flex.
I'm trying to set a background image to fill the whole screen. I've been stucked at this point for days now. I tried everything and no solution seems to work for me.
I'm using a TabbedViewNavigatorApplication and i need to set some background images on views.
I need my image to fill the entire screen on any device. i don't need to mantain image aspect ratio, just need it to be fullscreen. This seemed to work when setting a custom skin on the TabbedViewNavigatorApplication, however this blocked all my views for some reason and all components contained in view became invisible.
Can you please tell me how can i achieve this?
Kind regards,
DanBasically you need a larger image which can accommodate any device. The trick is to show only what each device can display, so therefore some clipping will occur based on device. Have something centered and towards margins have a gradient or just plane colors that way the stuff in the middle will be visible on every device while nobody will care if you are clipping from the color fill.
C -
Background image path changes in Template
I have a template I've created, but whenever I attempt to
create a new page from that template the path to the background
image changes automatically causing it to disappear.
The template displays this path:
body {
background-image: url(../img/bg.gif);
background-repeat: repeat-y;
background-position: center;
background-color: #E8F1FA;
While the page created from the template shows this path:
body {
background-image: url(file:///B|/Web
Development/website/img/bg.gif);
background-repeat: repeat-y;
background-position: center;
background-color: #E8F1FA;
What is causing this? Thanks in advance.Answered on DW forum.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"logicore" <[email protected]> wrote in
message
news:gecn6f$dag$[email protected]..
>I have a template I've created, but whenever I attempt to
create a new page
> from that template the path to the background image
changes automatically
> causing it to disappear.
>
> The template displays this path:
>
> body {
> background-image: url(../img/bg.gif);
> background-repeat: repeat-y;
> background-position: center;
> background-color: #E8F1FA;
> }
>
> While the page created from the template shows this
path:
>
> body {
> background-image: url(file:///B|/Web
Development/website/img/bg.gif);
> background-repeat: repeat-y;
> background-position: center;
> background-color: #E8F1FA;
> }
>
> What is causing this? Thanks in advance.
>
>
> -
Gif loader for background image
I simply want to run an animated gif while my background image loads for a slideshow.
I've searched the web and this forum for hours and can't get the various bits of code tips (ajax, jquery) to work because I'm a totaly idiot when it comes to code...i've tried cutting and pasting in many different configurations but can't get anything to work properly.
Can someone help me out to get this to work?
I have this slideshow:
http://www.piquecollaborative.com/fox.html
and want an animated gif to run during load of each page
gif is this:
http://www.piquecollaborative.com/images/loading.gif
here is my code for the page(s)
<!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="Matthew Fox Residence by PIQUE architecture, Peter Jahnke, Eric Meglasson" />
<meta name="keywords" content="pique llc, architecture, emerging architects, young architects, northwest, peter jahnke, eric meglasson, keith ballantyne, collective studio, collected design" />
<title>PIQUE: Fox House</title>
<style type="text/css">
.projectpage {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
body,td,th {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
font-size: 12px;
body {
background-image: url(images/fox-01.jpg);
background-repeat: no-repeat;
#title {
position:absolute;
width:350px;
height:65px;
z-index:1;
left: 10px;
top: 10px;
#apDiv1 {
position:absolute;
width:108px;
height:161px;
z-index:2;
top: 3px;
left: 8px;
#apDiv2 {
position:absolute;
width:237px;
height:160px;
z-index:3;
left: 118px;
top: 3px;
text-align: right;
#text {
position:absolute;
width:351px;
height:194px;
z-index:4;
left: 10px;
top: 90px;
background-image: url(images/fox-01.jpg);
#project-text {
position:absolute;
width:355px;
height:300px;
z-index:5;
top: 288px;
text-align: justify;
left: 13px;
#right-arrow {
position:absolute;
width:90px;
height:330px;
z-index:6;
left: 915px;
top: 270px;
</style>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
</head>
<body class="projectpage" onload="MM_preloadImages('images/arrow-rt-inv.png')">
<div id="title"><img src="images/fox-title.gif" width="350" height="65" /></div>
<div class="projectpage" id="text">
<div id="apDiv2">Fox House<br />
central Oregon<br />
single family residence<br />
4175 sqft<br />
2010<br />
Timberline construction, Elemental engineering </div>
<div id="apDiv1">name:<br />
location:<br />
type:<br />
size:<br />
year:<br />
collaborators: </div>
<img src="images/line-dot-small.png" width="361" height="5" /><br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<img src="images/line-dot-small.png" width="361" height="5" /> </div>
<div id="project-text">
<p> This home sits on a bluff overlooking rolling sagebrush meadows in Oregon’s High Desert with views of the Cascade Mountains dominating the western horizon. The owners, Matthew and Margherita Fox requested an extremely durable and energy efficient home for their family. The request for a net zero house necessitated extensive use of photovoltaic panels, ground source heat-pumps, careful consideration of day lighting and shading strategies, and a super-insulated structure. </p>
<p>Italian architect and childhood friend Maria Chiara Trevisan created the original vision for the structure as a gift to the Foxes. The three masses, originally conceived as parallelepipedo (rectangular cubes) resting at various angles in the earth, evolved into three shelled structures clad in stone, a loose reference to the Three Sisters mountains which dominate the home’s view.</p>
<p>Photos by Nicole Werner, Bob Woodward, Peter Jahnke</p>
</div>
<div id="right-arrow"><a href="fox02.html"><img src="images/arrow-rt.png" alt="" name="Image1" width="48" height="48" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/arrow-rt-inv.png',1)" onmouseout="MM_swapImgRestore()" /></a></div>
</body>
</html>
can anyone help me get a leg up on this? Sorry to be such a noob. This is not my trade and i have more respect for you all now than ever before! sorry again,You might want to reconsider the use of absolutely positioned div's for layout purposes...
it often leads to big difficulties.http://www.apptools.com/examples/pagelayout101.php
Regarding your loading gif, try defining a container for the picture
and position your loading gif as a centered non-repeating background for container
and insert your image in the container. -
Animated gif layered above background image
I have a static background image which is displayed in a JPanel. I need to display animated gifs at certain positions on the base image. For every new frame of the animation, the paint method is called whcih attempts to load the entire base image + all the new animated images which is extremely slow!. It also means the animated gif keeps on getting loaded, and seldom gets beyond the first frame.
Im sure many people have had to do something like this. Is the solution to draw the gifs on the glasspane (or use layered panes), and to have a seperate paint method? or is their a simple approach like setting a special clip area.thanks for the help...
The size of the background image is approx 400*400 pixels (gif or jpg), and the icons are 25*25, and have between 1 and 6 frames.
Here comes the code... I havent finished with the mediatracker stuff, but youll get the idea Im sure.
public void paint(Graphics g) {
MediaTracker tracker = new MediaTracker(this);
tracker.addImage(image,0);
try {tracker.waitForID(0);}
catch (InterruptedException e){}
g.drawImage(image, 0, 0, this); //draw background image (approx 400*400 pixels)
int ICON_ID = -1;
Image img;
//draw all the icons...
//all icons have between 1 and 6 frames. 25*25 pixels.
for (int i = 0; i < icon_IDs.size(); i++) {
try {
ICON_ID = new Integer(icon_IDs.elementAt(i).toString()).intValue();
Point p = dm.getIconPosition(ICON_ID);
if (isAlarm(ICON_ID)) { //ITS AN ALARM - use animated gif
img = getAlarmImage(ICON_ID);
else //NORMAL ICON - no animation
img = DataDefinition.getImageIcon(dm.getIconType(ICON_ID)).getImage();
tracker.addImage(img,0);
try {tracker.waitForID(0);}
catch (InterruptedException e){}
int width = DataDefinition.getSize(dm.getIconType(ICON_ID)).width;
int height = DataDefinition.getSize(dm.getIconType(ICON_ID)).height;
g.setClip(p.x, p.y, p.x+width, p.y+height);
g.drawImage(img, p.x, p.y, p.x+width, p.y+height, 0,0,img.getWidth(this),img.getHeight(this),this);
catch (SQLException sqle) {
System.out.println("Could not find position of icon : " + ICON_ID);
} -
Animated GIF as a background image on a C5-00?
Is there any way to get animated GIFs runnig as a background image on a C5-00? At the moment, it just shows a still picture....
Yes, Captivate 7. I'm re-working an old Dreamweaver HTML CBT program to bring it up to today's standards using Captivate. I previously had small cartoon hands pointing to the right or left to click to go to the next or previous slide.The pointing hands are static, but on rollover I had an animated gif of the pointing hand moving in the direction it pointed. I'm certain I can figure out a workaround, just wanted to see if there was a built-in way to have an animation be the 'over' state.
-
Firefox 4.0: Improper handling of Animated Gif background-image
FF 4.0 is giving erratic and incorrect displays of an animated gif on a project I am working on. I have prepared a very small sample that demonstrates the problem.
The problem occurs when an animated gif is used as the background-image for a div (it may also be true when used as a background-image for the body, but I have not tested that).
When a page is first loaded, the animated gif displays properly.
I would expect that the animation be displayed as animated either:
# On each page load
# On a page load with new session or when the image is removed from cache prior to loading the page. Otherwise the last frame of the image would show
The sample page is designed to test this.
IE: Behaved as in #1, i.e. the image was animated on each and every page load. (IE 8: 8.0.6001....)
Google Chrome: Behaved as in #2, i.e. the image is animated only when there is a new session or when the image is no longer in cache. (Version 10.0.648.204)
FF 3.6.8: Slightly strange, but acceptable.
* The image is animated on new session and on any reload button.
* The last frame is displayed if the location is reentered in the URL bar.
* The last frame is displayed if the back/forward navigation buttons are used.
* SOMETIMES the image is animated and sometimes the last frame is displayed when the change page button is pressed (i.e. Javascript change page).
FF 4.0: Just plain NOT acceptable
* Correctly animates the image on page load for new session
* Correctly animates the image on reload button following clearing the image from cache.
* INCORRECTLY shows the FIRST gif frame if the reload button is pressed.
* INCORRECTLY shows the FIRST gif frame if the URL is reentered from the URL bar.
* INCORRECTLY shows the FIRST gif frame if the page change button is pressed (i.e. Javascript change page).
* INCORRECTLY shows the FIRST gif frame if theURL is reentered from the URL bar after clearing the image from cache.
* INCORRECTLY shows the FIRST gif frame if the page change button is pressed (i.e. Javascript change page) after clearing the item from cache.
All of these tests were run with Windows XP-Pro (all service packs and updates applied).
I can find no clear specification as to what ''should'' happen with pages using animated gifs that are already loaded.
* I can conceive of rationales for always displaying with animation.
* I can also conceive of rationales for sometimes displaying the last frame, especially if the same page is being reloaded since many sites reload the same page in response to user form submissions.
# '''I can see no rationale for displaying the first frame of the gif and would suggest that this is a bug. '''Can be this bug:
* [https://bugzilla.mozilla.org/show_bug.cgi?id=641198 Bug 641198] – Rollover animated gif show only one frame.
You can try these nightly test builds to see if they behave better:
Fx5.0 ftp://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-mozilla-aurora
Fx6.0 ftp://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-mozilla-central
Create a new profile exclusively for each Firefox version and create a desktop shortcut with -P "profile" appended to the target to launch each Firefox version with its own profile.
See these mozillaZine KB articles for information:
* http://kb.mozillazine.org/Testing_pre-release_versions
* http://kb.mozillazine.org/Creating_a_new_Firefox_profile_on_Windows
* http://kb.mozillazine.org/Shortcut_to_a_specific_profile
* http://kb.mozillazine.org/Using_multiple_profiles_-_Firefox
Maybe you are looking for
-
I cant navigate inside firefox.... this page here has been the only place that my mouse will take me to any new page... when I try to go to different links inside any of my normal sites, like facebook or youtube, if I click on any link inside them I
-
Error in Creating BI accelarator
Hi experts, I am getting following error when creating BI Accelarator in context menu of info cube. "An error occurred. Choose "Continue" to start again from the beginning" when i choose continu i am getting the same error again. I hop e we need to s
-
Hi all, Anybody has any information on the Oracle BPM Best Practices? Any guide?
-
Typical configuration for Pix501 after router
Our network topology is: wire from street -> cable modem -> router -> computers The router is a simple Netgear wireless router. We want to install a Pix501 firewall for one of the computers only (cant do it for all computers for a complicat
-
PRE7: Strange disappearing of Setup button in Welcome screen
Hi, I am new to Premiere Elements 7. I successfully created one video out of MP4 file from my Samsung HMX-H105 camcorder, BUT on my second attempt I do not see Setup button in the Welcome Screen. As far as I remember from the Setup button I can chang