Background image for page - png?

Is it right that the only format for a web-page's background
that will work across all browsers is png?
http://www.chlamydia-tests.co.uk

Please don't spam these forums.
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
==================
"psbs06" <[email protected]> wrote in
message
news:g3dc9$4l2$[email protected]..
> Is it right that the only format for a web-page's
background that will
> work across all browsers is png?
>
>
http://www.moron-tests.co.uk

Similar Messages

Background Image for a Page

Hi All,
How to have a background image for a Portalpage? As Portlets are on the top of page,setting image in the Portal Style does not help.
What's the wworkaround?
Thanx

I know,I can set the background image in the Page Template but in that case Portlets do not take that image as a background.Then It looks very awkward.
How to solve this? Anybody at Oracle.
Thanx

How to change background image for each individual page in a template?

I've been working for hours to try to figure out how to change the background image for each individual page in a template. I have tried making a div in the body and adding a CSS and setting a background picture. Unfortunately even after I made it editable all templated webpages changed. I tried looking at different forum results which didn't really help me out. http://forums.adobe.com/message/2670005#2670005#2670005. I've also tried embeding a CSS style on the webpage instead of the external CSS which again didn't work. I'm not sure where to go from here. Is there a good video that explains this clearly. Please help. Thanks.

Adjust inline styles to suit your needs.
<li><a tabindex="-1" href="giving/index.html" class="MenuBarItemSubmenu" style="background:none; color:#FFF; background: #000;">GIVING</a>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

How to use background image for a page that work in Netscape..???

Hi there
Is there anyway around to use background image for a portal page that works well with netscape.
As I have used that but in coming in Netscape.
thanks
Rakesh

1) You post questions in the wrong forum. (As you title says this is a Swing question).
2) Not once in your last 10 postings have you ever bothered to reply to a posting to thank people for the help you have received.
I seriously doubt you well ever get answers in the future.

Background image for PanelDashboard

Hi ,
I am using Jdeveloper 11.1.1.7.
I have one PanelDashboard in my page I need show one background image for that Dash Board.
The image is very small so It showing multiple times entirely occupy the page.So I I try with below CSS codes but now the image is not showing.
I want to show the image only once and the also exact place.
+.backgroundImage+
+{+
position: absolute;
background-image: url("../img/sampleImage.png");
background-repeat: no-repeat;
z-index: 1;
margin: 0.0pt ;
+}+
Thanks,
Arun D.

Hi,
actually I would use skinning for this and reference the panel dashboard skin selector. You also need to set the panelBoxes contained in the dash board to have opaque background as otherwise they will overlay your background image
Frank

Setting background image for repeating frame in .pdf report

Is it possible to set a background image for a repeating frame, and more specifically for a repeating frame rendered in .pdf?
I do not see any standard property in the navigator for images of any sort and the documentation touches only on setting background images for graphs, which is not the intent in my case. I -did- add an HTML table property background="myimage.jpg" but the report is ultimately generated in .pdf format and I was not surprised to see that the image was not rendered.
Does anyone know if setting a background image as described is even possible, and if so, how? A second but less optimum solution would be setting the image as the background for all report pages, again in .pdf.
Many thanks.

Hi Raj,
Yes you can have an image in the background. Thats possible if you are using XML forms as an iview or ivew dev in WebDynpro...
Also check this [link|regarding background color change in iview]
Regards,
Piyush
Reward points if this helps!!!

Background image for my portlet.

i have set a image for page background .
but i want the same image for all portlets is it possible to do?
if yes how to achive this?
and where shud i keep all my images?
i mean what is the path for images in portal.
really need help.
waiting
chaitali

Create a template.
Set that Image as background image for that template.
Use this template.
Keep the image in some shared dictory
e.g.
/image

Background images for a portlet

Hi,
Is it possble to have a background image for a portlet only, In particular I need to include the login portlet in a region but have the background of the portlet based on an image file.
Thanks in advance,
Brandon

Hello Benny,
The portal layout is done in portalcontent.jsp and portlet.jsp. The
homepage for exampleportal is portal.jsp, which does a dynamic include of
the portalcontent.jsp page. The portalcontent.jsp page loops through an
array of Portlets and includes them with an HTML table that uses a dynamic
include for each portlet by doing a <jsp:include> with portlet.jsp. There
is another HTML table in portlet.jsp.
All of this is just HTML, so it should not be difficult to customize
it. You could use WLPS to create a "backgroundImage" property for each
user or group and then use the <um:getproperty> tag to get the value when
displaying the portal. Maybe you could set "backgroundImage" to
images/wallpaper.gif for your user's group and then you could use the
<um:getproperty> tag to get this value in your JSP page. Then you could do
something like this in your HTML table in a JSP page that extends JspBase
(or PortalJspBase):
<%
String backgroundURL = fixupRelativeURL(backgroundImageValue);
%>
<table background="<%= backgroundURL %>" ...
Ture Hoefner
BEA Systems, Inc.
2590 Pearl St.
Suite 110
Boulder, CO 80302
www.bea.com

Need to create a background image for Joomla

I need to create a custom background image for a Joomla site.
Can anyone offer a simple tutorial on the steps I need to take to create the image?
Thanks

Okay. The image has a gold gradient from top to bottom, but the text repeats in smaller blocks.
First, you need a tiling image of some text, on a transparent background. Then, this image needs to be added as a pattern in Fireworks.
Next, you get to use your new pattern. In your document, create a tall rectangle with a vertical gradient. Make this image the same width as your tiling pattern, so that your resulting background image will also tile. Over that you put a rectangle with no color fill, but fill it with the text pattern. Save this working Fireworks document, then export to use on the Web.
I don't understand the phrase "I need to know how to size the image, possibly with CSS." Background images are the size they are. When this image is set to be the background, then it should be specified to repeat in the horizontal direction (repeat-x).
Here's some info on making a seamless tile:
http://forums.adobe.com/message/2384441
Using patterns:
http://www.entheosweb.com/fireworks/patterns.asp
There have been some recent threads on using gradients, just flip back a page or two (unless my mind's playing tricks on me and they're older).
Hmm... Possibly helpful:
http://spectrum.troy.edu/~techtip/classes/tutorials/fireworks/fw2004/gradient/gradient.htm

How can I use a JPEG file as a background image for my vi in 8.5

Im working on a vi that I plan on using as part of an alarm system. I would like to use a JPEG file of my house as a background image for the vi, or possibly to just be displayed in a window on the control panel. I have seen people use their own images before, but never looked at what this involved.
Im trying to use the "read JPEG file" vi and the "draw flattened pixmap" vi to accomplish this. The vi does run, but nothing shows on the front panel. If I try to create an indicator from the "new picture" output of the "draw flattened pixmap" vi, I get an empty white window on the front panel.
Any advice?
Thanks
Solved!
Go to Solution.

Guruthilak wrote:
the earlier vi (using the JPEG) works fine. just increase the size of the picture control
I figured this was the problem. And to the OP, I'm glad a bitmap worked, but no I didn't mean use any sort of LabVIEW programming at all. I meant open your image in Microsoft Paint, Press ctrl+A to select the whole thing. Then copy the image to the clipboard. Now select your front panel and press ctrl + v to paste it. No programming needed and the image is there. However, if you want to programmatically change it, you will need a picture control.
CLA, LabVIEW Versions 2010-2013

How to create a background image for each item in a List object

Hello.
I am trying to create a background image that displays whenever a user posts something to a list. For example when a user posts text it would appear in a list. The new item in the list would contain a specific background image with the users text appearing on top of the background image. I do not want a background image for the entire list, rather each item within the list.
I am not sure how clear this is so I added an image below. When a user enters text in and clicks the "post-it" button their text would appear below with the sticky note background.
I am not sure which list type would be best for this problem or how to create insert the image, so I am open to suggestions.
Thank you for your help. Any advice or guidance will be greatly appreciated!

Hi
the easiest way would be with itemRenderer.
You have to do two things:
1. In your list declaration use a item renderer: <mx:List itemRenderer="myRenderer"/>
2. create a flex component myRenderer that will be the single item. This can be a canvas with a background image and a text field on it.
When you add a new item to the list, a new myRenderer item will be created and the data property will be passed to it. So you have to put "data" in your textField.
If you need more help try looking at Tour de Flex samples, they're pretty easy.
Andrei

Background image for a Scene in JavaFX2.0

Hi all,
I am new to JavaFX2.0 and need to know how to set a background image for a scene.
Thanks in advance.

Hi,
here is simple example:
bgtest.css
.root {
    -fx-background-image: url("mybg.jpg");
}BackgroundImage.java
package playground;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
public class BackgroundImage extends Application {
    StackPane root;
    Scene scene;
    Button button;
    public static void main(String[] args) {
        launch(BackgroundImage.class, args);
    @Override
    public void start(Stage stage) throws Exception {
        stage.setTitle("Custom Background Test");
        button = new Button("test");
        root = new StackPane();
        root.getStyleClass().add("root");
        root.getChildren().addAll(button);
        scene = new Scene(root, 600, 600);
        scene.getStylesheets().add(BackgroundImage.class.getResource("bgtest.css").toExternalForm());
        stage.setScene(scene);
        stage.centerOnScreen();
        stage.setVisible(true);
}

How to add different background image for submenu items???

Hi all,
I'm pretty new to web design and CSS in particular. Here's my problem...
I've got a Spry horizontal menu bar (untouched as yet), and I want to have a different background image for my submenu items than that of my menu items. From searching the internet I think that I need to apply a class to the submenu item (please correct me if I am wrong).
How would I go about doing this and how would I assign the class to just the submenu items?
Also ideally I want to have my first and last menu items to have rounded corners on one side (therefore making a rounded edge menu bar), is it possible to have a different background image for individual menu items? If so, how?
Really appreciate any help!

Thanks for the link! I've managed to sort the background issue, and it seems to be working fine!
Just one little issue left to tackle...
I want my text to be centered in my top menu items BUT aligned left in my drop down menu items. I have managed this but the text hugs the left hand side. I've tried adding a little margin to the left but that doesn't seem to affect anything???
Here's my CSS... Any ideas which class I should be targeting or why adding the margin isn't working would save my tearing the rest of my hair out! thanks! (screenshot attached).
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 120px;
    float: left;
    height: 24px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
    background-repeat: repeat-x;
    background-color: #333333;
    background-image: url(../images/navbar_bg.jpg);
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #000000;
    border-left-color: #666666;
ul.MenuBarHorizontal li li
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: auto;
    float: left;
    height: 24px;
    background-color: #333333;
    background-image: none;
    padding: 0;
    margin: 0;
    left: -1px;
ul.MenuBarHorizontal li li a
    list-style-type: none;
    position: relative;
    text-align: left;
    cursor: pointer;
    float: left;
    height: 24px;
    background-image: none;
    font-size: 12px;
    font-weight: normal;
    border: 0px 0 0;
    width: 120px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    padding: 0;
    margin: 0;
/* 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;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 120px;
    position: absolute;
    left: -1000em;
    height: 24px;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 0;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    height: 24px;
    width: 120px;
    margin-top: -5%;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal li a
    display: block;
    cursor: pointer;
    text-decoration: none;
    font-style: normal;
    text-transform: capitalize;
    text-align: center;
    white-space: normal;
    padding: 0px;
    height: 24px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 20px;
    margin: 0px;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal li a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #000000;
    background-image: url(../images/navbar_bg_hover.jpg);
    background-repeat: repeat-x;
    line-height: 22px;
ul.MenuBarHorizontal li li a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    background-color: #000000;
    background-image: none;
    background-repeat: repeat-x;
    width: 120px;
    font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
/* 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-repeat: repeat-x;
    background-position: 95% 50%;
    background-color: #333333;
    background-image: url(../images/navbar_bg.jpg);
/* 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-repeat: repeat-x;
    background-position: 95% 50%;
    background-color: #000000;
    background-image: url(../images/navbar_bg_hover.jpg);
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;

Background image for ApplicationControlBar

Hello,
Forgive my english and its accent, this is a bit urgent.
I need to set a background image for an
applicationContolBar... with css and with css only(an external css
file)
I tried a few ways but no use... is this possible?
Please help...
sharat87

"sharat87" <[email protected]> wrote in
message
news:gdphmq$aee$[email protected]..
> Hello,
> Forgive my english and its accent, this is a bit urgent.
> I need to set a background image for an
applicationContolBar... with css
> and
> with css only(an external css file)
> I tried a few ways but no use... is this possible?
Can the CSS file have embed statements?

Background image for JPanel using UI Properties

Is there any way to add background image for JPanel using UI Properties,
code is
if (property.equals("img")) {
System.out.println("call image file in css"+comp);
//set the background color for Jpanel
comp.setBackground(Color.decode("#db7093"));
here the comp is JPanel and we are setting the background color,
Is there any way to put the Background image for the JPanel ????

KrishnaveniB wrote:
Is there any way to put the Background image for the JPanel ????Override the paintComponent(...) method of JPanel.
e.g.
import javax.swing.*;
import java.awt.*;
import java.io.*;
import javax.imageio.ImageIO;
public class ImagePanel {
    public void createAndShowUI() {
        try {
            JFrame frame = new JFrame("Background Image Demo");
            final Image image = ImageIO.read(new File("/home/oje/Desktop/icons/yannix.gif"));
            JPanel panel = new JPanel() {
                protected void paintComponent(Graphics g) {
                    g.drawImage(image, 0, 0, null);
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            frame.setSize(new Dimension(400, 400));
            frame.setContentPane(panel);
            frame.setLocationRelativeTo(null);
            frame.setVisible(true);
        } catch (IOException ex) {
            ex.printStackTrace();
    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                new ImagePanel().createAndShowUI();
}

Background image for page - png?

Similar Messages

Maybe you are looking for