Twitter api and $("#Stage").css("margin","top") issue

I put the twitter api from commonedge.org into my web project.
But I couldn't get it to work until i removed this from my stage:
$("#Stage").css("margin","top").
Once it was removed, the twitter api worked fine...
when I put it back in, it stops working again.
I'm puzzled why this is?
Anyone have an idea?

Ok,... so I figured out this was a line from hell... and I dont even know where I got it from
(as I've been juggling learning edge's actions/codes and messing things up).
Not only the twitter, but nothing else worked, symbols, actions, mouse and touch functions until I removed this line.
Once I deleted $("#Stage").css("margin","top") from the stage... it's all happy again
(until I put something else in that i have no clue what does)
it would be interesting though, if anyone knows if there EVER would be a reason to have this line?
And why it would/could kill all other functions?

Similar Messages

Twitter API and Edge Animate not working

Hi,
I have watched great video about using Twitter API in Edge Animate on Adobe TV and I thought I would give it a go.
I followed the steps and unfortunately it's not working for me.... Not even an error message when tested in a browser, nothing...
Here's my code for compositionReady:
try {
    // Read tweets, set number of tweets to display
    var 0 = { username: "adobeedge", count: 4};
    var twitterUrl = "http://api.twitter.com/1/statuses/user_timeline.json?screen_name="+o.username+"&count="+o.count;
    // AJAX function for communicating to Twitter API
    $.ajax( {url: twitterUrl, dataType: "jsonp"} )
        .success(function(data) {
        $.each(data, function(index, item) {
            var itemRenderer = sym.createChildSymbol("itemRenderer", "tweetContainer");
            itemRenderer.$("tweet").html( item.text );
            itemRenderer.$("image").css("background-image", "url("+item.user.profile_image_url+")");
catch(error) {
        alert("Error: "+error.toString());
Any suggestions?

Please, could you replace "adobeedge" by "adobeanimate".
Before:
After:
try {
            var o = { username: 'edgeanimate', count: 4 };
            var twitterUrl = 'http://api.twitter.com/1/statuses/user_timeline.json?screen_name='+o.username+'&count='+o.count;
            $.ajax({url: twitterUrl, dataType: 'jsonp'})
                .success(function(data) {
                   $.each(data, function(index, item){
                        var itemRenderer = sym.createChildSymbol("itemRenderer", "tweetContainer");
                        itemRenderer.$('tweet').html( item.text );
                        itemRenderer.$('image').css( "background-image", "url("+item.user.profile_image_url+")" );
                        itemRenderer.play( index * -100 );
catch(error) { alert("Error: "+error.toString()); }

Twitter API integration ISSUE

When i tried to call the follwoing url it returned the correct result(http://search.twitter.com/search.atom?q=twitter) but tried with the (http://twitter.com/statuses/user_timeline.atom?screen_name=twitter) it give the following error
faultCode:Channel.Security.Error faultString:'Security error accessing url' faultDetail:'Destination: DefaultHTTP'
feedLoader.url ="http://search.twitter.com/search.atom?q=twitter";
code set returned result
<mx:HTTPService id="feedLoader"
     resultFormat="e4x"
     result="onRes(event)"
     fault="onFault(event)" />
feedLoader.url ="http://twitter.com/statuses/user_timeline.atom?screen_name=twitter";
feedLoader.send();
Error code set
<mx:HTTPService id="feedLoader"
    resultFormat="e4x"
    result="onRes(event)"
    fault="onFault(event)" />
feedLoader.url ="http://twitter.com/statuses/user_timeline.atom?screen_name=twitter";
feedLoader.send();

Ok,... so I figured out this was a line from hell... and I dont even know where I got it from
(as I've been juggling learning edge's actions/codes and messing things up).
Not only the twitter, but nothing else worked, symbols, actions, mouse and touch functions until I removed this line.
Once I deleted $("#Stage").css("margin","top") from the stage... it's all happy again
(until I put something else in that i have no clue what does)
it would be interesting though, if anyone knows if there EVER would be a reason to have this line?
And why it would/could kill all other functions?

How can I force Firefox to properly format all html pages to a pdf without losing top and right hand margins?

Setting up page printout format for pdf on a Mac OS/X Snow Leopard Mac Pro. Printer is HP 8500A OfficeJet Pro Plus bought after July 14, 2011 serial number- CN141CK7QM
When I print to file as a pdf I am getting the first page correctly but subsequent pages are getting clipped along the top and the right margins.
I don't have this problem with my IBook 4.0
The issue is formatting an html page to a pdf when the print request is asking for a pdf or when the print request is to the printer.
The url to my HP Office jet Pro 8500A Plus is:
mdns://Officejet%20Pro%208500%20A910%20%5B530E4F%5D._pdl-datastream._tcp.local./?bidi
I have a IBook G4 and I do not have any of this problem.
I have specified a default paper size of "USLetter".
This printing issue is a new one that occurred since I started the Firefox updates after Firefox 6.0 series.
I am checking with HP on this issue. Prior to the HP8500A (installed in July 2011) I did have a HP6180 Officejet for several years without encountering such a conflict.
So my second question is; Are there Firefox printing conflicts with the HP 8500A printers?
EHW 091211

Joanna,
It seems that Illy (still) moves in (ever new) mysterious ways.
I was surprised to see that you got away with your French word, but the hat part must have hidden the first part from the nanny filter. The first part by itself would have become asterisks.

InD CS6, what happened to margin-top CSS property in EPUB?

I have been playing around with EPUB export in InDesign CS6. What surprised me the most is the missing CSS property. What's the reason to leave margin-top property out from the paragraph styles? Is this a feature, a bug or am I just doing something wrong? Others noticed this also?
Other thing which surprised me is the unit they use in margins. Earlier it was em but now it's pixel. Any way to change this?

@Steve,
When I turned the computer on this morning it said updates were available: CS6 2.02, I believe-although I can't remember for sure or find that version listed now on any "About" screen. I just clicked "Yes" to update. I'm not sure why they arrived for me but not you. I did have a problem with Acrobat X quitting yesterday (another CS6 bug) and had to deactivate and reactivate the package to get Acrobat to work. Don't know it that would affect updates though. I have never seen any availabe when I checked.
Anyway, the first thing I tested after the updates I received were installed was the epub export and nothing had changed regarding top spacing. Seems like we either have to add bottom spacing on previous paragraphs, use forced line breaks, edit CSS files, or create in CS5.5. For me, the latter still seems the easiest way to create an e-book after creating the print book.

Unwanted margin-top and margin-bottom styles

Editing a template-based page in Contribute CS3, there is no
List Properties option (Help file says "Note: This option is not
available for template-based pages or in tables.")
So how do I specify a class for a <ul> entry?
If I create the text first with a chosen class, then convert
to "Bulleted List", I end up with:
<ul style="margin-top: 0;">
<li><span class="reversed" style="margin-top: 0;
margin-bottom: 0;">
- which is not what I want (I want to set a non-zero bottom
margin, for example).
I am using an external CSS file, and there is no UL or LI
entry in the list of HTML styles that can be chosen in Contribute.
Should there be?
Is there some way of setting default styles for these tags in
the dwt template?
John Geddes

From what I know, in Contribute their is some tag users can't
apply style on.
Typical are <div> and <ul>, mainly because you
can't create them or select them. Only the CSS can give style to
these elements and have to be defined by the website
admin/designer.
If their is no style, default will apply (and margin depends
from browser). And if the way paragraph are marked (see
Admin>Users>Modify, Space between paragraphs either one line
using CSS and will ad inline styles to your tag <ul
style="margin: 0 0;" or two line using <p> which let
everything be controlled by the CSS.
A trick is to have a class style defined in the CSS and a
template element where users can apply the style.
For exemple putting a div in a table cell (I know this is
hell) in your editable region in your Template will allow users to
apply the class style to the selection (the table) and the cascade
will apply the style to the div or your list.
CSS:
table div, table ul {
margin: 0 0 2em 0;
or
td div , td ul {
margin: 0 0 2em 0;
But again, you need to be or have a very kind webmaster.
Usually, list are already design in the CSS by the webmaster
depending the region you are, exemple:
#content ul {
margin: 0 0 2em 0;
#head ul {
margin: 0.5em 0 1em 0;
Hope it helps.

Flickr API and cflickr - performance issue with my code.

I using cflickr to access the Flickr api and display photos in a lightbox. My code is working, but incredibly slow. I'm assuming that I'm going about it in an incorrect way and hoping someone can point out a better way to do what I'm trying to accomplish. My speed issues develop when I'm trying to extract the image descriptions within a loop that is outputing the images to the page.
Here is an example of the code that I'm using:
using the following to grab the photos:
<cfset photos = cflickr.photosets_getPhotos(photoset_id=72157624340881708 , auth_token=token) />
I am then using the following to loop through the array of photos and and also retrieve the description for each image.
<div style="width:423px; margin: auto;" id="gallery">
        <cfloop from="1" to="#arraylen(photos.photoset.photo)#" index="i">
            <cfset p = photos.photoset.photo[i] />
            <cfset img_desc = cflickr.photos_getInfo(photo_id=p.id).photo.description />
            <cfset img_desc = replace(img_desc, 'TRIP', '<br />TRIP') />
            <cfset title = photos.photoset.photo[i].title />
            <cfset title = title & "<br />" & img_desc />
            <cfoutput>
            <a href="#cflickr.getPhotoUrl(p, '')#" title="#title#"><img src="#cflickr.getPhotoUrl(p, 's')#" /></a>
            </cfoutput>
        </cfloop>
    </div>
The problem with the code is when it is making the request for img_desc inside of the loop to the Flickr api. Each instance of that call is taking on average 300 to 400ms and the array has over 300 items so it times out. Should I be retrieveing all of the image descritpions at once before the loop and if so how would I best link these with image data that they belong with? It seems like I'm going about this in a rather inefficient manner.
I was hoping that I could call a function that retrieved all of the data that I need in one call, but so far I've been unable to find that.

( Grrr... this forum trashes emails better than any application I have ever seen. Here is what my previous response actually said ...)
<cfset photos = cflickr.photosets_getPhotos(photoset_id=72157624340881708 , auth_token=token)>
I cannot say I have used it. But the cfc usage seems to follow the API pretty closely. So I took a quick look at the flickr forums, and one person suggests you can grab the descriptions too by adding the "extras" parameter.
http://www.flickr.com/groups/api/discuss/72157594456853637/#comment72157623785775034
So try using:
    <cflickr.photosets_getPhotos(photoset_id=72157624340881708 ,
         auth_token=token, extras="description")>

I upgraded my 3rd generation ipad to ios 6.0.1 and now am experiencing various issues. Neither Pages or Numbers will open. I just see a gray screen that says Pages or Numbers at the top and all of my documents are gone.

I upgraded my "new ipad" (the 3rd generation I think) to ios 6.0.1 and now am experiencing various issues.
1- Neither Pages or Numbers will open. I just see a gray screen that says Pages or Numbers at the top and all of my documents are gone. The icon that allows me to create a new document also does not appear. I went to icloud.com to see whether my documents still existed, which brings me to the 2nd problem.
2- It appears that all of my Pages documents are still on icloud, but all of my Numbers documents are gone. There were only about 10, but I access 2 of them nearly every day, so this is a big issue for me.
I went into Settings and all of the icloud information is correct and it "Documents & Data" is on. When I look at the storage, I see the Pages documents but not the Numbers ones. The next thing I did was turn my ipad off and back on, but this didn't fix anything. Since my Pages documents are still on icloud, I then tried to delete the Pages app from the ipad so that I could reinstall it, which resulted in the 3rd problem.
3- I cannot delete any apps. I can get all of the icons to shake and the small x IS available, but everything freezes when I click it. I can't do anything at that point except reset the ipad or wait until it eventually restarts itself. I've tried this with Pages as well as multiple other apps, all with the same result. I've also tried downloading a new app (which worked fine) and then deleting that one, but I got the same result.
3a- A small related issue to this that I am far less concerned about is that when the ipad restarts itself, it comes back on and the screen is really dark and I can barely make out what appears on the screen. If I enter my password right away, it stays that way until I go into Settings - Brightness & Wallpaper and touch the brightness setting (although I'm not actually changing the setting because it already shows that the brightness is turned up a little over halfway). If I don't enter my password right away and let it go completely dark, then click the home button, the brightness is fine.
So now I'm stuck. My guess is that I will need to restore it, but wanted to check before I take that step. Unfortunately, my laptop is on its deathbed so I haven't been synching my ipad to it and I fear my Numbers documents are gone forever. I'd like to try everything I can to fix these issues before doing the restore in hopes that I can get the Numbers documents back.
Any suggestions for any or all of these problems?

Purplehiddledog wrote:
I do backup with iCloud. I can't wait until the new iMac is available so that I can once again have my files in more than 1 location without needing to rely solely on the cloud.
I also rely on iTunes and my MacBook and Time Machine as well as backing up to iCloud. I know many users know have gone totally PC free, but I chose to use iCloud merely as my third backup.
I assume that the restore would result in my ability to open Pages and Numbers and fix the problem with deleting apps, but this would also mean that if my Numbers documents still exist solely within the app and are just not on iCloud for some reason that they would be gone forever. Is that right?
In a word, yes. In a little more detail.... When you restore from an iCloud backup, you must erase the device and start all over again. There is no other way to access the backup in iCloud without erasing the device. Consequently, you are starting all over again. Therefore, it would also be my assumption that Pages and Numbers will work again and that the deleting apps issues would be fixed as well.
If the documents are not in the backup, and you do not have a backup elsewhere, the documents could be gone forever.

I need a 3-inch top margin on the first page of my letter and a 1-inch top margin on subsequent pages. How can I do this?

This is so easy in Word but I have spent 2 hours trying to figure it out in Pages. To print on my boss' stationary I need a 3-inch margin on the first page and a 1-inch top margin on the subsequent pages. When I change the top margin on page 2 in Inspector, it changes the top margin on page 1 to 1-inch as well. In Word this is an intuitive, 2-step process.

Hi Dan,
Don't confuse "intuitive" with "what I'm used to."
Pages has "Document" margins, which apply to all pages of the document, and "Layout" margins, which may be set to provide additional margin space in a layout.
Start by setting the Document margins to 1" all around. This is the default setting for the (word processor) Blank templates. You can check it (and adjust it if necessary) in the Inspector. Open an Inspector window (View > Show Inspector). Choose the Document Inspector (first button).
Switch to the Layout Inspector (second button). Remember that you already have a 1 inch top margin, so to produce a 3 inch margin before the beginning of this layout, you'll need to set a 2 inch Layout margin "Before" the layout.
Hmmm... Depending what you're defining as 'steps' for the process in word, and considering that the document margins in Numbers are preset to 1" all around, this appears to be a 1-step process in Numbers:
Step 1: Set the "Before" Layout margin to 2 inches.
Done.
Regards,
Barry

My mac mail on both the desk top and Iphone is having multiple issues downloading e-mail from my At

My mac mail on both the desk top and Iphone is having multiple issues downloading e-mail from my At&t

You can get faster help by posting the Mac OS version you have and more details about your iMac. They have been in continuous productionsince 1998 with four distinct procesor families, and each ahve different troubleshooting steps. If you called a Ford dealer about a car problem, the first thing ithey will ask is "which Ford model and year?" Same deal here.
The processor description is found when you do "About this Mac" and will be a good start for identifying your iMac model; the Mac OSX will be there too.

Episode 1: Edge and the Twitter API | Create Like Crazy with Adobe Edge | Adobe TV

Adobe Edge is not limited to sexy web animations; you can also build apps and integrate third-party APIs easily. In this lesson, connect to Twitter, pull tweets, and visualize them using an item renderer built using Edge, thereby learning how to consume APIs and create elements programmatically within Edge.
http://adobe.ly/LWYBWm

Hi,
So I have attempted to integrate the API as you have suggested. I am not a coder so I have no idea what I am really doing but check out what I have pulled together so far:
http://dl.dropbox.com/u/9159616/Circle%20Pulse%20w%20Twitter%202.zip
What I would like to do is be able to change the query to something custom so that anytime I hove over the button, a new tweet with the query of my choosing slides up and the old one Fades out.
Can you help with this? I really appreciate it. Thanks for posting this amazing tutorial.
Adam

Episode 1: Edge and the Twitter API | Learn Edge Preview 6 | Adobe TV

Adobe Edge is not limited to sexy web animations; you can also build apps and integrate third-party APIs easily. In this lesson, connect to Twitter, pull tweets, and visualize them using an item renderer built using Edge, thereby learning how to consume APIs and create elements programmatically within Edge.
http://adobe.ly/Lubp0u

Hi,
So I have attempted to integrate the API as you have suggested. I am not a coder so I have no idea what I am really doing but check out what I have pulled together so far:
http://dl.dropbox.com/u/9159616/Circle%20Pulse%20w%20Twitter%202.zip
What I would like to do is be able to change the query to something custom so that anytime I hove over the button, a new tweet with the query of my choosing slides up and the old one Fades out.
Can you help with this? I really appreciate it. Thanks for posting this amazing tutorial.
Adam

Css text alignment issue

Hey guys,
I re-did a small site for an author and some of the text very misaligned in IE. You can see on the homepage as well on each individual book page. http://lifesizemacroimages.com/.
I am able to fix the problem in IE but then it just misaligns in FF etc..
Hopeing a fresh set of eyes might notice the problem. My css is below. Thanks
html, body {
    margin: 0;
    padding: 0;
#page-container {
    width: 750px;
    margin:auto;
    margin-top:10px;
    margin-bottom:20px;
    border-top:#fff 1px solid;
    border-left:#fff 1px solid;
    border-right:#fff 1px solid;
    border-bottom:#fff 1px solid;
#header {
    background:url(../images/banner.jpg);
    height: 200px;
    clear:both;
#content {
    width:720px;
    height:550px;
    background-color:#eafcd0;
    /*background-image:url(../images/spider-bg.png);*/
    border-right:#64aa51 15px solid;
    border-left:#64aa51 15px solid;
    border-bottom:#64aa51 15px solid;
#title {
    width:722px;
    height:50px;
    background-image:url(../images/title.png);
#nav {
    height:12px;
    width:280px;
    position:absolute;
    margin-top:9px;
    margin-left:275px;
#footer{
    width:650px;
    position:absolute;
    color:#FFF;
    font-size:8pt;
    margin-top:500px;
    margin-left:50px;
#footer a:link {
    color:#FFF;
    font-size:8pt;
    text-decoration:none;
#footer a:visited {
    color:#FFF;
    font-size:8pt;
    text-decoration:none;
#footer a:active {
    color:#FFF;
    font-size:8pt;
    text-decoration:none;
#footer a:hover {
    color:#000;
    font-size:8pt;
.maintext {
    font:Arial, Helvetica, sans-serif;
    font-size:11pt;
    color:#000000;
.maintext a:link {
    font:Arial, Helvetica, sans-serif;
    font-size:11pt;
    color:#000000;
    text-decoration:underline;
.maintext a:visited{
    font:Arial, Helvetica, sans-serif;
    font-size:11pt;
    color:#000000;
    text-decoration:underline;
.maintext a:active {
    font:Arial, Helvetica, sans-serif;
    font-size:11pt;
    color:#000000;
    text-decoration:underline;
.maintext a:hover {
    font:Arial, Helvetica, sans-serif;
    font-size:11pt;
    color:#000000;
    text-decoration:none;
#emailhover a:link {
    color:#000000;
    font-size:11pt;
    text-decoration:none;
#emailhover a:visited {
    color:#000000;
    font-size:11pt;
    text-decoration:none;
#emailhover a:active {
    color:#000000;
    font-size:11pt;
    text-decoration:none;
#emailhover a:hover {
    color:#000000;
    font-size:11pt;
    text-decoration:underline;
/* ---------- Individual Page Div's ---------- */
#homediv {
    width:500px;
    margin-top:30px;
    margin-left:30px;
    position:absolute;
#hometext {
    width:350px;
    margin-top:15px;
    margin-left:230px;
    position:absolute;
#Book1div {
    width:180px;
    height:250px;
    position:absolute;
    margin-top:35px;
    margin-left:25px;
#Book1Text {
    width:170px;
    position:absolute;
    margin-top:65px;
    margin-left:195px;
#Book2div {
    width:180px;
    height:250px;
    position:absolute;
    margin-top:35px;
    margin-left:370px;
#Book2Text {
    width:170px;
    position:absolute;
    margin-top:65px;
    margin-left:540px;
#Book3div {
    width:180px;
    height:250px;
    position:absolute;
    margin-top:255px;
    margin-left:25px;
#Book3Text {
    width:170px;
    position:absolute;
    margin-top:285px;
    margin-left:195px;
#Book4div {
    width:180px;
    height:250px;
    position:absolute;
    margin-top:255px;
    margin-left:370px;
#Book4Text {
    width:170px;
    position:absolute;
    margin-top:290px;
    margin-left:540px;
#Author {
    width:500px;
    position:absolute;
    margin-top:60px;
    margin-left:100px;
#upcoming {
    width:500px;
    position:absolute;
    margin-top:60px;
    margin-left:100px;
.booktext {
    font-size:9pt;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
.booktext a:link {
    font-size:9pt;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:underline;
.booktext a:visited {
    font-size:9pt;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:underline;
.booktext a:active {
    font-size:9pt;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:underline;
.booktext a:hover {
    font-size:9pt;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
.back a:link{
    font:Arial, Helvetica, sans-serif;
    font-size:9pt;
    color:#000000;
    text-decoration:none;
.back a:visited{
    font:Arial, Helvetica, sans-serif;
    font-size:9pt;
    color:#000000;
    text-decoration:none;
.back a:active{
    font:Arial, Helvetica, sans-serif;
    font-size:9pt;
    color:#000000;
    text-decoration:none;
.back a:hover{
    font:Arial, Helvetica, sans-serif;
    font-size:9pt;
    color:#000000;
    text-decoration:underline;
#butterflydiv {
    width:500px;
    margin-top:15px;
    margin-left:15px;
    position:absolute;
#butterflytext {
    width:500px;
    margin-top:0px;
    margin-left:170px;
    position:absolute;
#availablediv {
    width:100px;
    position:absolute;
    margin-top:210px;
    margin-left:15px;
    float:left;

Trouble-man, you should know better than to use APDivs by now
http://apptools.com/examples/pagelayout101.php
Use margins and floats -
http://alt-web.com/DEMOS/CSS2-Captions-on-floated-images.shtml
Also, check your code.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

Css auto center issue

http://www.pmcgvideoportfolio.info/test.htm
I have been following a tutorial from Adobe relating to "Working with Background Images and CSS - Part 3 Altering the Appearance of Your pages with Drop Shadows." I think I have stayed pretty close to the instructions until the last page where I wasn't sure if I was in the right place.
Basically, I've had this site up and running for a while, but I've been cheating by using a single image and linking everything to it. Now I'm trying to get caught up and learn the CSS. I have found that I'm more successful if I do small bits at a time, thus if you go into code you will see that I've done some very simple slicing (for now). What I'm trying to do is get the base to automatically center in the browser, but no matter what I do it still wants to center in the middle of the page rather than automatically center in the browser.
So, if someone would be so kind, what am I doing wrong here? Or can you direct me to a good tutorial?
I've not set up any links on this page - it is a test page...
Hans and Nancy - it took me awhile to get to it, but I finally got this on the net for you.
Thanks in advance,
Ron
This is the CSS:
body {
    background-color: #ffffff;
    margin:0px;
    padding:0px;
.p {
    margin:0px;
    padding:0px;
    font-size: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-align: inherit;
    color: inherit;
    line-height: inherit;
    vertical-align: top;
p {
    padding-top:0px;
    margin-top:0px;
img {
    border:0px;
div {
    margin:0px;
    padding:0px;
    font-family:verdana; font-size:12px;
.AbsWrap {
    width: 100%;
    position: relative;
.rowWrap {
    width: 100%;
.clearfloat {
    clear:both;
    height:0px;
a:link, a:visited{
    COLOR:inherit;
    text-decoration:inherit;
#background {
    background-color: #660000;
    width:1500px;
    padding-top:0px;
    height:1071px;
    position: absolute;
    left:0px;
    top:0px;
    margin-bottom:0px;
#Div {
    width:332px;
    padding-top:0px;
    height:203px;
    position: absolute;
    left:814px;
    top:181px;
    margin-bottom:0px;
#body_bg {
    position: absolute;
    left:0px;
    top:0px;
    width:50px;
    height:50px;
    margin-bottom:0px;
    background-image: url(body_bg.gif);
    overflow:hidden;
#wrapper_bg {
    position: absolute;
    left:406px;
    top:0px;
    width:661px;
    height:716px;
    margin-bottom:0px;

Please don't use Absolute positioning. It is not a good primary layout method.
Instead, use default CSS positioning (which is no positioning).
To center a web page you need 3 things:
1) a valid document type -- DW does this for you when you create a new HTML page,
2) a container width in pixels, percentages or ems,
3) margin-left and margin-right of auto (browser default).
CSS:
#wrapper {
width: 900px; /**adjust as req'd**/
margin:0 auto; /**centers on screen**/
text-align: center; /**for older browsers**/
HTML:
<body>
     <div id="wrapper">
           all your page content goes inside this wrapper division.
     </div>
</body>
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

CSS Transition TOP

HI
PLEASE KEEP IN MIND I HAVE DYSLEXIA SO EXPLAIN IN PLAIN TEARMS.
I have already posted this but I click answered and it’s not., so I won’t to make this CSS transition http://tv.adobe.com/watch/cs6-creati...eamweaver-cs6/ and there are two things im trying to fix
1: The CSS transition is not moving to the top?
2: Because I have added <h1> ect the text inclosed on each div is droped down and not allined. Please see deejaydiamond.bugs3.com
The html
<div id="webDesign">
<div class="contentinformation" id="contentinformation">
<h2>Cheap Web Design From</h2>
<p>From £79.99</p>
<p>1 Page Bespoke Web Design Package | No Hidden Fees <a href="#">More...</a></p>
</div>
<br />
</div>
The css
h1 {
color : #FFF;
font-size : 130%;
h2 {
font-size : 85%;
font-weight: bold;
h3 {
font-size: 85%;
font-weight: bold;
h4 {
font-size: 85%;
font-weight: bold;
h5 {
font-size: 85%;
font-weight: bold;
.contentinformation {
            background-color: #5b8e0b;
            color: #FFF;
            margin-top: 100px;
            text-align: center;
            font-weight: bold;
            padding-top: 1px;
            -webkit-transition: all 1s linear 0.1s;
            -moz-transition: all 1s linear 0.1s;
            -ms-transition: all 1s linear 0.1s;
            -o-transition: all 1s linear 0.1s;
            transition: all 1s linear 0.1s;
            top:0px;
.contentinformation:hover {
            background-color: #FFF;
            color: #000;
            text-align: center;
            font-weight: bold;
            -webkit- opacity:1.0;
            -moz-opacity: 1.0;
            opacity:1.0;
            filter:alpha(opacity=100); /* For IE8 and earlier */
            -webkit-transition: all 1s linear 0.1s;
            -moz-transition: all 1s linear 0.1s;
            -ms-transition: all 1s linear 0.1s;
            -o-transition: all 1s linear 0.1s;
            transition: all 1s linear 0.1s;
            top:0px;

Sorry I wasn't able to help out more yesterday, I was away from my computer.
First, remove the following from the .contentinformation:hover class...
-webkit-transition: all 1s linear 0.1s;
-moz-transition: all 1s linear 0.1s;
-ms-transition: all 1s linear 0.1s;
-o-transition: all 1s linear 0.1s;
transition: all 1s linear 0.1s;
I know I originally told you that you needed it, however I was mistakenly giving you directions for use with a javascript class swapper. With pure css, you only need the transitions on the .contentinfomation class.
Now, on to making your element move.
You need to add a margin-top: attribute to the .contentinformation:hover class that is different (a lower number) from the .contentinformation class. That will make the item move up when the mouse is over it.
There is an issue with using a transition for moving an element, and that is, when you move the element, the mouse needs to move with it, or once the mouse has moved off, the element will start to move back. It can give a very glitchy appearance in certain situations.

Twitter api and $("#Stage").css("margin","top") issue

Similar Messages

Maybe you are looking for