My div tag or navigation tag is not centre in dreamweaver cc. pls help
<--here is my html file - -->
<---div id="bottom_box" class="fluid">
<ul id="nav_main_ul" class="fluid fluidList">
<li id="nav_main_ul_li" class="fluid">who we are
</li>
<li id="nav_main_ul_li" class="fluid">what we do</li>
<li id="nav_main_ul_li" class="fluid">how we do</li>
<li id="nav_main_ul_li" class="fluid">our work gallery</li>
<li id="nav_main_ul_li" class="fluid">our clients</li>
<li id="nav_main_ul_li" class="fluid">contact us</li>
<li id="nav_main_ul_li" class="fluid">we r hiring</li>
</ul>
</div>
</div-->
<--here is my css code - -->
#bottom_box {
position: absolute;
clear: both;
float: left;
top: 500px;
width: 100%;
#nav_main_ul {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #068788;
text-align: center;
display: inline-block;
#nav_main_ul_li {
float: left;
display: block;
width: 13%;
height: 30px;
text-align: center;
background-color: #068788;
padding-left: auto;
padding-right: auto;
font-family: "AvantGarde Bk BT", "AvantGarde Md BT", Arial, sans-serif;
color: #FFFFFF;
font-size: smaller;
line-height: 30px;
text-decoration: none;
letter-spacing: 1px;
Here is my complete file
<------------------------------------------------->
<!doctype html>
<!--[if lt IE 7]> <html class="ie6 oldie"> <![endif]-->
<!--[if IE 7]> <html class="ie7 oldie"> <![endif]-->
<!--[if IE 8]> <html class="ie8 oldie"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="">
<!--<![endif]-->
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>
<link href="_css/boilerplate.css" rel="stylesheet" type="text/css">
<link href="_css/main.css" rel="stylesheet" type="text/css">
<!--
To learn more about the conditional comments around the html tags at the top of the file:
paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
Do the following if you're using your customized build of modernizr (http://www.modernizr.com/):
* insert the link to your js here
* remove the link below to the html5shiv
* add the "no-js" class to the html tags at the top
* you can also remove the link to respond.min.js if you included the MQ Polyfill in your modernizr build
-->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="_js/respond.min.js"></script>
<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.--><script>var __adobewebfontsappname__="dreamweaver"</script><script src="http://use.edgefonts.net/muli:n3,n4:default;anonymous-pro:n4:default.js" type="text/javascript"></script>
</head>
<body>
<div class="gridContainer clearfix">
<div id="top_background" class="fluid">
<div id="left_bar" class="fluid">"l"</div>
<div id="image_bar" class="fluid"> "image_bar"</div>
<div id="right_bar" class="fluid"> "r"</div>
<div id="text_bar" class="fluid" >
<div class="fluid head">our superior <strong>Infrastructure</strong> compliments our <strong>attitude</strong> for <strong>perfection</strong></div>
<div class="fluid content">Our multi-dimensional approach, supported by advanced technology, ensures that the solutions we architect for our clients are built in the most productive and cost-effective manner.
With its head office in South Delhi, India and branch offices in Mumbai, Jakarta & London, the agency boasts of being equipped with the most modern technological equipments and a well stocked library.</div>
<div class="fluid content_2">A sleek conference room provides the right environment for brainstorming ideas. The audio-visual theater enhances the experience of making presentations for the advertising campaigns. Our Proficiency in printing technology alongwith a resource pool of printers and fabricators, supplemented by round-the-clock service enables us to service our clients in the best possible manner.</div>
</div>
</div>
<div id="bottom_box" class="fluid">
<ul id="nav_main_ul" class="fluid fluidList">
<li id="nav_main_ul_li" class="fluid">who we are</li>
<li id="nav_main_ul_li" class="fluid">what we do</li>
<li id="nav_main_ul_li" class="fluid">how we do</li>
<li id="nav_main_ul_li" class="fluid">our work gallery</li>
<li id="nav_main_ul_li" class="fluid">our clients</li>
<li id="nav_main_ul_li" class="fluid">contact us</li>
<li id="nav_main_ul_li" class="fluid">we r hiring</li>
</ul>
</div>
</div>
</body>
</html>
<------------------------------------------------->
complete CSS file
@charset "utf-8";
/* Simple fluid media
Note: Fluid media requires that you remove the media's height and width attributes from the HTML
http://www.alistapart.com/articles/fluid-images/
img, object, embed, video {
max-width: 100%;
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
width:100%;
Dreamweaver Fluid Grid Properties
dw-num-cols-mobile: 8;
dw-num-cols-tablet: 16;
dw-num-cols-desktop: 24;
dw-gutter-percentage: 10;
Inspiration from "Responsive Web Design" by Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design
and Golden Grid System by Joni Korpi
http://goldengridsystem.com/
.fluid {
margin-left: 0;
width: 438px;
display: block;
.fluidList {
list-style:none;
list-style-image:none;
margin:0;
padding:0;
/* Mobile Layout: 480px and below. */
.gridContainer {
margin-left: auto;
margin-right: auto;
width: 89.9659%;
padding-left: 0.517%;
padding-right: 0.517%;
clear: none;
float: none;
position: relative;
#top_background {
width: 100%;
position: absolute;
background-color: #999999;
height: 802px;
#left_bar {
width: 24px;
position: absolute;
height: 308px;
top: 240px;
left: 23px;
background-image: url(../_images/band.gif);
background-repeat: repeat-y;
#image_bar {
width: 286px;
margin-left: 1.1494%;
clear: none;
height: 308px;
padding-top: 0px;
top: 240px;
background-color: #333333;
background-image: url(../_images/how-we-do.gif);
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
background-position: center;
position: absolute;
left: 70px;
#text_bar {
clear: both;
margin-left: 0;
position: absolute;
top: 580px;
background-color: #009999;
width: 390px;
left: 23px;
height: auto;
#right_bar {
width: 24px;
margin-left: 1.1494%;
clear: none;
height: 308px;
top: 240px;
left: 384px;
position: absolute;
float: left;
background-image: url(../_images/band.gif);
background-repeat: repeat-y;
background-size: auto auto;
#bottom_box {
position: absolute;
float: left;
background-color: #666666;
top: 40px;
clear: both;
width: 100%;
.head {
width: 100%;
text-align: center;
color: #FFFFFF;
font-family: "AvantGarde Bk BT", "AvantGarde Md BT", Arial, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: 1px;
word-spacing: 5px;
left: auto
right: auto;
bottom: 1%;
position: static;
height: 73px;
left: auto;
font-size: 14pt;
float: left;
clear: both;
display: block;
padding-top: 10px;
.content {
position: static;
padding-top: 11px;
left: 0%;
width: 94%;
color: #FFFFFF;
font-family: "AvantGarde Bk BT", "AvantGarde Md BT", Arial, sans-serif;
font-size: small;
text-align: justify;
letter-spacing: 1px;
word-spacing: 0px;
display: block;
float: left;
clear: both;
margin-left: 12px;
.content_2 {
position: static;
padding-top: 10px;
left: 0%;
width: 94%;
color: #FFFFFF;
font-family: "AvantGarde Bk BT", "AvantGarde Md BT", Arial, sans-serif;
font-size: small;
text-align: justify;
letter-spacing: 1px;
word-spacing: 0px;
display: block;
float: left;
clear: both;
margin-left: 12px;
#nav_main_ul {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #068788;
text-align: center;
#nav_main_ul_li {
float: left;
width: 13%;
height: 30px;
text-align: left;
background-color: #068788;
padding-left: auto;
padding-right: auto;
font-family: "AvantGarde Bk BT", "AvantGarde Md BT", Arial, sans-serif;
color: #FFFFFF;
font-size: smaller;
line-height: 30px;
text-decoration: none;
letter-spacing: 1px;
.zeroMargin_mobile {
margin-left: 0;
.hide_mobile {
display: none;
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
.gridContainer {
width: 92.4715%;
padding-left: 0.2642%;
padding-right: 0.2642%;
clear: none;
float: none;
margin-left: auto;
position: relative;
#top_background {
height: 600px;
padding-top: 0px;
padding-left: 0px;
top: 0px;
position: absolute;
background-image: url(../_images/tablet_bk.gif);
background-repeat: repeat-x;
#left_bar {
width: 3%;
position: absolute;
background-color: #009999;
height: 269px;
top: 80px;
left: 2.3%;
#image_bar {
width: 26%;
clear: both;
margin-left: 0;
position: absolute;
height: 269px;
left: 7.4%;
top: 80px;
background-image: url(../_images/tb_how-we-do.gif);
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
background-position: center;
#text_bar {
clear: both;
margin-left: 0;
width: 57%;
height: 269px;
position: absolute;
top: 80px;
left: 35.7%;
opacity: 1;
overflow-y: auto;
#right_bar {
width: 3%;
margin-left: 0;
position: absolute;
float: left;
height: 269px;
top: 80px;
background-color: #0C9696;
right: 0px;
left: 95%;
#bottom_box {
position: absolute;
clear: both;
float: left;
top: 447px;
.head {
width: 100%;
text-align: center;
color: #FFFFFF;
font-family: "AvantGarde Bk BT", "AvantGarde Md BT", Arial, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: 1px;
word-spacing: 5px;
left: auto
right: auto;
bottom: 1%;
position: static;
height: 73px;
left: auto;
font-size: 14pt;
float: left;
clear: both;
display: block;
padding-top: 10px;
.content {
position: static;
padding-top: 11px;
left: 0%;
width: 94%;
color: #FFFFFF;
font-family: "AvantGarde Bk BT", "AvantGarde Md BT", Arial, sans-serif;
font-size: small;
text-align: justify;
letter-spacing: 1px;
word-spacing: 0px;
display: block;
float: left;
clear: both;
margin-left: 12px;
.content_2 {
position: static;
padding-top: 10px;
left: 0%;
width: 94%;
color: #FFFFFF;
font-family: "AvantGarde Bk BT", "AvantGarde Md BT", Arial, sans-serif;
font-size: small;
text-align: justify;
letter-spacing: 1px;
word-spacing: 0px;
display: block;
float: left;
clear: both;
margin-left: 12px;
#nav_main_ul {
width: 100%;
margin-left: auto;
margin-right: auto;
background-color: #068788;
text-align: center;
#nav_main_ul_li {
float: left;
display: block;
width: 13%;
height: 30px;
text-align: center;
background-color: #068788;
padding-left: auto;
padding-right: auto;
font-family: "AvantGarde Bk BT", "AvantGarde Md BT", Arial, sans-serif;
color: #FFFFFF;
font-size: smaller;
line-height: 30px;
text-decoration: none;
letter-spacing: 1px;
.hide_tablet {
display: none;
.zeroMargin_tablet {
margin-left: 0;
/* Desktop Layout: 769px to a max of 1232px. Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
.gridContainer {
width: 93%;
max-width: 1232px;
padding-left: 0.1704%;
padding-right: 0.1704%;
margin: auto;
clear: none;
float: none;
margin-left: auto;
position: relative;
#top_background {
position: absolute;
width: 100%;
height: 700px;
background-image: url(../_images/body_bk.gif);
background-repeat: repeat-x;
#left_bar {
width: 2%;
position: absolute;
height: 308px;
top: 118px;
left: 3%;
background-image: url(../_images/band.gif);
background-repeat: repeat-y;
#image_bar {
width: 24%;
clear: both;
margin-left: 0;
position: absolute;
left: 10%;
height: 308px;
top: 118px;
background-image: url(../_images/how-we-do.gif);
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
background-position: center;
text-align: center;
#text_bar {
clear: both;
margin-left: 0;
width: 52%;
height: 308px;
position: absolute;
top: 118px;
left: 38.5%;
#right_bar {
width: 2%;
margin-left: 0;
position: absolute;
float: left;
height: 308px;
top: 118px;
right: 0px;
left: 94%;
background-image: url(../_images/band.gif);
background-repeat: repeat-y;
#bottom_box {
position: absolute;
clear: both;
float: left;
top: 500px;
width: 100%;
margin:0 auto;
.head {
width: 100%;
text-align: center;
color: #FFFFFF;
font-family: "AvantGarde Bk BT", "AvantGarde Md BT", Arial, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: 1px;
word-spacing: 5px;
top: 4%;
left: auto
right: auto;
bottom: 1%;
position: absolute;
height: 73px;
left: auto;
font-size: 20pt;
.content {
position: absolute;
padding-top: 20px;
left: 0%;
width: 47%;
color: #FFFFFF;
font-family: "AvantGarde Bk BT", "AvantGarde Md BT", Arial, sans-serif;
font-size: small;
text-align: justify;
letter-spacing: 1px;
word-spacing: 0px;
top: 27%;
float: left;
clear: both;
display: inline-block;
.content_2 {
top: 27%;
position: absolute;
padding-top: 20px;
left: 51%;
width: 44%;
right: 3%;
display: table-column;
color: #FFFFFF;
font-size: small;
text-align: justify;
font-family: "AvantGarde Bk BT", "AvantGarde Md BT", Arial, sans-serif;
letter-spacing: 1px;
word-spacing: 0px;
padding-right: 10px;
#nav_main_ul {
margin-left: auto;
margin-right: auto;
background-color: #068788;
text-align: center;
#nav_main_ul_li {
float: left;
display: block;
width: 13%;
height: 30px;
text-align: center;
background-color: #068788;
font-family: "AvantGarde Bk BT", "AvantGarde Md BT", Arial, sans-serif;
color: #FFFFFF;
font-size: smaller;
line-height: 30px;
text-decoration: none;
letter-spacing: 1px;
.zeroMargin_desktop {
margin-left: 0;
.hide_desktop {
display: none;
Similar Messages
-
Banner image will not display in Dreamweaver; can you help?
Banner image will not display in Dreamweaver; can you help?
If the banner image is not displaying, it is either not in an acceptable web file format (optimized for web as jpg, gif or png). Or it is corrupted. Or the path to the image file on server is broken.
It's impossible to say more without a link to your problem page.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/ -
I'm trying to add thousands of songs to my iTunes library at once but the option to add folder doesn't appear in my file menu. Adding these songs one at a time is not an option. Someone pls help!!!
Turn on the menus and it will appear.
Cntrl + B to enable menus. -
how can i verify my apple id? i already verified in my email but if i sign in, it says your not yet verified your email. pls help me.
Hi maejune,
Thanks for using Apple Support Communities. This article has information on how to verify your Apple ID:
Associating and verifying email addresses with your Apple ID
http://support.apple.com/kb/HE68
Cheers,
- Ari -
audio sound of loudspeaker and headphone of hp laptop is not working.... pls help me
Hi @manishs400
I understand that you are having trouble with the sound on your speakers and headphones.I am happy to help with this.
Please verify the operating system in use on your notebook. It is possible that it make be a driver related issue. Please seethe following for the HP customized drivers for this notebook.
HP Pavilion dv4-3145tx Entertainment Notebook PC - Software & Drivers
Also you should check out these pages, as it is quite possible you can find a resolution.
No Sound from the Speakers (Windows 8)
Resolving headphones and headset problems (Windows 8)
From Microsoft's support website:
Poor sound quality after upgrading to windows 8.1
Automatically diagnose and fix Windows audio playback problems
Let me know if any of that works for you.
Malygris1
I work on behalf of HP
Please click Accept as Solution if you feel my post solved your issue, it will help others find the solution.
Click Kudos Thumbs Up on the right to say “Thanks” for helping! -
i was trying to update my phone software...
due to some error it was not get compleat..
and it automaticly restore to dufalt..
now when i connect my mobile to itune.. it asking me password when i click on restore .. why ????
i have not given any password.. pls help.. my all detail is goenHave a look in the iTunes settings on the devices tab. When there is a lock next to the date your backup is protcted by a passwort. Than there is no way to get it exept you find the password.
-
Centre Page with wrapper div tag does not work
Hi there,
I am trying to centre the content of my website with a 'wrapper' div tag but the div tag just does not seem to have any effect on the layout at all.
Here is how I do it:
1.) Select all the html in the body.
2.) Creating 'wrapper' div tag --> width: 768, left & right margin: auto, bottom & top margin: 0
I found this in an adobe tutorial and it sounds logical to me, but somehow it just does not work.
I hope someone can help me out.
Thanks a lot!
AnjaYou need three basic things to center a page.
1) A valid X/HTML document type. This declaration always appears in the first line of HTML code. The good news is that DW does this for you when you create a new page. The bad news is that some other apps such as graphics editors don't always do this for you. If your page has no document type, hit File > Convert > choose one that fits your coding skills.
2) You need a container width in pixels or percentages. Most often this is applied to a #wrapper but it can be applied to your body.
3) Finally, a margin-left and margin-right of auto (browser default).
CSS:
body {
width: 900px;
margin: 0 auto; /*centers page*/
text-align:center; /*centers older browsers*/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com -
Got an (unlocked) iphone 4s from US and tried activating in India but it throws an error saying 'unable to activate bcos the activation server cannot be reached' ..I tried connecting to itunes through my laptop but it does not detect my iphone..pls help
mithaani wrote:
Got an (unlocked) iphone 4s from US
As kb1951 states, unless this phone was purchased directly from Apple, it is not officially unlocked. In the US, only Apple sells officially unlocked iPhones. The message you got generally means your phone was hacked to unlock it...jailbroken...Apple's servers have detected such & are preventing your phone from activating...there's nothing wrong with the activation servers.
You'll need a sim card from the carrier your phone is locked to in order to activate it. If you don't know what carrier, you'll have to call AppleCare in the US to determine this info. Be aware, US carriers will not authorize official unlocking unless you are a customer that used the phone on their network. Thus, there is most likely no way for you to get this phone officially unlocked.
Good luck. -
how to resolve error 21? my iphone 4 just showing apple logo... when i'm trying to restore it... it is showing error 21 n that's not letting me restore it pls help
From the article that the question was posted from:
Error 1611
This error typically occur when security software interferes with the restore and update process. Follow Troubleshooting security software issues to resolve this issue. In rare cases, this error may be a hardware issue. If the errors persist on another computer, the device may need service.
Try reading the solutions you find in the future and follow them. -
hello pls help me to fix it
Hope info from this article is helpful.
http://support.apple.com/kb/HT2090
Reset SMC. http://support.apple.com/kb/HT3964
Choose the method for:
"Resetting SMC on portables with a battery you should not remove on your own".
If this does not help, contact Apple.
Best. -
my ipad is not allowing me to join thenetwork. i can see the network but when i try to click it, it will not allow me to join. pls help
The next iOS update won't change this.
Are you able to transfer anything else from your iTunes library and computer via the iTunes sync process such as a movie, TV show, podcast, audio or print book, apps, and photos from your computer?
What is selected under the Music tab for your iPhone sync preferences with iTunes. -
I tried to upgrade my iphone 3s ios from 4 to 6 so that i can download some things on it. through the process it tells me that my iphone could not be activated. now I have no service or phone could u pls help?
Generally this is a sign that the iPhone had previously been
hacked/modified/jailbroken and the update relocked it to the
original wireless carrier. If this is the case, only that wireless
carrier can unlock your iPhone. You must contact them to see
if they offer unlocking and if you qualify.
What wireless carrier did you use before this problem?
Does the app Cydia appear on your iPhone?
What does it say when you look at Settings=>General=>About=>Carrier?
Unauthorized modification of iOS
http://support.apple.com/kb/HT3743 -
Text not centred in dreamweaver 8 tables when I test it in I.E
I know I am a noob. When I centre my text in a row of a table
and test my page in I.E. it comes out to the left, like its been
aligned like that. I aligned it to the middle. How do I fix
this?<th scope="col">Payment is accepted with paypal
only.</th>
This text?
Note that it is within a <th> tag, which has center
align as its default.
To change that, click in each cell and uncheck the Header
checkbox on the
property inspector. Or, change each <th>...</th>
pair to <td>...</td>.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"culture_creature" <[email protected]> wrote
in message
news:[email protected]...
> ok this is the part corrosponding to the table I think.
I hope this is the
> right part
>
> </tr>
> </table> </td>
> <td width="4"> </td>
> <td width="378" align="left"
valign="top"><p><img src="P7240455.JPG"
> width="373" height="474" /></p>
> <p><img src="P7260457.JPG" width="373"
height="474" /></p></td>
> </tr>
>
> <tr bgcolor="#ffffff">
> <td colspan="6"><img src="mm_spacer.gif" alt=""
width="1" height="1"
> border="0" /></td>
> </tr>
>
> <tr>
> <td bgcolor="#A4C2C2"> </td>
> <td bgcolor="#A4C2C2"> </td>
> <td bgcolor="#FFFFFF"> </td>
> <td colspan="3" align="left" valign="top"
bgcolor="#FFFFFF"><table
> width="946" border="1">
> <tr>
> <th width="936" scope="col"><span
class="logo">Payment
> </span></th>
> </tr>
> <tr>
> <th scope="col">Payment is accepted with paypal
only.</th>
> </tr>
> <tr>
> <th scope="col"><span
class="logo">Shipping</span></th>
> </tr>
> <tr>
> <th scope="row">We post by royal mail first class
to the
> addresss
> specified by the buyer. It should take 1-3
days</th>
> </tr>
> <tr>
> <th scope="row"><span class="logo">Refund
Policy </span></th>
> </tr>
> <tr>
> <th scope="row"><span class="style7">If for
any reason you want
> to
> return the product as long as the item has not been
opened you can mail it
> back
> to us and we will give a full refund. Buyer pays
postage. </span></th>
> </tr>
> </table></td>
> </tr>
> -
Please check out our website and please let us know why the footer content is centered in IE, but NOT in Firefox (or Safari)? The footer contains a simple div / table ?? with just a couple of icons to the left, a copyright link in the center, and a Facebook "Like" link to the right. It looks perfect in IE, but when you view it in Firefox, it ends up appearing all the way to the LEFT side of the footer!!! PLEASE HELP - THANK YOU!!!!!!
The site is www.PartyGirlRocks.com[http://example.com link text]It ended up being a lack of the <center> code. Thank you so much for your quick reply & advice. I now have another cross-browser issue, this time with Facebook "Like" code, but want to respect the forum rules & unsure if I need to post this new issue elsewhere...??
Bascially the Facebook "Like" code has 3 options 1) Simple LIKE button, 2) LIKE Box, 3) LIKE Button along with several "friends" faces.
I have option #1 (Simple LIKE Button) on all 5 web pages and it works great on all browsers; however...
I have option #3 (Like Button With friend's Faces on One page
http://www.partygirlrocks.com/site/index-3.html
and it works fine in Firefox & Safari, but NOT in IE!!!
Ironically a flip-flop of my earlier issue. I don't know whether to laugh or cry, but I'm ready to rip my hair out. I know it may be Facebook specific, but any help would be greatly appreciated as social media is important.
Thank you,
Tony (Partygirl)
Thanks!! -
Yahoo maps not working in air? pls help!!! someone!!!
Hi everyone,
I have created a partial air app and now i need a yahoo map.
The code which I have works in dreamweaver when i test it as a normal web html file but does not work then when I use it in aptana studios for air apps.
The code is :
<head>
<script type="text/javascript"
src="http://api.maps.yahoo.com/ajaxymap?v=3.8&appid=myappid"></script>
<style type="text/css">
#map{
height: 100%;
width: 100%;
</style>
</head>
<body>
<div id="map"></div>
<script type="text/javascript">
// Create a map object
alert('1');
var map = new YMap(document.getElementById('map'));
alert('2');
// Add map type control
map.addTypeControl();
// Set map type to either of: YAHOO_MAP_SAT, YAHOO_MAP_HYB, YAHOO_MAP_REG
map.setMapType(YAHOO_MAP_REG);
// Display the map centered on a geocoded location
map.drawZoomAndCenter("San Francisco", 3);
</script>
</body>
</html>
The error I am receiving is "ReferenceError: Can't find variable: YMap"
can anyone tell me why?
Thank you all so much in advance?
IrishAirMaxContent in the AIR application security sandbox (content installed with the application) cannot directly load JavaScript files from remote domains. This is a security feature to prevent application from executing scripts from potentially dangerous sources.
However, in an iframe or frame, you can load a file in the application directory into a non-application sandbox, such as a remote sandbox "http://api.maps.yahoo.com". For example, the following example maps content installed in the sandbox subdirectory of the application to run in the remote sandbox for the http://api.maps.yahoo.com domain:
<iframe
src="http://www.example.com/local/ui.html"
sandboxRoot="http://api.maps.yahoo.com/local/"
documentRoot="app:/sandbox/">
</iframe>
That local file (in the iframe) can now load a script file from http://api.maps.yahoo.com. And the parent page (of the iframe) can communicate with the child iframe using the AIR script bridge mechanism.
This is all described here:
http://help.adobe.com/en_US/AIR/1.5/devappshtml/WS5b3ccc516d4fbf351e63e3d118666ade46-7f08. html
And here's a "quick start" application that shows you how to use the sandbox mapping and script bridging features:
http://www.adobe.com/devnet/air/ajax/quickstart/sandbox_bridge.html
Maybe you are looking for
-
Hi gurus, good morning. our DC20 setting under 'define data carrier type server front end' is C: folder. when viewing documents in CV03N, document is automatically saved in C: folder with document name '_username01.jpg' .. were is the file name defin
-
How do I change the name of of my iPad in iTunes 11.0.1 and iOS 6.1?
I am trying to rename my iPad. It automatically named it the same as my iMac and I would like a different name. All the threads give information on how to do it in older versions of iTunes. Nothing listed for the new iTunes Any Help out there?
-
Create new payment method "GIRO"
Dear SAP Gurus, Is possible somebody could help me with the configuration of the payment method "GIRO" in FBZP and the steps (Tcodes) to prepare and understand how must be proceed this payment method in SAP? Thank you very very much in advance for yo
-
One idoc that needs to split into three messages
Hi, I get an idoc from sap through change pointers. The IDOC needs to be mapped via a mapping program which splits into three different messages. Let me know how to achieve it. Some notable info are that the the three messages have different flat st
-
EXPDP Error on 10.2.0.4
Hello, Oracle DB 10.2.0.4 Windows 2003R2 I am getting below error: C:\WINDOWS>expdp system/******* full=y estimate_only=y Export: Release 10.2.0.4.0 - 64bit Production on Thursday, 21 February, 2013 0:2 4:27 Copyright (c) 2003, 2007, Oracle. All rig