Trouble adding image to div .

Good Morning,
This seems simple, but for some reason, I just can't get it to cooporate.
I'm using a jQuery goal thermometer that adjusts based on input values.
I'm simply trying to place a small .png image on top of the 60,000 line on the left, but can't seem to figure it out.
I created a jsfiddle here.....not sure why it's pushed to the left....you should be able to see the 60,000 but I'm new to it so please let me know if I can assist or you need additional info.
Again, trying to place small .png image on top of left tracking line.....currently 60,000.....and image will move up as the collection rises.
http://jsfiddle.net/jaAG4/
Kind regards and thank you in advance.

I'm using HTML5 for everything now. So I'm apt to use closing tags for those doc types. You're using XHTML doc type which requires a different closing tag on images.
Change this:
<div class="amount" style="display: block;"><img src="http://www.saintleo.edu/Thermometer/_C2_8474.png"> 60000 </div>
to this:
<div class="amount" style="display: block;"><img src="http://www.saintleo.edu/Thermometer/_C2_8474.png" /> 60000 </div>
Nancy O.

Similar Messages

Adding a new DIV file to my website in order to add instafeed.min.js

Hi all,
I am in the midst of a major upgrade/facelift to our website at http://mauiandsonsretail.com
I added quite a few new things but only modifying the previous .css, div and html code.
I was wondering, how can I add/create a new div to contain my instafeed on the top right corner, right under to the image of the shark fin of my site. (image below) with out disrupting other DIV. I know i am really new at and am hopeful that i will continue to learn thanks to all of your help!
dario
here is my code that did produce our instagram feed but i had trouble controlling the vertical layout of it. It just produced a stream of images going downward pushing anything too far down.
<script type="text/javascript" src="js/instafeed.min.js"></script>
<script type="text/javascript">
    var feed = new Instafeed({
        get: 'user',
        userId: ########,
limit: "6",
links: "true",
resolution: 'low_resolution',
accessToken: '########.###ede5.49cf######a224221ab4fffe####c65e6'
    feed.run();
</script>

Murray thank you so much! MurraySummers
that's exactly what i needed, i went ahead and added the new div you provided and made some adjustments and its working!
looks awesome, thank you so much Murray. Again super grateful!
Dario
www.mauiandsonsretail.com

Trouble adding a duplicate set of columns to my homepage

I'm having some trouble adding a duplicate set of columns to my homepage at http://victorylcms.org/. I simply want to add two more of the same columns under the existing two columns (headers: Our Mission & Sunday). I tried copying the code that has the div class, but my attempts haven't been successful. I've gotten the columns in there, but then the bottom navigation doesn't sit correctly. Any help where to add the code and /div markers would be excellent.
I know I need to add this, probably around Line 150 or so, but I'm getting hung up as to where to add the /div markers and how they relate to the navigation at the bottom.
<div class="line-hor"></div>
          <div class="wrapper divider">
            <div class="col-1">
<div class="col-2" style="width: 280px">
If I can provide any further info to help out, or code that I've tried, just let me know. Thanks!

LuisRM wrote:
I'm having some trouble adding a duplicate set of columns to my homepage at http://victorylcms.org/. I simply want to add two more of the same columns under the existing two columns (headers: Our Mission & Sunday). I tried copying the code that has the div class, but my attempts haven't been successful. I've gotten the columns in there, but then the bottom navigation doesn't sit correctly. Any help where to add the code and /div markers would be excellent.
I know I need to add this, probably around Line 150 or so, but I'm getting hung up as to where to add the /div markers and how they relate to the navigation at the bottom.
<div class="line-hor"></div>
          <div class="wrapper divider">
            <div class="col-1">
<div class="col-2" style="width: 280px">
If I can provide any further info to help out, or code that I've tried, just let me know. Thanks!
In Dreamweaver design view insert your cursor to the right of the letter 'n' in the word 'Mission'. Then look along the bottom of the design view window and click on the <div.wrapper divider> tag. That will select the code you need to duplicate.
Now switch to code view and you will see all the code you need to copy highlighted so go ahead and copy it. Then scroll down to the end of the highlighted code until you arrive at the opening tag of your col-2 <div> so you see this: <div class="col-2">
Now insert your cursor directly before the <div class="col-2"> tag and paste in the duplicate code that you copied earlier. You now have your duplicate code in place.
Now add clear: both; to the #footer css (as shown below)
#footer {
    height:100px;
    background:url(images/footer-tail.png) repeat-x top;
clear: both;
Job done!

Background layer seizes added images.

I am trying to create a photo collage by scratch (not using "Collage"). First I create a new blank page for the background and save it. It is shown as "locked" with a padlock. Then I open an image file (.jpg) to add to the background layer, and I get a message that I need to unlock the background layer so I click to unlock it. However the added image locks onto the background layer and doesn't make a new layer. If I open another image file it locks on top of the others.

The Layers panel only shows the layer(s) belonging to the currently active file. You need to arrange your image windows so that you can see your composite image as well as the source. With the source image active the Layers panel will show the source - click and drag that layer to the composite.
So in the following, the violet image is the active image and I drag its layer to the white image I've created for my collage. In the composite image with the new layer selected I can position it where I want. Select each of the other images in turn and do the same. Refer to my previous note, you can also do this with Copy & Paste.
When finished, your composite image and its Layers panel will look like this:
Cheers,
Neale
Insanity is hereditary, you get it from your children
If this post or another user's post resolves the original issue, please mark the posts as correct and/or helpful accordingly. This helps other users with similar trouble get answers to their questions quicker. Thanks.

Trouble adding GoodSearch HTML search box: HTML widget doesn't work...

I'm having trouble adding a GoodSearch search engine box to my site. I've tried the HTML widget thing and also editing the code after it publishes to a folder. Each time, I get a non-functional search box as my end result.
The GoodSearch tech person says that iWeb might be stripping out or corrupting the Javascript code...interestingly enough, a Google search box works just fine with post code tweaking.
Any help would be greatly appreciated!
Here is a link to my test site where the search box (upper right corner) is non-functional: http://web.mac.com/toesproductions/KQ/Home.html
This is the GoodSearch code:
<script type="text/javascript">
function GoGoodSearch_4()
var charityid = 870537;
var siteURL = "koreanquarterly.org/home.html";
var openNewWindow = true;
var searchtype = document.getElementsByName("goodsearchsearchtype4");
var baseurl = "http://www.goodsearch.com/Search.aspx";
var keywordsbox = document.getElementById("goodsearchkeywords4");
if (typeof keywordsbox != "undefined")
var keywords = escape(keywordsbox.value);
var url = baseurl + "?Keywords=" + keywords;
if (charityid > 0)
url += "&CharityID=" + charityid;
if (searchtype[1].checked)
url += "&Site=" + escape(siteURL);
url += "&Partner=goodsearch_syn";
url += "&typetag=" + escape(siteURL);
if (openNewWindow)
window.open(url,'SearchResults','height=700,width=900,location=1,status=1,toolba
r=1,scrollbars=1,resizable=1');
else
window.location.href = url;
function CatchEnter_4(e)
var key1 = "13";
var x = "";
if (document.all)
var evnt = window.event;
x = evnt.keyCode;
else
x = e.keyCode;
if (x == key1)
document.getElementById("goodsearchsubmit4").click();
return false;
else
return true;
</script>
<label for="goodsearchkeywords4" style="display:none;">GoodSearch keywords to
search for</label>
<input
type="text"
name="goodsearchkeywords4"
id="goodsearchkeywords4"
onkeydown="return CatchEnter_4(event);"
style="width:230px;background-image:url('http://www.goodsearch.com/gfx/titleya
hoo_background.gif');background-repeat:no-repeat;margin-bottom:8px;"
onclick="this.style.backgroundImage='url(http://www.goodsearch.com/_gfx/spacer.g
if)';"
onfocus="this.style.backgroundImage='url(http://www.goodsearch.com/_gfx/spacer.g
if)';"
/>
<input
type="button"
name="goodsearchsubmit4"
id="goodsearchsubmit4"
value="Search"
onclick="GoGoodSearch_4();"
style="margin-bottom:8px;font-family:Arial,Helvetica;font-size:11px;"
/>
<input
type="radio"
name="goodsearchsearchtype4"
value="web"
/> Web
<input
type="radio"
name="goodsearchsearchtype4"
value="site"
/> This Site
Message was edited by: Andrea Lee

iWeb does nothing to code you add in the HTML Snippet.
Actually, iWeb does not care what you put there. It blindly saves the code in a webpage.
http://web.mac.com/toesproductions/KQ//Homefiles/widget0markup.html
So, now you have no excuse.
Just edit the code in the file above until it works.
After that, copy the code in the BODY of the page and paste in into the HTML Snippet. Otherwise it will overwrite the webpage next time you publish.

Error while adding Image: ORA-00001: unique constraint

Dear all,
I have an error while adding images to MDM I can´t explain. I want to add 7231 images. About 6983 run fine. The rest throws this error.
Error: Service 'SRM_MDM_CATALOG', Schema 'SRMMDMCATALOG2_m000', ERROR CODE=1 ||| ORA-00001: unique constraint (SRMMDMCATALOG2_M000.IDATA_6_DATAID) violated
Last CMD: INSERT INTO A2i_Data_6 (PermanentId, DataId, DataGroupId, Description_L3, CodeName, Name_L3) VALUES (:1, :2, :3, :4, :5, :6)
Name=PermanentId; Type=9; Value=1641157; ArraySize=0; NullInd=0;
Name=DataId; Type=5; Value=426458; ArraySize=0; NullInd=0;
Name=DataGroupId; Type=4; Value=9; ArraySize=0; NullInd=0;
Name=Description_L3; Type=2; Value=; ArraySize=0; NullInd=0;
Name=CodeName; Type=2; Value=207603_Img8078_gif; ArraySize=0; NullInd=0;
Name=Name_L3; Type=2; Value=207603_Img8078.gif; ArraySize=0; NullInd=0;
Error: Service 'SRM_MDM_CATALOG', Schema 'SRMMDMCATALOG2_m000', ERROR CODE=1 ||| ORA-00001: unique constraint (SRMMDMCATALOG2_M000.IDATA_6_DATAID) violated
Last CMD: INSERT INTO A2i_Data_6 (PermanentId, DataId, DataGroupId, Description_L3, CodeName, Name_L3) VALUES (:1, :2, :3, :4, :5, :6)
Name=PermanentId; Type=9; Value=1641157; ArraySize=0; NullInd=0;
Name=DataId; Type=5; Value=426458; ArraySize=0; NullInd=0;
Name=DataGroupId; Type=4; Value=9; ArraySize=0; NullInd=0;
Name=Description_L3; Type=2; Value=; ArraySize=0; NullInd=0;
Name=CodeName; Type=2; Value=207603_Img8085_gif; ArraySize=0; NullInd=0;
Name=Name_L3; Type=2; Value=207603_Img8085.gif; ArraySize=0; NullInd=0;
I checked all data. There is no such dataset in the database. Can anybody give me a hint how to avoid this error.
One thing I wonder: The PermanentId is allways the same but I can´t do anything here.
BR
Roman
Edited by: Roman Becker on Jan 13, 2009 12:59 AM

Hi Ritam,
For such issues, can you please create a new thread or directly email the author rather than dragging back up a very old thread, it is unlikely that the resolution would be the same as the database/application/etc releases would most probably be very different.
For now I will close this thread as unanswered.
SAP SRM Moderators.

How can i control what images load on my project to save preload time and avoid loading all images, elements, divs not yet visible?

Sup buddies,
How can I control what images load on my project to save preload time and avoid loading all images, elements, divs not yet visible?
As the project grows in size the load time increases. How does one control not loading all images ,divs,elements etc. until they're
needed on the timeline? For example some sections are off and only become visible when recalled. My projects slowly grow in size so loading
all images , is counter productive . My other option would be to create separate htmls but that breaks the seamless user experience .
TY...Over N Out...

hello, kiwi
quote: "Is there an easy way to burn a completed project to DVD, but keep only the (lo res, lo size) previews on my hard drive?"
yes.
maybe,...
1. you might think of making DVD backups first prior to importing the photos into Aperture. "Store Files: In their current location" once in Aperture make low rez Previews, and export finished Project.
or,
2. bring in the photographs to hard drive first prior to importing the photos into Aperture. "Store Files: In their current location" once in Aperture make low rez Previews, and export finished Project.
the low rez Previews will stay in Aperture but the high quality Versions will be exported onto DVDs and gone from the hard drive (if you delete the originals).
another way would be to export small about 50-70 pixel wide high quality jpegs to a folder on your Desktop and import & keep these in Aperture Library as a reference. make metadata to show where the original Project DVDs are stored and DVD filing system used.
victor

Apple have a big flaw adding images to Apple TV coding error.

Hi all, it seems Apple have a big flaw in there new version of itunes 8.2.0.23.
So heres the problem if you have a Apple Tv system. Adding images is great however the softwares flaw is when you have a lot of images. i have over 3000, and tick boxes apear half way in the list, for know reason.
i have add a link to show you guys and girls a screen shot...
can anyone from apple sort this out?
it really bugging me. as it happens of vista, xp, windows 7, and osx.
Cheers
Adam
null

apple don't monitor the forums for bug reports... this is a user-to-user support forum.
you should report it via the official method - http://www.apple.com/feedback/appletv.html

Adding Images to the List component

Adding Images to the List component while using the FLV
PLayback
All, ( i can send you my source files if it would help)
I'm using the FLV Playback component and loading videos into
it from an external xml file. I also have a list component tied to
the FLV playback that when you click on one of the elements in the
list, it plays that movie.
QUESTION:
My question is how do I add an image to the list component?
Below is the xml file and the actionscript. I've added the image
attribute to the XML file as img="time_square.jpg" and added the
element of the array when calling/creating the list. Did I do this
right?
Any direction would be very much appreciated.

Adding Images to the List component while using the FLV
PLayback
All, ( i can send you my source files if it would help)
I'm using the FLV Playback component and loading videos into
it from an external xml file. I also have a list component tied to
the FLV playback that when you click on one of the elements in the
list, it plays that movie.
QUESTION:
My question is how do I add an image to the list component?
Below is the xml file and the actionscript. I've added the image
attribute to the XML file as img="time_square.jpg" and added the
element of the array when calling/creating the list. Did I do this
right?
Any direction would be very much appreciated.

Space between DIV with image and DIV with image background

I have just about finalized the new design on my website. The only issue I am having now is on the gallery page. There is a thin space between a DIV with an image and DIV with an image background. I am using these DIV's to give the illusion of a blue border. If you look at any of the other main pages on the site the space is not there. Any ideas?
http://liquidfirefishing.com/index.php
http://liquidfirefishing.com/gallery/main.php
Here are a couple of screenshots to show exactly what I mean.

Hello,
both my "IE8" and my "FF 7.01" show the blue boundary lines. Here my screenshots, left side IE8, right side FF:
Header 1
Header 2
Hans-Günter

New Zen trouble adding a memory card (not seen)?

0New Zen trouble adding a memory card (not seen)?8I have a new zen 4gb unit and love it, saw it has a memory card slot so i stuck an 8gb sdhc sandisk 3 extreme memory card in there, figured I could dump more fun stuff in there on it but when i use the zen explorer i don't see that card.
I formatted the sdhc card in fat 32 and named it sd4zen yet when its in the zen and i check my computer I am not seeing the card in the windows menus to drag stuff over onto for the zen nor is it showing in any of the zen media explorer areas.
Do i need to dump stuff onto the memory card externally (thru a card reader first) then insert it and access that thru the memory part of the zen menu, or are the zens not able to read from an sdhc sd card or is 8 gb too big (compatability)?
Thanks for any help on this,
Bill

I am a dork, a few mins messing with it i realized in the main menu of the zen with the card inserted hit removable disk and hook up via usb, now my computer sees the sd4zen dri've and i can dump more fun stuff for zen on there...
Sorry to take up space maybe someone will read this and help them with the same issue i was having or mods if you choose just delete.
Bill

Trouble adding comments using Reader X from enabled comments in Acrobat 9

I am a Technical Writer with Acrobat 9. Regularly I make my documents comment enabled for reader. IT has been updating systems and some of my recipients now have Reader X. Because of the difficulty they have, when they open the commentable PDF they are having trouble adding comments and wind up printing the document, marking up the hard copy, scanning it and emailing it back. What am I doing wrong? Is Reader X not downward compatible? We want to move forward with technology, not backwards.

Right click the document opened in Reader X and then click "Select Tool".
Hope that helps.
Thanks,
Abhilasha

Adding images and buttons without a frame appearing

I would like to add images to some of my pages without having them appear in a frame. I would like to place some transparent gifs on the page to use as buttons for hyperlinks. I would also like to have some photos (with transparent backgrounds that appear on the page and are not surrounded by a picture frame. Any Suggestions

iWeb seems to default to stroking newly-added images and shapes. Pages (iWeb's close relation) includes a way to change the default appearance, but I can't find anything similar in iWeb. You can, of course, remove the stroke using the Graphic Inspector (just set Stroke to None). Transparency in gifs and photo images is supported. Just drag into iWeb or use Insert > Choose... Again, remove the stroke if this appears.

Trouble importing images into iPhoto

I have a G5 with Mac OS X 10.4.4 and I am trying to use iPhoto 5.0.4 to create an album.
Some photos can be imported, some not. I do not understand why some can be imported and some cannot.
I seem to be able to import photos originally imported from my camera in to the computer - I think iPhoto handles this.
I have trouble with images copied from a CD-ROM to my hard disk drive (originally the files were on a PC). I'm not sure if all of the CD-ROM photos are not importable or just some.
I can view the pictures as thumbs in Finder, I can view them with Photoshop, and I can view them with Preview.
I get the following error message which is useless as there are no Help searches identifying it (the 1 after Unreadable Files: is in reference to my trying to import a single image. If import 5 images the 1 would be a 5, etc.):
"Unreadable Files: 1
The following files could not be imported (they may be an unrecognized file type or the files may not contain valid data). "
Any help would be greatly appreciated - thanks!

Here's how I solved my problem - I noticed that files from a camera worked, but not files I copied from a CDROM to my hard drive. That is, for some reason, importing files directly from my hard drive did not work. I tried importing the original files directly from my CDROM and it worked. Apparently there is some sort of import function which needs to occur, but does not occur when one copies them from a CDROM to a hard drive. I believe this to be a software bug with iPhoto - the application should be able to identify jpeg files regardless of the source - PhotoShop, Finder, and Preview have no issue doing so. Regardless, problem solved - thank you to those who responded to my question!

HT4623 I have updated to ios7 and am having trouble adding appointments to my calendars??

I am having trouble adding appointments to my various calendars. No probems before ios7 update. What am I doing wrong??

iPhone 3G IOS 4.2.1 is the latest & greatest. There's no more updates for this iPhone.
You have to buy a new iPhone since most apps target IOS 6 & IOS 7.

Trouble adding image to div .

Similar Messages

Maybe you are looking for