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 lot

That'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
>

Similar Messages

Background Images not showing up in template-based pages

For some reason, whenever I make a custom .dwt template, with
background images for things such as buttons, on my newly created
page, the background images do not show up. Anyone know why? Thanks
for the help in advance.

Best you start here:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fmattsworld.mooretecproductions.co m%2F
55 code errors. Yikes!
Fix those and then see if the problem goes away. If not, post
back. At lease
with clean code we may be able to spot the problem.
Walt
"Irish_Cereal" <[email protected]> wrote in
message
news:fegl0v$jvc$[email protected]..
> Alright guys, I get it. Here's a link to the index:
>
http:///mattsworld.mooretecproductions.com
> Click on Videos on the navigation bar and you'll see
what I'm talking
> about.
> Notice how on the navbar on the index theres the custom
button? On videos
> it
> doesn't show up.
>

Background image not showing up in BC

Rookie here.
I locally developed an index page with a background image in the <body> div. Worked fine locally. When I connected it to BC the background is now white instead of the image. The background shows up in the css. Here is the link:
http://century21print.businesscatalyst.com/index.html
Doyou need anything else.
Thanks for the help!

You need to revise you background url!
This is what you have
background-image:url(file:///P|/websites2/century21print/images/AbstractLightRays.jpg);
it should be something like
background-image:url(/images/AbstractLightRays.jpg);
that 'file:///P|...' is not right!

DIV Style background image not showing

Hey Friends - can anyone take a look at line 136 to show why my background-image is not showing in this DIV Style?
http://www.gratefulcreative.com/Andre_Madiz/index.html
Thanks in advance!
ken d
creative director
grateful creative
www.gratefulcreative.com

You have no width or height set for that element so it can not show an image unless you make the div at least the same size as the image.
<div style="background-image:url(http://www.gratefulcreative.com/Andre_Madiz/images/bottom_text.png);ba ckground-repeat:no-repeat; width:871px; height:483px;">
You may also want to consider adding this to your main css file and giving the div an id which will help you out in the future.

Background image not showing up in generated FlashHelp

I have added a background image (.jpeg) to my help
project´s style sheet. The image shows up in the style
sheet´s preview, the WYSIWYG window and even ctrl+W previewed
help; but when I generate the entire project, it is nowhere to be
found. Any ideas? Any help would be much appreciated.
Thanks!

Hi uds
You may wish to try adding the image to your list of Baggage
Files. Just right-click the Baggage Files folder in your Project
Explorer pane and add the image.
Give that a go and see if it helps... Rick

Why are my background images not showing up?

The table is split into two, and I want 2 background images
sitting in them so I can write type over them (which is already
there).
I know how to do this with divs, but have never done it to a
table (I no longer use tables for web page layout).
The two images are supposed to be at the bottom of this page
behind "Robert R. Smith, Jr. - Rock Drummer" and "Contact Me".
What have I done wrong and how do I make these two images
appear?
http://www.smitty2.com/drumming.html

On 16 Apr 2007 in macromedia.dreamweaver, smittyboy63 wrote:
> The table is split into two, and I want 2 background
images sitting
> in them so I can write type over them (which is already
there).
> I know how to do this with divs, but have never done it
to a table (I no
> longer use tables for web page layout).
> The two images are supposed to be at the bottom of this
page behind "Robert R.
> Smith, Jr. - Rock Drummer" and "Contact Me".
> What have I done wrong and how do I make these two
images appear?
>
>
http://www.smitty2.com/drumming.html
You're mixing up HTML and CSS code. Your code:
<td width="125"
background-image="url(../images/bottom_art_right.jpg)"
style="padding-top: 90px;">
Should be either:
<td width="125"
background="../images/bottom_art_right.jpg" style="padding-top:
90px;">
Or (my preference):
#leftblock {
background-image : url(../images/bottom_art_right.jpg);
style="padding-top: 90px;
<td id="leftblock">
Joe Makowiec
http://makowiec.net/
Email:
http://makowiec.net/contact.php

Background image not showing in IE9 only

The grey image (GreyBack.jpg) around the 9 centered product images on this site are not displaying in only IE9:
www.Deltron.com
Screenshot here: http://deltron.com/images/deltron-shot.jpg
It works perfectly in IE7, IE8, FF, Safari, and Chrome.
Any ideas?
Here is the CSS for that section:
.RoundedBox {
width: 479px;
padding: 10px;
border: 1px solid #E4E4E4;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
behavior: url(border-radius.htc);
margin-top: 0;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-image: url('images/GreyBack.jpg');
And the HTML:
<div class="RoundedBox">
      <p><img src="images/BannerHome.jpg" width="350" height="28" alt="Deltron Precision Product Line-up" /></p>
    <table width="73%" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="30%"><a href="javascript:;" onmouseover="MM_swapImage('Image20','','images/linear_slide_crossed_roller_bearings2.jpg' ,1)" onmouseout="MM_swapImgRestore()"><img src="images/linear_slide_crossed_roller_bearings1.jpg" alt="Linear Slides Ball Slides Crossed Roller Slides" width="153" height="148" border="0" id="Image20" onclick="MM_goToURL('parent','Linear_Slides_Ball_Slides_Crossed_Roller_Slides.html');retu rn document.MM_returnValue" /></a></td>
        <td width="2%"> </td>
        <td width="29%"><a href="javascript:;" onmouseover="MM_swapImage('Image21','','images/positioning_stages2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/positioning_stages1.jpg" alt="Micrometer Positioning Stages" width="153" height="148" border="0" id="Image21" onclick="MM_goToURL('parent','Micrometer_Positioning_Stages.html');return document.MM_returnValue" /></a></td>
        <td width="3%"> </td>
        <td width="34%"><a href="javascript:;" onmouseover="MM_swapImage('Image26','','images/cross_roller_bearings2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/cross_roller_bearings1.jpg" alt="Linear Bearings Crossed Roller Tables" width="153" height="148" border="0" id="Image26" onclick="MM_goToURL('parent','Linear_Bearings_Crossed_Roller_Tables.html');return document.MM_returnValue" /></a></td>
      </tr>
      <tr>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image28','','images/linear_actuators2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/linear_actuators1.jpg" alt="Linear Actuators Lead Screw Actuators" width="153" height="148" border="0" id="Image28" onclick="MM_goToURL('parent','Linear_Actuators_Lead_Screw_Actuators.html');return document.MM_returnValue" /></a></td>
        <td><img src="images/spacer.gif" alt="" width="10" height="20" /></td>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image27','','images/non-magnetic-slides2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/non-magnetic-slides1.jpg" alt="Non Magnetic Slides" width="153" height="148" border="0" id="Image27" onclick="MM_goToURL('parent','Non_Magnetic_Slides.html');return document.MM_returnValue" /></a></td>
        <td><img src="images/spacer.gif" alt="" width="10" height="20" /></td>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image23','','images/lead_screw_actuators2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/lead_screw_actuators1.jpg" alt="Lead Screw Actuators Lead Screw Stages" width="153" height="148" border="0" id="Image23" onclick="MM_goToURL('parent','Lead_Screw_Actuators_Lead_Screw_Stages.html');return document.MM_returnValue" /></a></td>
      </tr>
      <tr>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image22','','images/crossed_roller_bearings2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/crossed_roller_bearings1.jpg" alt="Crossed Roller Bearings Crossed Roller Rails" width="153" height="148" border="0" id="Image22" onclick="MM_goToURL('parent','Crossed_Roller_Bearings_Crossed_Roller-Rails.html');return document.MM_returnValue" /></a></td>
        <td> </td>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image25','','images/slide_guides2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/slide_guides1.jpg" alt="Slide Guides" width="153" height="148" border="0" id="Image25" onclick="MM_goToURL('parent','Slide_Guides.html');return document.MM_returnValue" /></a></td>
        <td> </td>
        <td><a href="javascript:;" onmouseover="MM_swapImage('Image24','','images/belt_drives2.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="images/belt_drives1.jpg" alt="Belt Drive Actuators Linear Actuators" width="153" height="148" border="0" id="Image24" onclick="MM_goToURL('parent','Belt_Drive_Actuators_Linear_Actuators.html');return document.MM_returnValue" /></a></td>
      </tr>
    </table>
</div>
Thank you!
Matt

Thanks for the replies Nancy O. and Murray.
It's been so long since I did this hack (for FireFox), I don't remember anything about it.
I believe I should delete lines 80 & 81, and leave everything else, right?:
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
Is there anything else I need to do?
Murray, where did you get this code?:
Murray *ACP* wrote:
Yes - this is the result of that hack:
<div class="RoundedBox v08vnSVo78t4JfjH" style="border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; background-image: none; background-attachment: scroll; background-repeat: repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-origin: padding-box; background-clip: border-box; background-color: transparent;">
Dump it!
Thanks again, both of you!
Matt

Background image not scrolling with text

My foreground text will resize with my browser but the background stays stationery, remains in the upper left. How do I fix this? I have included part of my code.
Ideally I would like to anchor text boxes to background image so it will scroll all together. If this can't be done I can use the margins and padding to adjust my text to work with the background I just need it to move with it. I've seen samples of this, which i think may have been done in photoshop but I would like to keep the copy live in DW. FYI, I added "background-attachment:scroll" to the code. I have searched and searched online for a solution to no avail. I am attaching a coupld of PDFs so you can see where I want to go. Any help is greatly appreciated. Thanks a bunch in advance and please be gentle.
body {
     background: #666666; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
     padding: 0;
     text-align: center;
     background-image: url(Images/Background_Radial77.jpg);
     background-repeat: no-repeat;
     margin-right: 0%;
     margin-top: 19%;
     color: #FFF;
     background-color: #FFF;
     background-attachment:scroll
     margin-left: 0%;
     font-family: Verdana, Arial, Helvetica, sans-serif;
     font-size: 100%;
     margin-bottom: 0;
     margin-left: 0;

My foreground text will resize with my browser but the background stays stationery, remains in the upper left. How do I fix this?
That's how web pages work. Remember, web design is nothing like print design. Printed pages or graphics are static.   Web pages must be flexible to accommodate different displays, text sizes and varying amounts of content.   Trying to precisely position text or other objects over a huge background is a bit like trying to nail Jello to a wall. No matter how hard you try, it will never hold up.
Fixed Background Example -
http://alt-web.com/DEMOS/fixed-background.shtml
Scrolling Divisions Example -
http://alt-web.com/DEMOS/multi-scrollbars.shtml
Your best option is to slice and dice your background image into usable segements in Photoshop or Fireworks. Save images only. Then re-assemble slices in DW to create flexible containers.
Basic Tutorial - Bringing 3 image slices into a CSS layout -
http://alt-web.com/DEMOS/Image-slices-in-a-CSS-based-layout.shtml
Advanced Tutorial -
Taking a Fireworks (or Photoshop) comp to a CSS based layout in DW
http://www.adobe.com/devnet/fireworks/articles/web_standards_layouts_pt1.html
Good luck with your project,
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Why are background images not showing in pdf?

You see the strawberries for a second when the pdf first opens then they disappear. We use pc's here at work. XP. Most files do come from mac users.I review packaging files before they print. I did install reader xi. My boss is using a pc laptop but not having this issue.

Have you checked Edit>Preferences>Page display>Page content and information to be sure that "Show large images" is checked?

Spry Bug? Background Colors/Images not showing in IE6/XpP

I'm trying to wrap up my site for MiniMAX SE7EN (Cheap plug,
it's on 6/26 in DC) and I've got a Spry Accordion Component I used
in Dreamweaver CS3 to display all the speakers and then I switched
the CSS file to allow for different colors and a background image
to show through. Seems fine in Firefox and IE7 but in IE6 for PC's,
it appears black and only black. Is this a Spry bug or something I
screwed up with regarding the CSS?
http://www.minimaxconference.com/

I am having the same problems in IE7. I'm using the latest
version of everything (Spry 1.6.1 and javascript file version 0.12)
and at first I was having the problem on my drop down menus
appearing horizontal with all the correct styles but when I changed
the rule ul.MenuBarHorizontal ul to position: relative; the drop
downs appear vertical now but I have no beige border around the
whole ul anymore and I'm getting white space inbetween list items.
http://www.wusf.usf.edu/Header_Nav_Footer_newStyleSheet.cfm
so if anyone has any advice I'd much appreciate it. Also i'm
using 1px width on my borders no decimals.

Background does not show up when creating a PDF in InDesign

I have placed the same image in Illustrator and the PDF does show up the image.

Ooh. Ok. Thank you! I'm using InDesign CS5.5, Acrobat 10.1.6. Mac OSX (10.6.8).
Layer 1: background (TIFF): does not show up
Layer 2: Type and logos (EPS): do show up in my pdf.
-When I select Overprint Preview in Indesign the background is missing.
-I have created pdfs in different presets (smallest, high quality, etc) and still background does not show up.
-When I place ONLY the background on a new InDesign document, it does show up in the PDF.
-I have created a pdf with the background in Illustrator and it does show in my PDF.
Thanks!

When using spotlight search on my 5s it will not show past text messages that haven't even been deleted even if I type a specific word that I know is in a message I want to search for. I have message search turned on in the spotlight settings.

When using spotlight search my phone will not show all text messages with a common word even though I have not deleted any messages from my phone and I have the message search turned on in settings under spotlight search. The search only shows the messages that are recent within the past day or so. Why won't it show the other messages when I search for them even using a specific word that I know was in the message I'm searching for.

Hello ChiomaM,
It sounds like you are not getting notifications for new text messages that are coming in, and you must manually check the app. I recommend checking the Notification settings to see if they are configured correctly:
iOS: Understanding notifications
http://support.apple.com/kb/ht3576
iOS apps can provide three types of notifications:
Sounds: An audible alert plays.
Alerts/Banners: An alert or banner appears on the screen.
Badges: An image or number appears on the application icon.
You can view which apps provide notifications and adjust notification settings using Settings > Notification Center. For additional information, refer to the user guide for your device.
Thank you for using Apple Support Communities.
Regards,
Sterling

Gradient filled background is not showing up in Internet Explorer on a PC.

My gradient filled background is not showing up in Internet Explorer on a PC.
I'm working on a MAC, so I don't know of anyway to preview a new MUSE Site in I.E. since it's no longer supported on a Mac.
When the Home Page is viewed, my blue sky gradient background shows up as a white box?? I need a fix for this please.
Here is my url: www.ThanksSanta.org

Hello,
We might have to look into your .muse file to have a better look into the issue.
I tried it on a sample file but it worked fine for me.
Could you please e-mail your .muse file on [email protected] You can use Adobe SendNow service (https://sendnow.acrobat.com/) to send your file in case it is larger than 20MB.
Please do not forget to mention the link to this forum in your e-mail.
Regards,
Sachin

Why my firefox 7.0.1 in my ubuntu 11.10 is not show the text in every website it just show the pict and some chineese alphabet? and how to solve this problem?

my firefox 7.0.1 in my ubuntu 11.10 is not show the text in every website it just show the pict and some chineese alphabet

Upgrade your browser to Firefox 8 and check
* getfirefox.com

BLOB image not shows in JSP page!!

Hi Dear all,
I had tried to configure how to show BLOB image to jsp page . The code are works fine and servlet works ok but image can not show only. can you help me that what need to be added. Please help me.
Can any experts help me? BLOB image not shows in JSP page. I am using ADF11g/DB 10gR2.
My as Code follows:
_1. Servlet Config_
    <servlet>
        <servlet-name>images</servlet-name>
        <servlet-class>his.model.ClsImage</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>images</servlet-name>
        <url-pattern>/render_images</url-pattern>
    </servlet-mapping>
3. class code
package his.model;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.util.Iterator;
import java.util.Map;
import javax.servlet.ServletConfig;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import oracle.jbo.ApplicationModule;
import oracle.jbo.Row;
import oracle.jbo.ViewObject;
import oracle.jbo.client.Configuration;
import oracle.jbo.domain.BlobDomain;
import org.apache.commons.logging.Log;
import org.apache.commons.logging.LogFactory;
public class ClsImage extends HttpServlet
//private static final Log LOG = LogFactory.getLog(ImageServlet.class);
private static final Log LOG = LogFactory.getLog(ClsImage.class);
public void init(ServletConfig config)
    throws ServletException
    super.init(config);
public void doGet(HttpServletRequest request,
                    HttpServletResponse response)
    throws ServletException, IOException
    System.out.println("GET---From servlet============= !!!");
    String appModuleName = "his.model.ModuleAssetMgt";//this.getServletConfig().getInitParameter("ApplicationModuleName");
    String appModuleConfig = "TempModuleAssetMgt";//this.getServletConfig().getInitParameter("ApplicationModuleConfig");
    String voQuery ="select ITEM_IMAGE from MM_ITEMIMAGE where IMAGE_NO = 'P1000000000006'" ;// 'P1000000000006' this.getServletConfig().getInitParameter("ImageViewObjectQuery");
    String mimeType = "jpg";//this.getServletConfig().getInitParameter("gif");
    //?IMAGE_NO='P1000000000006'
    //TODO: throw exception if mandatory parameter not set
    ApplicationModule am =
      Configuration.createRootApplicationModule(appModuleName, appModuleConfig);
      ViewObject vo = am.createViewObjectFromQueryStmt("TempView2", voQuery);
    Map paramMap = request.getParameterMap();
    Iterator paramValues = paramMap.values().iterator();
    int i=0;
    while (paramValues.hasNext())
      // Only one value for a parameter is expected.
      // TODO: If more then 1 parameter is supplied make sure the value is bound to the right bind
      // variable in the query! Maybe use named variables instead.
      String[] paramValue = (String[])paramValues.next();
      vo.setWhereClauseParam(i, paramValue[0]);
      i++;
   System.out.println("before run============= !!!");
    // Run the query
    vo.executeQuery();
    // Get the result (only the first row is taken into account
    System.out.println("after run============= !!!");
    Row product = vo.first();
    //System.out.println("============"+(BlobDomain)product.getAttribute(0));
    BlobDomain image = null;
    // Check if a row has been found
    if (product != null)
      System.out.println("onside product============= !!!");
       // We assume the Blob to be the first a field
       image = (BlobDomain) product.getAttribute(0);
       //System.out.println("onside run product============= !!!"+image.toString() +"======="+image );
       // Check if there are more fields returned. If so, the second one
       // is considered to hold the mime type
       if ( product.getAttributeCount()> 1 )
          mimeType = (String)product.getAttribute(1);
    else
      //LOG.warn("No row found to get image from !!!");
      LOG.warn("No row found to get image from !!!");
      return;
    System.out.println("Set Image============= !!!");
    // Set the content-type. Only images are taken into account
    response.setContentType("image/"+ mimeType+ "; charset=windows-1252");
    OutputStream os = response.getOutputStream();
    InputStream is = image.getInputStream();
    // copy blob to output
    byte[] buffer = new byte[4096];
    int nread;
    while ((nread = is.read(buffer)) != -1)
      os.write(buffer, 0, nread);
      //System.out.println("Set Image============= loop!!!"+(is.read(buffer)));
    os.close();
    // Remove the temporary viewobject
    vo.remove();
    // Release the appModule
    Configuration.releaseRootApplicationModule(am, false);
} 3 . Jsp Tag
<af:image source="/render_images" shortDesc="Item"/> Thanks.
zakir
====
Edited by: Zakir Hossain on Apr 23, 2009 11:19 AM

Hi here is solution,
later I will put a project for this solution, right now I am really busy with ADF implementation.
core changes is to solve my problem:
    byte[] buffer = new byte[image.getBufferSize()];
    int nread;
    vo.remove();
    while ((nread = is.read(buffer)) != -1) {
      os.write(buffer);
    }All code as below:
Servlet Code*
public void doGet(HttpServletRequest request,
                    HttpServletResponse response) throws ServletException,
                                                         IOException {
    String appModuleName =
      "his.model.ModuleAssetMgt";
    String appModuleConfig =
      "TempModuleAssetMgt";
String imgno = request.getParameter("imgno");
    if (imgno == null || imgno.equals(""))
      return;
    String voQuery =
      "select ITEM_IMAGE from MM_ITEMIMAGE where IMAGE_NO = '" + imgno + "'";
    String mimeType = "gif";
    ApplicationModule am =
      Configuration.createRootApplicationModule(appModuleName,
                                                appModuleConfig);
    am.clearVOCaches("TempView2", true);
    ViewObject vo = null;
    String s;
      vo = am.createViewObjectFromQueryStmt("TempView2", voQuery);
    // Run the query
    vo.executeQuery();
    // Get the result (only the first row is taken into account
    Row product = vo.first();
    BlobDomain image = null;
    // Check if a row has been found
    if (product != null) {
      // We assume the Blob to be the first a field
      image = (BlobDomain)product.getAttribute(0);
      // Check if there are more fields returned. If so, the second one
      // is considered to hold the mime type
      if (product.getAttributeCount() > 1) {
        mimeType = (String)product.getAttribute(1);
    } else {
      LOG.warn("No row found to get image from !!!");
      return;
    // Set the content-type. Only images are taken into account
    response.setContentType("image/" + mimeType);
    OutputStream os = response.getOutputStream();
    InputStream is = image.getInputStream();
    // copy blob to output
    byte[] buffer = new byte[image.getBufferSize()];
    int nread;
    vo.remove();
    while ((nread = is.read(buffer)) != -1) {
      os.write(buffer);
    is.close();
    os.close();
    // Release the appModule
Configuration.releaseRootApplicationModule(am, true);
}Jsp Tag
<h:graphicImage url="/render_images?imgno=#{bindings.ImageNo.inputValue}"
                                                    height="168" width="224"/>

Background image not showing behind text

Similar Messages

Maybe you are looking for