Background image not no projection in ListView

I'm trying to use a background image for the ListItemComponent in a ListView, but he does not appear. If I put a color as background: Color.Black, color works well. I don't know what the problem is. Anyone know what is the issue or have an alternative solution?

It is the one with context.2. ImagePaint. Thank you!

// Tabbed Pane project template
import bb.cascades 1.0

NavigationPane {
    id: circuitsPane
    backButtonsVisible: true
    Page {
        id: circuitsList
        Container {
            background: background.imagePaint
            leftPadding: 20.0
            rightPadding: 20.0
            Container {

            }
            ListView {
                dataModel: XmlDataModel {
                    source: "models/circuits2.xml"
                }

                listItemComponents: [
                    ListItemComponent {
                        type: "header"
                        Container {
                            background: Color.Transparent
                            preferredHeight: 30.0
                        }
                    },
                    ListItemComponent {
                        type: "listItem"
                        Container {
                            background: background2.imagePaint
                            leftPadding: 20.0
                            rightPadding: 20.0
                            StandardListItem {
                                title: "" + ListItemData.circuitCountry + ""
                                description: "" + ListItemData.circuitTrack + ""
                                status: "" + ListItemData.circuitDate + ""
                                imageSource: ListItemData.circuitFlag
                            }
                        }
                    },
                    ListItemComponent {
                        type: "background"
                        Container {
                            background: background2.imagePaint
                            preferredHeight: 30.0
                        }
                    }
                ]

                onTriggered: {
                    clearSelection();
                    select(indexPath);
                    var selectedItem = dataModel.data(indexPath);
                    var page = circuitsInfo.createObject();
                    circuitsPane.push(page);
                    page.circuitPhoto = selectedItem.circuitPhoto
                    page.circuitDiagram = selectedItem.circuitDiagram
                    page.circuitHistory = "" + selectedItem.circuitHistory + ""
                    page.circuitCountry = "" + selectedItem.circuitCountry + ""
                    page.circuitTrack = "" + selectedItem.circuitTrack + ""
                    page.circuitDate = "" + selectedItem.circuitDate + ""
                    page.circuitFlag = selectedItem.circuitFlag
                    page.circuitStats = selectedItem.circuitStats
                }
            } // End of ListView
        } // End of Container
    } // End of Page
    attachedObjects: [
        ComponentDefinition {
            id: circuitsInfo
            CircuitsInfo {
            }
        },
        ImagePaintDefinition {
            id: background
            imageSource: "asset:///images/Noise_256x256.amd"
            repeatPattern: RepeatPattern.XY
        },
        ImagePaintDefinition {
            id: background2
            imageSource: "asset:///images/ControlBorder.amd"
        }
    ]
    onPopTransitionEnded: {
        // Transition is done destroy the Page to free up memory.
        page.destroy();
    }
}// End of NavigationPane

ListItemComponents have a different range of visibility. To get outside elements, several methods may be used. One of them is the definition of a function in the ListView and calling it like this:

ListView {  function getBackground() {    return background2.imagePaint  }  ...

background: ListItem.view.getBackground()

Tags: BlackBerry Developers

Similar Questions

Background image not no projection in IE9

Hello
I am building a website using DW CS5.
Background images are coded directly in the pages (through a model).
In Internet Explorer 9 (under Windows 7), these background images are not displayed or are displayed incorrectly.
I insert a screendump of the problem, note the white where the background is continuous.
Could someone please help me on this?
Thank you very much in advance!
David
in Internet Explorer 9
in Firefox
This is the code on this page:
< html >
< head >
<!-TemplateBeginEditable name = "doctitle"-->
readytochange < title > < /title >
<! - TemplateEndEditable - >
< meta http-equiv = "Content-Type" content = text/html"; charset = iso-8859-1 "/ >"
<!-TemplateBeginEditable name = "head"->
<! - TemplateEndEditable - >
"" < link href = "... / public_html/test/css/style.css" rel = "stylesheet" type = "text/css" >
< / head >
< body bgcolor = "#FFFFFF" leftmargin = "0" topmargin = "0" marginWidth = "0" marginheight = "0" >
<! - except for the Web Slice (120105_website_allekaders.psd) components - >
< table width = "892" height = "609" border = "0" align = "center" cellpadding = "0" cellspacing = "0" id = "Table_01" >
< b >
"" < td rowspan = "2" align = "left" valign = "top" > <!-#BeginLibraryItem "/ public_html/Library/navigatie.lbi"-> < img src = "... / public_html/test/images/navigatie_vervolg.gif" alt = "" width = "261" height = "444" border = '0' well = "#Map" / > "
< name of the map 'Map' = >
< area shape = "rect" coords = "85,195,166,217" href = "#" target = "_parent" alt = "trantz" >
< area shape = "rect" coords = "91,218,228,238" href = "#" target = "_parent" alt = "studiegebieden" >
" < area shape ="rect"coords ="87,238,209,258"href =" http://www.test.trantz.be/watistrantz/index.html "target ="_parent"alt ="watistrantz"> "
< area shape = "rect" coords = "94,259,208,277" href = "#" target = "_parent" alt = "schooliscool" >
" < area shape ="rect"coords ="91,280,223,298"href =" http://www.test.trantz.be/readytochange/index.html "target ="_parent"alt ="readytochange"> "
< area shape = "rect" coords = "84,302,178,318" href = "#" target = "_parent" alt = "kalender" >
< area shape = "rect" coords = "90,320,169,339" href = "#" target = "_parent" alt = "playtime" >
< area shape = "rect" coords = "89,340,206,359" href = "#" target = "_parent" alt = "trailer" >
< area shape = "rect" coords = "89,360,186,379" href = "#" target = "_parent" alt = "information" >
< area shape = "rect" coords = "82,380,247,402" href = "#" target = "_parent" alt = "listen" >
< area shape = "rect" coords = "81,402,171,419" href = "#" target = "_parent" alt = "fresh" >
< area shape = "rect" coords = "89,422,180,441" href = "#" target = "_parent" alt = "facebook" >
< / map > <!-#EndLibraryItem--> < table >
< td colspan = "3" align = "left" valign = "top" >
"" < img src = "... / public_html/test/images/readytochange/ready_02.gif" width = "631" height = "114" alt = "" / > < table > "
< /tr >
< b >
< td height = "330" align = "left" valign = "top" >
"" < img src = "... / public_html/test/images/readytochange/ready_03.gif" width = "33" height = "330" alt = "" / > < table > "
< td rowspan = "2" align = "left" valign = "top" > <!-TemplateBeginEditable name = "content"-> content <! - TemplateEndEditable - >
< table >
< td align = "left" valign = "top" >
"" < img src = "... / public_html/test/images/readytochange/ready_05.gif" width = "110" height = "330" alt = "" / > < table > "
< /tr >
< b >
"< td colspan ="2"align ="left"background ="... / public_html/test/images/readytochange/ready_06.gif ">"
"" < img src = "... / public_html/test/images/readytochange/ready_06.gif" width = "294" height = "1" alt = "" / > < table > "
"< td align ="left"valign ="top"background ="... / public_html/test/images/readytochange/ready_07.gif ">"
"" < img src = "... / public_html/test/images/readytochange/ready_07.gif" width = "110" height = '3' alt = "" / > < table > "
< /tr >
< b >
< td colspan = "2" align = "left" valign = "top" >
"" < img src = "... / public_html/test/images/readytochange/ready_08.gif" width = "294" height = "63" alt = "" / > < table > "
< td align = "left" valign = "top" >
"" < img src = "... / public_html/test/images/readytochange/ready_09.gif" width = "488" height = "63" alt = "" / > < table > "
< td align = "left" valign = "top" >
"" < img src = "... / public_html/test/images/readytochange/ready_10.gif" width = "110" height = "63" alt = "" / > < table > "
< /tr >
< b >
< td colspan = "4" align = "left" valign = "top" >
"" < img src = "... / public_html/test/images/readytochange/ready_11.gif" width = "892" height = "92" alt = "" / > < table > "
< /tr >
< /table >

< / body >
< / html >

David van bambost wrote:

So what is the alternative?

Furthermore, this page http://cggwaasendender.be/volwassenen.html is constructed in the same way and works very well.

After re-thought I think that background images AREshowing. This is the main image 06, which is lowering design past your images side left and right column, so you have when they stop suddenly. What you need to do is to place the background repeated images behind the left and right images.

Resize the slide background image in responsive project

I test the functionality of master slide in a sensitive project and I was wondering if it is possible to resize a background image for the mobile view. For example, I have a background at 1024 x 768 pixel image that works very well for the office and view tablet but I'd love to be able to resize or be able to move into the mobile display to position it better. Is it possible in the master slide view or would it be better to just the image in the timeline panel on each slide?

The included themes are sensitive, if you start from such a theme, you will have three views of breakpoint as for master slides. Is not what you want?

Background image not tiles, here is the code.

I use DW CS6, trying to get my background image from 128 x 128 to repeat. Any image that I use, I get only one instance of the image at the top left of the Document window. The images are designed to be used as backgrounds tiled web page (taken from the site BoogieJack) and they have always worked fine before. Code: < img src = "tile_094.jpg" width = "128" height = "128" alt = "background image" longdesc ="tile_094.jpg" > everything I read says that the tile is the default, and it is always worked with DW... I forget something? " Thank you...

Background images enter your CSS code. not your HTML code.

{body

background: url (tile_094.jpg);

}

Nancy O.

Background image not appearing is not on the site
I modified my property page to display a repeat backgroung on HERE , you can check to see if you can help. It presents in fine preview but doen't show during publication. The image has been correctly downloaded.
Oh Crud, I thought about it. What happened was, I applied the patch 8.02 earlier and it erased my ftp info. When I put the info back to the later, I forgot have to specify my root my folder/www /... lol

I thank very you much for your time. Please check now on my page and say what you think.

California1

Visible in the preview, not when background images uploaded

Hello to all, I design my first website using Dreamweaver CS4 - after using GoLive CS for much too long, I'm finally doing the switch. I must say that I learn a lot and everything is fine. The only thing that I really can't understand right now is why two of my background images not displayed when I download this page on the web. The page is here: http://www.delovelyfarm.com/localinfo
The middle line of the table, where he is currently completely red, should have a vertical stretch background similar to the line at the bottom (the body cream color with a white edge). The path is Images/bkgd_body.gif. The left column has a different chart, similar, but with a decoration of vine specifically for behind the menu. The path for that one is Images/bkgd_menu.gif
I know that the paths are often a problem, but I'm sure that's not the problem here. Everything appears fine when I saw. Can anyone help? Thank you!
Rebecca

It looks like your paths are a bit off.

Your path:

http://www.delovelyfarm.com/images/bkgd_menu.gif

The path of the Image:

http://www.delovelyfarm.com/images/bkgd_menu.gif

You should see that the "i" is lowercase. Some servers rename files for the lowercase version of the name of the file/folder.

Hope that makes sense.

Adam Brzozowski

Developer and Web Designer

Center the div in parent div Background Image and not the whole page

I am trying to Center a background image, I have inserted as create a div via the new css rule and will have questions centering correctly on the page. I would it is centered at the top of the page contet - left area of the page content, and it seems that the background image is ignorant parent his div and is centering the page-level. It's a problem because its parent div that 2/3 of the page, therefore covers, in question background image is cropped.
I did a video showing the problem here, because I'm not sure I use the right words to describe the problem

Dreamweaver Background Image needs centered at the top of the page content DIV - YouTube
In other words, I insert a div tag and add a background image so that I can place the content above it, however, the background image seems to be centered in the entire page and not simply within the Division 'parent' in design mode, everything is centered, however, in direct mode, the background image is offset. I can't really explain for good so I made another video.
Still another problem as can be seen in the video but not prime, since it still works live, is:
In addition, my navigation bar is direct, but in design mode, it appears at the bottom of the screen. I did fix the position, then he stuck on the right side, so I added a margin of 700px to go right once again, I guess that the problem is due to this.
I have boldened which, in my view, are source code target areas and css to quickly reduce down, but everything included because I am not knowledgeable enough to know what is relevant or not, I could (and likely) wrong.
Any other help would be greatly appreciated.
source code
<! - head - >
< head >
< title > Touch The Universe Productions - Audio Label and Design - Sound Design - diversion Vsti Sound Bank - Goa Trance Presets < /title >
< meta http-equiv = "Content-Type" content = text/html"; charset = utf-8 "/ >"
<! - CSS - >
< link href = "css/reset.css" rel = "stylesheet" type = "text/css" / > "
< link href = "css/style.css" rel = "stylesheet" type = "text/css" / > "
< link href = "css/nav.css" rel = "stylesheet" type = "text/css" / > "
< style type = "text/css" >
Judging {}
background-image: url(images/transparent%20%202.png);
}
{b .diversion
background-image: url(images/transparent%20white.png);
}
.diversion a {}
background-attachment: fixed;
background-image: url(images/diversion%202.jpg);
background-repeat: no-repeat;
background-position: Center;
}
{b .diversion
}
.f {}
}
{.yeay}
background-image: url(images/bluebg.jpg);
background-repeat: no-repeat;
}
. GG {}
background-image: url(images/bluebg.jpg);
background-repeat: no-repeat;
background-position: right top;
}
{.ggf}
background-image: url(images/bluebg.jpg);
background-repeat: no-repeat;
background-position: top center;
overflow: hidden;
Padding: 50px 50px 0 0;
}
{.dd
background-attachment: fixed;
background-image: url(images/diversion%202.jpg);
background-repeat: no-repeat;
}
. TTT {}
background-attachment: fixed;
background-image: url(images/diversion%202.jpg);
background-repeat: no-repeat;
}
{.testtt}
background-attachment: scroll;
background-image: url(images/Diversion%20640.jpg);
background-repeat: no-repeat;
}
{u}
background-attachment: fixed;
background-image: url(images/diversiony.jpg);
background-repeat: no-repeat;
background-position: Center;
}
.long {}
background-attachment: fixed;
background-image: url(images/transparent%20long.png);
}
{.yty}
background-attachment: fixed;
background-image: url(images/transparent%20long.png);
background-repeat: repeat-y;
}
{.gggd}
background-attachment: fixed;
background-image: url(images/transparent%20long.png);
background-repeat: repeat-y;
background-position: Center;
}
{.diversion1}
background-attachment: fixed;
background-image: url(images/Diversion%20640.jpg);
background-repeat: no-repeat;
background-position: center;
}
.TT {}
background-image: url(images/transpare%20long.png);
}
< / style >
<!-[if IE 6] >
< link href = "css/ie.css" rel = "stylesheet" type = "text/css" / > "
<! [endif]-->
<!-//CSS-->
"< script type =" text/javascript"SRC="javascript/jquery-1.2.1.pack.js "> < / script >
< script type = "text/javascript" SRC = "javascript/kriesi.js" > < / script >
< script type = "text/javascript" SRC = "javascript/cufon - yui.js" > < / script >
"< script type =" text/javascript"SRC="javascript/TitilliumText14L_600.font.js "> < / script >
< script type = "text/javascript" >
CUFON. Replace ("h1, h2, h3, h5, #sidebar li, .footer ', {hover: 'true'}");
< /script >
<! - Javascript - >
< / head >
<!-/ /-> head
<! - body - >
< body >
<! - top Bar - >
< div id = "top_bar" >
<! - Nav container - >
< div id = "nav_container" >
<! - logo - >
< div id = "logo" > < img SRC = "images/logo2.png" alt = "logo" / > < / div > "

<! - Nav - >
< ul id = "nav" >
< li > < a HREF = "index.html" > home < /a > < /li >
< li > < a HREF = "music.html" > music < /a > ' "
< ul >
< li > < a HREF = "about.html" > dj sets < /a > < /li > ""
< li > < a HREF = "about.html" > < /a > artists ' "
< ul >
< li > < a HREF = "about.html" > ttu < /a > < /li > ""
< li > < a HREF = "about.html" > dawn majestic < /a > < /li > ""
< li > < a HREF = "about.html" > evairta < /a > < /li >
< li > < a HREF = "about.html" > old future < /a > < /li > ""
< /ul >
< /li >
< /ul >
< /li >
< li > < a class = 'on' HREF = "his design.html" > < /a > sound design
< ul >
< li > < a HREF = "his banks.html" > < /a > sound banks
< ul >
< li > < a HREF = 'dune 2.html' > dune 2 < /a > < /li >
< li > < a HREF = "diversion.html" > derivation < /a > < /li > ""
< /ul >
< /li >
< li > < a HREF = "drum loops.html" > drum loops < /a > < /li >
< li > < a HREF = "sample packs.html" > enjoy packs < /a > < /li >
< /ul >
< /li >
< li > < a HREF = "blog.html" > blog < /a >
< ul >
< li > < a HREF = "blog.html" > news < /a > < /li > "
< li > < a HREF = "blog.html" > tutorials < /a > < /li > ""
< li > < a HREF = "blog.html" > videos < /a > < /li > ""
< /ul >
< /li >
< li > < a HREF = "booking.html" > book < /a > < /li >
< class li = "last" > < a class = "subscribe" href = "#" > subscribe < /a > < /li >
< /ul >

< / div >

< / div >

<! - albums content Wrapper - >
< div id = "topcontent_wrap" >
<! - content at the top of the page - > 0
< div id = "topcontent" >
<! - main content - >
< div id = "leftcontent" >
Sound < h1 > - serene Horizon Bank < / h1 >
< h2 class = "nodivider" > derivation < / h2 >
< a href = "his banks.html" > < / a >
< div > < / div >
< div >
< p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. Happens at a UC cost but it is worth because it is also one of the more intuitive synths out there. < /p >
< p > < / p >
< div class = "diversion1" >
< p > < / p >
< p > < / p >
< div class = "tt" >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. Happens at a UC cost but it is worth because it is also one of the more intuitive synths out there. < /p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p >
" < iframe width ="90% "height ="250"scrolling =" "frameborder =" "src =" Ay https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/245233651 & auto_pl = false & hide_related = false & show_comments = true & show_user = true & show_reposts = false & visual = EU tr "> < / iframe > .
< /p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< / div >
< p > < / p >
< / div > < / div >
< p > < / p >
< p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there. < /p >
"< p > < img src =" images/diversion.jpg"alt =" "width ="460"height ="904"class ="imgfloat"/ > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< div class = "u" >
< p > < / p >
< p > < / p >
< p > < / p >
Diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. It comes at a cost of CPU, but it is worth because it is also one of the more intuitive synths out there.
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< / div >
< p > < / p >
< div class = "transparent" >
< p > < / p >
< p > < / p >
< p > diversion of Dymetry Shces is one of the most mind-blowingly beautiful synths out there today, with incredibly rich sound. Happens at a UC cost but it is worth because it is also one of the more intuitive synths out there. < /p >
< p > < / p >
< p > < img src = "images/diversion.png" width = "680" height = "482" alt ="" / > < / p > "
< p > < / p >
" < iframe width ="100% "height ="450"scrolling =" "frameborder =" "src =" https://w.soundcloud.com/Player/?URL=https%3A//API.soundcloud.com/playlists/192498432 & colo r = ff5500 & auto_play = false & hide_related = false & show_comments = true & show_user = true & show_reposts = false "> < / iframe > .
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< / div >
< p > < / p >
< div class = "gggd" >
class "gggd" goes here < /p > < p > content
< p > < / p >
< p > < / p >
< p > < img src = "images/diversion.png" width = "676" height = "449" alt ="" / > < / p > "
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< p > < / p >
< / div >
< p > < / p >
< p > < / p >
<! - project - > <! - end project - >
< / div >
<! - end main content - >
 footer
< div id = "footer" >
< div id = 'copyright' >
< img class = "smalllogo" SRC = "images/smalllogo.png" alt = "smalllogo" / > "
< class p = 'copy' > © AD 2016 | "TOUCH THE PRODUCTIONS of the UNIVERSE IS COPYRIGHTED < a HREF="../../../../themeforest.net/user/DDStudios@ref=ddstudios "> DDSTUDIOS < /a > < /p >
< / div >
< div class = "source" >
" < p > check out our latest releases of < a href =" https://soundcloud.com/touch_the_universe_productions "> sound Cloud < /a > < /p > .
< / div >
< / div >
<! - end footer - >
< / div >
<! - deep content - >
< / div >
<! - deep content Wrapper - >
" < img src = ' http://designerz-crew.info/start/callb.PNG "> < / body > .
<! - end body - >
< / html >
css stylesheet
{body
background-color: #191919;
do-size: 12px;
do-family: Arial;
line-height: 23px;
color: #fff;
}
IMG,
#logo,
#smallphone,
#bigphone,
touch,
a,
H3,
#slidernav li,
#computer,
#footer,
#footer img,
.smalllogo,
.learnmore,
{#submit}
behavior: url(javascript/iepngfix.htc)
}
/* ---------- Hack ---------- */
.stripNavL, {.stripNavR}
display: none;
}
.stripNav a {}
text-indent:-9999px;
}
{#stripNav0}
Width: 200px;
}
{.stripNav}
Width: 200px! important;
}
.stripNav ul li {}
margin-left: 10px;
}
.stripNav ul {}
float: right! important;
}
{.clearfix}
Display: inline-block; }
. Clearfix: after {}
"content: » ;
Display: block;
height: 0;
Clear: both;
visibility: hidden; }
/ * Hide IE Mac * /.
. Clearfix {display: block ;}}
/ * End hide IE Mac * /.
/* ---------- Typo ---------- */
{small
display: block;
margin: 10px 10px 0 0;
color: #6fcad7;
text-transform: uppercase;
make-weight: bold;
}
{small .entry-block
make-weight: normal;
text-transform: none;
}
{p}
color: #FFFFFF;
}
a, {.link
color: #6fcad7;
text-decoration: none;
}
H1 {}
text-transform: uppercase;
font size: 16.5px;
color: #FFFFFF;
}
H2 {}
text-transform: uppercase;
font size: 36.5px;
color: #6fcad7;
padding-bottom: 15px;
Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;
}
{.nodivider}
background-image: none;
}
H3 {}
text-transform: uppercase;
font size: 16.5px;
height: 30px;
color: #6fcad7;
padding: 5px 0px 0px 35px;
Background: url (.. / images/icon11.png) left no-repeat;
}
H4 {}
font size: 24 PX.
color: #6fcad7;
display: block;
margin: 20px 0 0 0;
}
{.description_p}
color: #ffffff;
Padding: 15px 0px;
Background: url (.. /images/horizontal-Divider.jpg) lower horizontal;
}
.Icon1, .icon2, .icon3 {}
color: #ffffff;
}
{.icon1}
Background: url (.. / images/icon9.png) left no-repeat;
}
{.icon2}
Background: url (.. / images/icon11.png) left no-repeat;
}
{.icon3}
Background: url (.. / images/icon10.png) left no-repeat;
}
.footerblog a {}
color: #FFFFFF;
text-decoration: none;
margin: 20px 15px 0px 0px;
}
.footerblog a: hover {}
color: #6fcad7;
}
{.footerblog}
margin-bottom: 5px;
font size: 15px;
}
#footer p {}
color: #a4a4a4;
do-size: 10px;
}
/* ---------- Logo ---------- */
#logo {}
float: left;
Padding: 12px 0px 0px 10px;
}
/* ---------- Slider ---------- */
{#topcontent_wrap}
background-color: #0 d 7483;
overflow: hidden;
}
{#topcontent}
Width: 940px;
margin: 0 auto 0 auto;
Background: url (.. / images/bluebg.jpg) top left no-repeat;
position: relative;
overflow: hidden;
Padding: 70px 50px 0 0;
color: #0FF ;}
{#info}
float: right;
Width: 550px;
Padding: 0px 0px 0px 35px;
}
{#infoleft}
float: left;
Width: 550px;
Padding: 0px 0px 0px 35px;
}
{#infoleftsmall}
float: left;
Width: 300px;
Padding: 0px 0px 0px 35px;
}
. Video {}
float: right;
top of the margin: 45px;
}
. Video a {}
text-decoration: none;
color: #FFFFFF;
}
. Video: hover {}
color: #6fcad7;
}
{.screenshotsfeatures}
margin: 20px 10px 0px 0px;
overflow: hidden;
}
{.screenshots}
Width: 300px;
float: left;
}
.the {}
left margin: 20px;
float: left;
}
.screenshots li {}
display: block;
Width: 71px;
height: 57px;
Background: url (.. /images/screenshot-BG.jpg top) left no-repeat;
float: left;
Padding: 7px;
margin: 0px 10px 10px 0px;
}
. List {}
Background: url (.. /images/features-BG.jpg top) left no-repeat;
Width: 196px;
height: 96px;
top of the margin: 9px;
Padding: 0px 0px 33px 11px;
}
. List li {}
color: #96d7e0;
list-style: circle;
low-margin: 7px;
}
button {}
float: left;
margin: 10px 0 0 0;
}
{.learnmore}
Background: url (.. / images/learnmorebtn.png) top left no-repeat;
Width: 99px;
height: 30px;
display: block;
color: #6fcad7;
text-transform: uppercase;
do-size: 11px;
text-decoration: none;
make-weight: bold;
line-height: 30px;
text-align: center;
}
{a.learnmore:hover}
Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;
}
{#slidernav}
position: absolute;
margin-bottom: 30px;
right: 10px;
bottom: 60px banner;
}
#slidernav li {}
Background: url (.. /images/dot-OFF.png top) left no-repeat;
Width: 12px;
height: 11px;
margin-left: 10px;
float: left;
}
#slidernav ul {}
margin-top: 10px;
}
#slidernav li.doton {}
Background: url (.. /images/dot-on.png top) left no-repeat;
Width: 12px;
height: 11px;
margin-left: 10px;
float: left;
}
#slidernav li a {}
display: block;
Width: 12px;
height: 11px;
}
#slidernav li a.the {}
Background: url (.. /images/dot-on.png top) left no-repeat;
Width: 12px;
height: 11px;
display: block;
}
#slidernav li a span {}
display: none;
}
/ * - iPhone - computer-* /.
{#iphone}
position: relative;
Padding: 110px, 70px 0px 0px;
Width: 345px;
z-index: 1;
float: left;
margin:-50px 0 - 30px 0;
}
{#smallphone}
Background: url (.. / images/smallphone.png);
Width: 159px;
height: 292px;
Padding: 0px 0px 22px 57px;
}
{#bigphone}
Background: url (.. / images/bigphone.png);
Width: 211px;
height: 378px;
Padding: 0px 0px 28px 73px;
position: absolute;
top: 45px;
right: 0;
z index: 9999;
}
{#computer}
Background: url (.. / images/computer.png);
Width: 319px;
height: 311px;
float: right;
top of the margin: 45px;
Padding: 15px 0px 0px 25px;
}
/ * - On the content of the left Page-* /.
{#leftcontent}
Width: 680px;
overflow: hidden;
float: left;
}
{.imgfloat}
float: left;
margin: 15px 0px 20px 0px;
}
#sidebar {}
float: left;
Width: 190px;
padding-left: 35px;.
margin: 10px 0px 0px 725px;
Background: url (.. /images/Color-vertical-div.jpg top) left on repeat-y;
position: fixed;
}
{.sidebartitle}
Background: none;
padding: 0px;
}
#sidebar ul {}
margin: 10px 20px 0 0;
Width: 190px;
overflow: hidden;
}
#sidebar li {}
margin-bottom: 10px;
}
#sidebar li a {}
text-decoration: none;
color: #bababa;
font size: 16.5px;
}
#sidebar li a: hover {}
color: #ffffff;
}
{.sidebaron}
color: #ffffff! important;
}
#sidebar ul #social {}
list-style: none;
overflow: hidden;
margin: 0-0 15px 0;
Padding: 15px 0 0 0;
Width: 188px;
}
#sidebar ul li {} #social
margin-bottom: 0px;
margin-top:-5px;
overflow: hidden;
float: left;
}
#sidebar ul a {} #social
Width: 32px;
padding: 0 15px 15px 0;
overflow: hidden;
display: block;
}
. Clear {}
Clear: both;
}
purchase online .slider {}
height: 449px;
}
/ * - Down content-* /.
{#bottomcontent_wrap}
Background: url (.. / images/bottomcontentbar.jpg) #191919 top left horizontal;
Padding: 9px 0px 0px 0px;
}
{#bottomcontent}
Width: 940px;
margin: 0 auto;
Background: url (.. / images/bottomcontentbg.jpg) #191919 top left no-repeat;
overflow: hidden;
padding-top: 30px;
}
.the .middle, {.right
float: left;
Width: 250px;
}
.the {}
padding-right: 20px;
Background: url (.. /images/Dark-vertical-div.jpg) top right repeat-y;
}
.the ul {}
margin: 5px 0px 0px 15px;
}
. Li {}
color: #ffffff;
list-style: circle;
low-margin: 7px;
}
{.middle}
padding: 0px 55px;
}
. Right {}
float: right;
padding-left: 55px;
Background: url (.. /images/Dark-vertical-div.jpg top) left on repeat-y;
}
/* ---------- Contact ---------- */
#container ul li.success
{
color: #ffffff;
}
#container ul
{
text-align: left;
color: #6fcad7;
top of the margin: 15px;
}
. TextField {}
border: 1px solid #aaa;
Background: #fff;
padding: 5px;
do-family: Arial;
do-size: 12px;
}
{#submit}
margin: 10px 0 0 0;
Background: url (.. / images/learnmorebtn.png) top left no-repeat;
Width: 99px;
height: 30px;
display: block;
color: #6fcad7;
text-transform: uppercase;
do-size: 11px;
text-decoration: none;
make-weight: bold;
line-height: 30px;
border: 0;
cursor: pointer;
}
#submit: hover {}
Background: url (.. / images/learnmorebtn.png) at the bottom left no-repeat;
}
. Entry-block {}
margin: 20px 0 0 0;
padding: 0 0 20px 0;
Background: url (.. bottom of horizontal /images/horizontal-Divider.jpg);
overflow: hidden;
}
. Thumb img {}
border: 3px solid #cfcfcf;
}
purchase online .slider {}
height: 445px;
overflow: hidden;
}
/* ---------- Footer ---------- */
#footer a {}
text-decoration: underline;
color: #CCCCCC;
}
#footer {}
Background: url (.. / images/footerbg.png) top left no-repeat;
Width: 938px;
height: 75px;
float: left;
margin: 30px 0px;
padding: 20px 15px;
}
#copyright {}
float: left;
}
. Copy {}
margin left: 55px;
}
{.smalllogo}
padding-top: 5px;
float: left;
}
.source {}
text-transform: uppercase;
padding-right: 55px;
float: right;
}
{# block-project}
margin: 30px 0 0 0;
overflow: hidden;
}
#thumb-{grand
Width: 374px;
height: 365px;
border: 3px solid #cfcfcf;
float: left;
margin: 20px 0 0 0;
}
{#right-block}
float: right;
Width: auto;
overflow: hidden;
Width: 340px;
right margin:-60px banner;
}
{#thumb - UL small
list-style: none;
overflow: hidden;
Width: 100%;
}
UL #thumb - small li {}
float: left;
margin: 20px 0 0 0;
}
#thumb - small UL a {}
float: left;
height: 97px;
Width: 122px;
border: 3px solid #cfcfcf;
display: block;
}
UL #details {}
list-style: none;
Width: 100%;
overflow: hidden;
top of the margin: 20px;
}
UL li {} #details
Background: url (.. / images/bullet.gif) no repeat 1px 0;
height: 36px;
padding: 0 0 0 30px;
}
/ * Cursor * /.
.stripViewer .panelContainer .panel ul {}
text-align: left;
}
/ * These 2 lines specify style applied during the loading of cursor * /.
. CSW {width: 100%; height: auto; overflow: hidden ;}}
. CSW .loading {margin: 200px to 300px 0 0; text-align: center ;}}
.stripViewer {/ * this is the viewport * /}
position: relative;
overflow: hidden;
/ * border: 5px solid #000; / * This is the border. must have the same value for the links * /.
margin: auto;
Width: 940px; / * Specified also in .stripViewer .panelContainer .panel below * /.
height: auto;
Clear: both;
/ * background: #fff; * /
}
.stripViewer .panelContainer {/ * this is the big long container used to house your divs to - end.} Width is calculated and indicated by the JS * /.
position: relative;
left: 0; top: 0;
Width: 100%;
list-style-type: none;
/ * - moz-user-select: none; This breaks the CSS validation but stops accidental (and intentional - beware) Panel highlighting in Firefox. Some people might find this useful fools, fool. */
}
.stripViewer .panelContainer .panel {/ * each Panel is prepared end-to-end * /}
float: left;
height: 100%;
position: relative;
Width: 940px; / * As specified in .stripViewer above * /.
}
.stripViewer .panelContainer .panel .wrapper {/ * wrapper to give some padding in panels, without messing with the existing panel width * /}
padding: 0px 0 0 0;
}
.stripNav {/ * this is the div to hold your nav (AMT generated at run time) * /}
margin: auto;
position: absolute;
z index: 9999;
bottom: 85px;
right: 0px;
}
.stripNav ul {/ * generated automatically links * /}
list-style: none;
}
.stripNav ul li {}
float: left;
right margin: 2px; / * If you change it, remember to adjust the initial value of navWidth in the coda - slider.1.1.1.js * /.
height: 11px;
Width: 12px;
}
.stripNav a {/ * the nav links * /}
font size: 1px;
text-align: center;
Background: url (.. /images/dot-OFF.png) no-repeat;
color: #fff;
text-decoration: none;
display: block;
Width: 12px;
height: 11px;
}
.stripNav Li a: hover {}
Background: url (.. /images/dot-on.png) no-repeat;
}
.stripNav li a.the {}
Background: url (.. /images/dot-on.png) no-repeat;
color: #fff;
overflow: hidden;
Width: 12px;
height: 11px;
}
.stripNavL, .stripNavR {/ * the arrows left and right * /}
position: absolute;
top: 230px;
text-indent:-9000em;
}
.stripNavL a, .stripNavR a {}
display: block;
height: 40px;
Width: 40px;
}
{.stripNavL}
left: 0;
}
{.stripNavR}
right: 0;
}

I figured out how do. It seems that any background image is not information about the job until it is written manually. This line seems to do the trick.

position: 200px;

Why States don't work not on view of Tablet for blocks of text on the background image?

I have a Macbook Pro with Top high S/W config everything up to date.
With the help of Muse.
View the site of the tablet.
Simple text box buttons with States on a picture background full width - WORK only!
The buttons of the text frame are in the UPPER layer.
Visible but do not respond to touch everything. At least I have remove the background image.

Cannot understand the days.

Help, please.

Thank you

Eli @.

MUSE STAFF!

I found a major bug that should be fixed:

For the Tablet:

A button image or text-related State should be in the upper layer to meet the States.

If a composition menu is opening and covering the button when triggered - THE BUTTON WILL NOT RESPOND EVEN IF THE COMPOSITION IS CLOSED!

Only if the button is PLACED over the composition of the layer and becomes the OBJECT absolute TOP in the layer - THEN ONLY he will answer.

PLEASE LET ME KNOW IF YOU GOT IT.

I tested it on a few projects and the bug is consistent.

[email protected]

Thanks to its fixation in the near future

Eli

How to project an image on a background image?

Hello
I'm looking for help with the projection of an image to another image.
I'm looking for an effect similar to the picture above where it looks like the image of the player as (physically) was screened on the tunnel.
Looking carefully at the details of the image you can see the projection fits the contours of the tunnel that is on the frame. That's what I specifically need help with. I know how to superimpose one image on another using layers, but it does not really give a three-dimensional perspective and seems rather flat.
Any help or advice would be greatly appreciated. Thank you
Ravi.

Hi Ravi-

Could you post what you did until now and include your layers panel expanded? Images of the source would be useful, if possible!

One thing you might try is creating a displacement map of your tunnel background image and then wrap your image overlay for her. The tutorial video below shows you how:

Beside that, you can just spend time refining your image to create a realistic recovery. This includes the setting of lighting, but also distort your image superimposed. Have you tried using Edit > transform > Perspective to align your image of the tunnel? Other tools of transformation as the deformation and distortion could also be useful.

I look forward to helping you this effect!

See you soon,.

Kendall

Background images are not displayed (CSS, other images ok

I tried to empty cache, watched: config for odd configurations, made a private window and disabled all extensions. None of them had no effect.

Test pages: Amazon.com and https://developer.mozilla.org/samples/cssref/background-image.html - two of these pages have loaded by CSS background pictures. For example, the Amazon logo at the top left is a background loaded from a CSS page. The image itself can be found in gross:
http://g-ECX.images-Amazon.com/images/G/01/gno/sprites/global-sprite-v1._V339353059_.PNG

This image cannot:
https://developer.Mozilla.org/samples/cssref/images/starsolid.gif

But why, why why these images are displayed on their relevant Web pages? I see that Amazon, eBay, and many other sites Web without a range full of images. In particular those used for menus and other important navigation buttons.

Here's what I see on the Mozilla page mentioned above: I see the text, but no expandable star image. It works in other browsers and on other computers in Firefox.

The page that I tap on right now has no blue background, windows are not correct (as the search engine is not a rounded grey area) and the magnifying of research is missing. So this experience makes it impossible the use of simple pages.

Firefox 32, Vista

It was a strange setting. I have it set, then updated some of the relevant information on the subject myself. Here's the question:

If the preference of the user browser.display.use_document_colors in subject: config is set to false, the background images will not display.

I can not print background images.

I select print background images already. But I can not print background images yet. (mac firefox 19.0.2). Although I'm not this page (http://support.mozilla.org/en-US/kb/how-print-websites)
Please advice me to [email protected]. Thank you.

Same problem here. There was no picture printing problem until the upgrade. Now, they won't print and it's ruin how I run my entire business. Image logo printing on the packaging of the lists, codes bars printing of shipping labels. I deleted the cache and restarted. I also tried other browsers and is it not the problem.

Any thoughts?

Thank you!

I've just updated to Firefox Beta 20. Not happy! The options "View Background Image" and "Image Mode" when you right-click is missing. How can I get that back?

I've just updated to Firefox Beta 20. Not happy! The options "View Background Image" and "Image Mode" when you right-click is missing. How can I get that back?

These entries should still be there if you right click on an image or an area with a background image.

Start Firefox in Safe Mode to check if one of the extensions (Firefox/tools > Modules > Extensions) or if hardware acceleration is the cause of the problem (switch to the DEFAULT theme: Firefox/tools > Modules > appearance).
- Do NOT click on the reset button on the start safe mode window or make changes.
- https://support.Mozilla.org/KB/safe+mode
- https://support.Mozilla.org/KB/troubleshooting+extensions+and+themes

Why my Firefox browser does not change its background image when I change the theme or personas

When changing the theme or personas, I'm only able to get the top menu, tab bar and the bottom menu to change to picture the theme/personas, but not the background image. I try to change a lot of theme and personas and even useless.

My origins are still white no matter how long I have to change. Any help?

See;
- Browser Backgrounds: https://addons.mozilla.org/firefox/addon/browser-backgrounds/

Windows xp monitor does not display the background image

My windows xp screen does not show the background image. Started when I changed the photos there twice. Now, the background image is only 1/4 of the image on the left 1/4 of the screen. The rest is white for 3/4 on the right side.

Other images, all jpg files, are the same.

Hi edwardo418,

Check that your post office is set to stretch. Perform the following steps.
1. Right-click on an empty space on the desktop.
2. Select Properties.
3. Select the Desktop tab
4. Change the setting to Stretch under Position
5. Click on apply
6. Click OK
Let us know if that helps.

Not finding project Images

I get an error trying to draw a bitmap on the screen. The link of the code, with the fact that I have a problem is:

cover_bitmap = Bitmap.getBitmapResource ("cover.png");

And I am getting an error saying:
CAFETERIA: could not find cover.png

The image is in my project folder under /res/img/and it is titled cover.png. I tried to change the string to:

Cover.PNG

IMG/cover.png

RES/IMG/cover.PNG

but I get this error message. I'm starting to think that the image is not compiled into the app. Can someone explain to me how to add an image to your project?

Thank you

It would seem that the location of the root to search for images is infact the /src/ folder. Moved my image to /src/cover.png and it worked:

Bitmap cover_bitmap = Bitmap.getBitmapResource ("cover.png");

Background image not no projection in ListView

Similar Questions

Maybe you are looking for