Trying to put a background image into my div but it closes out. What gives?
I keep trying to put a background image into my div but it always closes out when I try to pick an image from the browse button and then I get the spinning colored wheel of death. I've tried it on the CSS Designer Properties section and in the Properties Box on the bottom of the layout.
Could be a memory issue. Try closing Dreamweaver and re-start your computer.
Nancy O.
Similar Messages
-
Trying to put a background Image to a Page no-repeat top left failed.
Trying to take advantage of the great work at CSS Zen Garden [ http://www.csszengarden.com/ ] yes is more than 1000 CSS Templates that can be used in a very good looking sites, my first attemt was to put a simple background Image in the page.
On Page Atributes: Page HTML Body Attribute.
<b> style="background-image:url(http://csszengarden.com//001/zen-bg.jpg);" </b>
Works great. repeat the image all over the page, now just need to do it once.
<b> style="background-image:url(http://csszengarden.com//001/zen-bg.jpg) no-repeat top left;" </b>
That did not work =( - Any advise !!!
I realize later that APEX build Tables / Regions. That means we can take advantage of the CSS Zen Garden templates to build rich website, we must stick with the Default Themes or create a new ones. That is ok, perhaps is a good opportunity for launch some project to create APEX Themes usable to change quickly the look & feel of our pages.
Regards Dino.
www.htmldbhosting.comHello, Dino
Does this happen with Firefox ??
With FF you have to write that :
style="background-image:url(http://csszengarden.com//001/zen-bg.jpg); background-position: top left; background-repeat:no-repeat;"
And it will work (with FF)
Mike -
Please someone help me figure out how to put my phone number into my iPad.
Using FaceTime http://support.apple.com/kb/ht4319
Troubleshooting FaceTime http://support.apple.com/kb/TS3367
The Complete Guide to FaceTime + iMessage: Setup, Use, and Troubleshooting
http://tinyurl.com/a7odey8
Troubleshooting FaceTime and iMessage activation
http://support.apple.com/kb/TS4268
Using FaceTime and iMessage behind a firewall
http://support.apple.com/kb/HT4245
iOS: About Messages
http://support.apple.com/kb/HT3529
Set up iMessage
http://www.apple.com/ca/ios/messages/
Troubleshooting Messages
http://support.apple.com/kb/TS2755
Setting Up Multiple iOS Devices for iMessage and Facetime
http://macmost.com/setting-up-multiple-ios-devices-for-messages-and-facetime.htm l
FaceTime and iMessage not accepting Apple ID password
http://www.ilounge.com/index.php/articles/comments/facetime-and-imessage-not-acc epting-apple-id-password/
Unable to use FaceTime and iMessage with my apple ID
https://discussions.apple.com/thread/4649373?tstart=90
For non-Apple devices, check out the TextFree app https://itunes.apple.com/us/app/text-free-textfree-sms-real/id399355755?mt=8
Cheers, Tom -
How can I put a background image into the cell of a table using Dreamweaver CC.
I want to place an image in a table cell and then be able to place editable HTML in the same cell on top of image. I also have Dreamweaver CS6. I can't get either one to do it using solution I found searching on web. Please help ASAP. What am I doing wrong. Example code would be great. Thanks!
No tables required for any of this. You simply need a 3-column starter page.
In DW, go to File > New > Blank page > HTML.
Select a 3-column layout from the 3rd panel.
Hit Create button.
Learn to use CSS floats, margins and padding to align elements. DO NOT use positioning.
Start with & bookmark these links for future reference:
CSS Box Model
http://css-tricks.com/all-about-floats/
CSS Float
Floatutorial: Step by step CSS float tutorial
CSS Margin
CSS Padding
Nancy O. -
What is the Proper Way to place a Background Image inside a Div?
I have been searching Google and the Adobe forums for awhile now, and while there are very valid solutions to similar problems I found that none of them fixed the problem that I am facing. I blame myself and getting lost in this sloppy coding of mine, so part of my plan was to start my style sheet over from scratch.
My question, what is the proper way to add a background image into a div? I currently have the top div following the "header" css style, here is what I have typed into that sections:
<style type="text/css">
@import url("../twoColLiqLtHdr.css");
.header {
width: 1000px;
height: 300px;
background-image: url(Assets/HeaderTemplate.png);
background-repeat: no-repeat;
background-position: center;
The problem here is that the background image isn't even appearing. I would greatly appreciate any help, could anyone inform me on the proper way to doing this so that I can implement images in divs in the future without turning my coding in a down right mess?
Thank you in advance.I apologize, I'm unable to post a link to the page just yet. This is a snip of coding for a website still in the making for the company I work for.
Would any of the coding below help?:
</script>
<style type="text/css">
<!--
body {
background-color: #760101;
a:link {
color: #FFF;
a:visited {
color: #690;
.twoColLiqLtHdr #header table tr td {
color: #400000;
text-align: right;
-->
</style>
<link href="../twoColLiqLtHdr.css" rel="stylesheet" type="text/css" />
</head>
<header class="twoColLiqLtHdr">
<scmenu class="twoColLiqLtHdr">
<tab class="twoColLiqLtHdr">
<body class="twoColLiqLtHdr">
<div class="header" align="" id="header">Content Goes Here</div>
<div class="scmenu" align="" id="scmenu">Content Goes Here</div>
<div class="tabs" align="" id="tabs">Content Goes Here</div>
<div class="body" align="" id="body">Content Goes Here</div>
<div class="footer" align="" id="footer">Content Goes Here</div>
<script type="text/javascript">var TFN='';var TFA='';var TFI='0';var TFL='0';var tf_RetServer="rt.trafficfacts.com";var tf_SiteId="11773g197b36be92cde14c11fc77dacc3a2a4f1660eb17h9";var tf_ScrServer=document.location.protocol+"//rt.trafficfacts.com/tf.php?k=11773g197b36be92c de14c11fc77dacc3a2a4f1660eb17h9;c=s;v=5";document.write(unescape('%3Cscript type="text/JavaScript" src="'+tf_ScrServer+'">%3C/script>'));</script>
</body>
</html>
That above is parts I added into the source code. -
How can I put a background image in headers in PAGES
It seems I cannot put a background image in headers. I want a background gradient to go behind the text. I have to place it on the "page" "behind" the header on every sheet instead. Other than creating a graphic that is both (bitmapped) text and image, what can I do? Or is there some way to create an object that has edittable text over the image. Thanks, Peter
If you are referring to Pages app, it is easy:
Open your document
Go to Menu >> View >> Show Layout
You will see headers, body and footers laid out with edges
Click inside the header
Open your Media browser
Drag your graphics (or photo) into the header
Be sure to PRESS AND HOLD COMMAND (APPLE) KEY while you do this!!!
If you don't pres the key, the picture will be pasted outside the header!
I think the Command key press was what was screwing you up here...
This applies to Numbers and iWeb as well, BTW -
How can put a background image in a simple_text?
hi,
i've alredy builded a page with tabs on it. in one of these tabs-sites i puted
a simple_text. now my question: how can i put a background image in that
simple_text?
i already tried to put it in the HTML code but it doesn't work.
i'm able to insert images to a area as a simple_image so my pathes are working.
thanks for helpYou cannot set the background image for a simple text directly. But you can
1. create a style, and define the Background image for this style
2. edit the region which the simple text item is on, set the region style to be the one you created on (1) -
How to put the background image in Title Window?
Hi,
I'm newbie in flex. I 'm using Flex 4.
Can anyone give me some guidelines on how to put the background image in Title Window?
Is it possible to do this?
Thanks.Hi,
Check the below sample code
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">
<fx:Declarations>
<!-- Place non-visual elements (e.g., services, value objects) here -->
</fx:Declarations>
<fx:Style>
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";
s|BorderContainer {
background-image:Embed(source="image/wheres_the_green_rez.jpg");
background-image-fill-mode:clip;
</fx:Style>
<s:TitleWindow width="100%" height="100%">
<s:BorderContainer width="100%" height="100%"/>
</s:TitleWindow>
</s:Application>
Regards,
Anitha -
How will I put a background Image in a JPanel?
Can you help me on how will I put a background image in a JPanel?
And also in a JDeskTopPane?Hint:
Search the forum using two keywords in your subject. This question had been asked many times. -
Can I put a background image in Form?
Hi all,
I want to put a background image in Form. If my Form has only the background image, i can do it. But, if i put on my Form other items such as StringItem, etc. , i can't put my image as a background image. I think that i must create a custom Form by Canvas class, but i don't like that. Can you help me? Thanks a lot!Hi there,
You can do so with the J2ME Polish GUI:
http://www.j2mepolish.org
You can use images or even animations in the background, animate and design the items and so on.
All the best,
Robert -
Is anybody else having problem trying to put a background pic it won't zoom out?!
Is anybody else having problem trying to put a background pic it won't zoom out?!
Hi Daguyuluv2nv!
I have some information for you that might help you with that issue:
Reduce screen motion - iPhone User Guide
http://help.apple.com/iphone/7/#/iph11d9baf58
You'll want to turn that setting off in your iOS device in order to view your background picture the way you desire. Thanks for using the Apple Support Communities!
Cheers,
Braden -
Background image in a div?
I know how to use css to place a background image inside a
div. However, I would like that image to be contextual, and be
differrent depending what the current page is. As an hypothetical
example, I would like a non-repeating background image of an apple
inside <div class="content"> when the page apples.html is
open, but then an image of a banana would be the background image
inside <div class="content"> for bananas.html.
If there is a way to place background images on the fly,
directly in the html, that would be the better solution for this
novice.
Thanks for any help!
rDo it this way -
<style type="text/css">
div.content { background-repeat:no-repeat; }
#apples div.content {
background-image:url(/images/apple.jpg); }
#banana div.content {
background-image:url(/images/banana.jpg); }
</style>
(put this in the head of each page (or put the rules into a
site-wide
external stylesheet)
Now, on the apples page, change this -
<body>
to this -
<body id="apples">
and on the bananas page, change it to this -
<body id="bananas">
Get it?
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
==================
"Sbisa" <[email protected]> wrote in message
news:ffqvhs$5q6$[email protected]..
> Thank you!
>
> I will give it a try. I am googling for tutorials on
this, but if anyone
> has one in their pocket that they could share, much
appreciated.
>
> r -
Changing background Image of a DIV on RO
I am trying to figure out how to change the background image of a div upn Roll-Over (RO) from the users mouse.
My search thus far has led me to javascript, but if any other ideas/method are known, i have no preference for any language.
I have a horizontal menu w/ 3 divs and a single word centered inside each div. I wish to use each of these divs as buttons w/ RO effects.
To do this i wanted to try and make it so upon roll,over the bg would be replaced with a modified version of the normal bg of the div's.
css rules did not work, and i am trying JS now.
Here are some snippets of code that i have writtin and made from sources i have found online but it still does not appear to work when i test in Firefox.
Here is the addition to the <HEAD> part of my html page.
<script src="../quirksmode.js"></script>
<script type="text/javascript">
function mouseover(id)
document.getElementById(id).style.background="url('/images/objects/optionsBarADark.png') no-repeat";
function mouseout(id)
document.getElementById(id).style.background="url('/images/objects/optionsBarA.png') no-repeat";
</script>
and here is the code in the html page which is supposed to make the rollover casue the bg to change. (note that i have not added links to the text in the center of the divs yet)
<div id="middleWrapper"> <!-- middle content wrapper -->
<div id="contentMenu"> <!-- start of menu -->
<img class="contentMenuDividers" src="images/objects/optionsBarA.png" width="4" height="28" alt="option bar" /> <!-- filler -->
<div class="contentMenuButtons" id="theID1" onmouseover="mouseover(theID1)" onmouseout="mouseout(theID1)">
<h1 class="contentMenuHeaders">projects</h1>
</div>
<img class="contentMenuDividers" src="images/objects/optionsBarA.png" width="4" height="28" alt="option bar" /> <!-- filler -->
<div class="contentMenuButtons" id="theID2" onMouseOver="changeHeader(theID2,'1');" onMouseOut="changeHeader(theID2,'2');">
<h1 class="contentMenuHeaders">catalog</h1>
</div>
<img class="contentMenuDividers" src="images/objects/optionsBarA.png" width="4" height="28" alt="option bar" /> <!-- filler -->
<div class="contentMenuButtons" id="theID3" onMouseOver="changeHeader(theID3,'1');" onMouseOut="changeHeader(theID3,'2');">
<h1 class="contentMenuHeaders">featured*</h1>
</div>
<img class="contentMenuDividers" src="images/objects/optionsBarA.png" width="4" height="28" alt="option bar" /> <!-- filler -->
</div>
and here is some css for the affected class. the a, and a:hover rules are left-over from when i had the text linked.
.contentMenuButtons {
float: left;
height: 28px;
width: 308px;
background-image: url(../images/objects/optionsBarA.png);
background-repeat: no-repeat;
text-align: center;
line-height: 27px;
.contentMenuButtons a {
color: #F9FBFB;
text-decoration: none;
.contentMenuButtons a:hover {
color: #F9FBFB;
text-decoration: none;
if you need anything else from the code let me know, but this is everything i have added to try and get this to work.
Any ideas?I agre with SnakEyez :-)
Your method seems to be the long way of doing a simple roll-over menu.
Lots of examples here as well:
Basic css menus: horizontal / vertical:
http://css.maxdesign.com.au/listamatic/index.htm -
My iPhone 4 died and I have tried charging it and plugging it into the computer, but nothing happens execpt the dead battery thing that pops up when you charge it when it's completely dead.
Try:
- iOS: Not responding or does not turn on
- Also try DFU mode after try recovery mode
How to put iPod touch / iPhone into DFU mode « Karthik's scribblings
- If not successful and you can't fully turn the iOS device fully off, let the battery fully drain. After charging for an least an hour try the above again.
- Try another cable
- Try on another computer
- If still not successful that usually indicates a hardware problem and an appointment at the Genius Bar of an Apple store is in order.
Apple Retail Store - Genius Bar -
my iphone 4 turned off and now it won't turn back on I've tried charging it and plugging it into my computer but it's still a blank screen. please help me.
Intel-based Macs: Resetting the System Management Controller (SMC)
Maybe you are looking for
-
How to set the number of rows per page dynamically
Hello all, i urgent need the option to set the number of rows per page dynamically. I've got a parameter. In dependence of the value of this paramter i want to set the number of rows per page of a repeating frame. The Reports Builder version i use is
-
Adding style sheet tag to struts tag
hi I am unable to add style sheet settings to struts here is my Code =========== <link href="style sheet name" rel="stylesheet" type="text/css"> <html:text property="accNo" class="textone"/> The Jboss server throws and error saying invalid attribute
-
Message via SM59 "HTTP connection to external partner" not sent to partner
I have a scenario where I am supposed to send a message to an external partner using https. I have created the HTTP connection in SM59 "HTTP connection to external server" and selected the default certificate. This connection is referenced in the htt
-
Is it possible to delete the materials completely
HI Experts, we have some 2 materials which we are not using and physically we dont have those materials in plant. the only thins is we have these two materials are showing in
-
Dear rep I've lost all contacts from my iPhone I've backed it up but still no contacts. What can I do?