WordPress.com Forums » Tag: position absolute - Recent Posts

designsimply on "Fixing the menu to the top of the page"

designsimply — Sat, 29 Sep 2012 00:33:41 +0000

I only knew to check because I helped out in the 2nd part of that thread. :)

Cheers.

houstonweaver on "Fixing the menu to the top of the page"

houstonweaver — Sat, 29 Sep 2012 00:05:50 +0000

@designsimply. Thanks. Should have thought to check out previous post.

designsimply on "Fixing the menu to the top of the page"

designsimply — Fri, 28 Sep 2012 21:45:47 +0000

@notchangingmyname, the smart sticky menu in the example you linked actually uses a bit of Javascript, and so there's not a way to add it to a WordPress.com blog since WordPress.com doesn't allow you to add Javascript. Sorry about that.

Here's a tutorial I found in case you're still curious about how it works:
http://www.jay-han.com/2011/11/10/simple-smart-sticky-navigation-bar-with-jquery/

designsimply on "Fixing the menu to the top of the page"

designsimply — Fri, 28 Sep 2012 21:41:20 +0000

@houstonweaver, I remember that she has posted it before. Check it out here:
http://en.forums.wordpress.com/topic/menu-issues-2?replies=7#post-983351

houstonweaver on "Fixing the menu to the top of the page"

houstonweaver — Fri, 21 Sep 2012 23:56:50 +0000

I like what you have with your sticky bottom menu. Can you share how you did it?

notchangingmyname on "Fixing the menu to the top of the page"

notchangingmyname — Fri, 21 Sep 2012 22:31:43 +0000

Thanks, i figured it out, kinda

duto on "Fixing the menu to the top of the page"

duto — Thu, 20 Sep 2012 20:57:40 +0000

Basically, you can do so by placing the navigation (#navigation) in the position of absolute ("position: absolute"). But it also depends on the theme you are using. To the theme you are using is not currently possible. Please check this article.

notchangingmyname on "Fixing the menu to the top of the page"

notchangingmyname — Thu, 20 Sep 2012 16:48:51 +0000

Thanks to help that I've received in the forum previously, I already know how to fix the menu to the top or the bottom of the page. What I'm looking to do now is create the effect found at the following link:

http://cupcakesandcashmere.com/

See how the menu starts below the header, but as you scroll down it becomes fixed to the top? That's what I want. Is it possible with CSS?

Thanks in advance!!

izaakmak on "Vanishing Images"

izaakmak — Sat, 15 Aug 2009 20:39:31 +0000

This is for the first two queries in this thread (not you TSP). I re-post a lot of funny emails sent to my gmail account, and it can be a chore to duplicate the formatting of the original email. Early on I tried pasting directly from the open email into the visual post editor. This seemed to save me the trouble of uploading the images to WP, but I discovered later that they had disappeared from my post once I deleted the original email! I have no idea what would happen if I hadn't deleted the email, I simply don't try to shortcut the process any more.

thesacredpath on "Vanishing Images"

thesacredpath — Sat, 15 Aug 2009 20:05:58 +0000

This is what I see when I go to that google docs page: http://opposablethumbz.wordpress.com/files/2009/08/docs.png .

Why? Because I don't have your username and password to your google account.

thesacredpath on "Vanishing Images"

thesacredpath — Sat, 15 Aug 2009 19:55:49 +0000

The images are still linked to your gmail account, and wordpress cannot access those. This is the link to the first image in the docs.google page linked above: https://mail.google.com/mail/?ui=2&ik=5314dbae22&view=att&th=1231e9acf218ff7f&attid=0.11&disp=emb&realattid=0.1.2&zw which is the same.

You CANNOT link to images that are in your gmail account.

robertakedzierski on "Vanishing Images"

robertakedzierski — Sat, 15 Aug 2009 19:43:12 +0000

Sorry, forgot to add the URL for the story as it appears as a Google web-page:

http://docs.google.com/View?id=dn6hgs7_99mznpjtf8

Thx again.

thesacredpath on "Vanishing Images"

thesacredpath — Sat, 15 Aug 2009 19:31:08 +0000

This is the "URL" of the first image I see in the latest post: https://mail.google.com/mail/?ui=2&ik=5314dbae22&view=att&th=1231e9acf218ff7f&attid=0.11&disp=emb&realattid=0.1.2&zw

That will never work since you are asking wordpress to access your gmail account to get the image.

You need to upload the image directly to your media library here, or to some sort of file sharing service on the internet (and why do that when you have 3gb of upload space here for free?

robertakedzierski on "Vanishing Images"

robertakedzierski — Sat, 15 Aug 2009 19:21:06 +0000

Let me preface my comments with the fact that I know nothing about coding!

I have posted a story today http://robertakedzierski.wordpress.com/ entitled Lovely Lavena on Lake Lugano. It's basically a picture story containing 22 images (each max. 100K).

I can see it perfectly, using Firefox 3.0.13 on Mac 10.5. On my other computer, though, which uses Mac 10.3.9 and a lesser-quality Firefox, I can read the text and see blanks for the images. I tried using Safari and there was no improvement.

It could be that the way I created this file is a little crazy. (Don't ask.) I downloaded the pix to iPhoto, I then created the document with long captions using the email facility, which I sent to myself on gmail. And it looked fine. I then loaded that into Google Docs. Which also looked fine. I then posted it to a web page and also used the Google Docs facility to upload it to WordPress.

That said, if I can see it -- and it looks great, even tho I say so myself -- why can someone else, attempting to access it on another computer be unable to?

Pls advise.

Thx

PS The reason I tried using the google docs route etc, was because I had uploaded some images previously to my husband's blog http://mikesnyder.wordpress.com/ and although I could (and can) see all 44, a friend reported he could see only one.

Question: Is WP not suited to images? to images of this sort? should I go elsewhere? Thx

dmxgraphic on "Vanishing Images"

dmxgraphic — Wed, 05 Aug 2009 12:48:30 +0000

I tested this problem several times since my last post. It may be resolved. The 'position:absolute' code is no longer being inserted into the 'a href' tag and no longer appears in the image editor advanced tab under Advanced Link Settings/Styles.

vertebrado on "Vanishing Images"

vertebrado — Tue, 04 Aug 2009 13:56:37 +0000

Today,images are loading fine. No problem anymore.

vikasjnu on "Vanishing Images"

vikasjnu — Tue, 04 Aug 2009 12:44:50 +0000

It has happened briefly with me too. But clearing the browser cache had helped.

dmxgraphic on "Vanishing Images"

dmxgraphic — Tue, 04 Aug 2009 12:34:49 +0000

So the workaround is to be aware that the offending code will reappear during editing and to manually remove the code before updating the post.

dmxgraphic on "Vanishing Images"

dmxgraphic — Tue, 04 Aug 2009 12:25:01 +0000

With the post open in the editor, edit the image, go to the advanced tab, remove the position:absolute; and then at the very bottom of that window click "save changes."

Delete the image from the post and reinsert it, click the update post button and then after it saves, check the HTML.
-----

OK. This works fine. The HTML is fine in the post editor and in the post itself..

BUT in the editor if I switch from HTML to visual mode and back to HTML the code has reappeared. The effect of this is once again to make the image overlay the text in the editor and if I update the page the code is included.

Note that the position:absolute code is always present in the image editor advanced tab under Advanced Link Settings/Styles regardless of whether I have deleted it or not.

churchmouse on "Vanishing Images"

churchmouse — Tue, 04 Aug 2009 06:22:45 +0000

I had the same problem yesterday with 3 images. I ended up making one of them smaller. That seemed to fix the problem.

thesacredpath on "Vanishing Images"

thesacredpath — Tue, 04 Aug 2009 05:55:09 +0000

With the post open in the editor, edit the image, go to the advanced tab, remove the position:absolute; and then at the very bottom of that window click "save changes."

Delete the image from the post and reinsert it, click the update post button and then after it saves, check the HTML.

The thing is, the position:absolute; if it were to be used, should have been in the img src section of the code, not in the href section.

I cannot reproduce the error so I have to believe it is something on your end.

raincoaster on "Vanishing Images"

raincoaster — Tue, 04 Aug 2009 05:54:19 +0000

I am wondering if it has something to do with using the Caption code vs not using it. I generally strip it out, and ALWAYS on a blog with Custom CSS. I've noticed it has some weirdly random alignment control effect you can't override most of the time until you strip it out.

dmxgraphic on "Vanishing Images"

dmxgraphic — Tue, 04 Aug 2009 05:45:28 +0000

To make sure I wasn't completely crazy I just tried it again. I removed the position:absolute on the image edit screen advanced tab. It reappeared. I then edited the HTML directly. It reappeared. And the image is still overlying the text on the edit screen and the post itself.

Any idea what the source of this could be? How could something on my end be inserting styles into WP?

In any case, I'm off to bed (no doubt to have strange dreams about poorly-nested XHTML)

thesacredpath on "Vanishing Images"

thesacredpath — Tue, 04 Aug 2009 05:34:20 +0000

I just switched to the journalist, inserted three images and it never put "position:absolute;" into the code. I even inserted your image into my post and no position:absolute;

You can see it here: http://flippintestblog.wordpress.com/2009/08/01/thickbox-image-test/ .

I even took your code, with the position absolute in it, pasted it into the HTML tab in my post, removed the position:absolute; and then saved and it did not put it back in.

raincoaster on "Vanishing Images"

raincoaster — Tue, 04 Aug 2009 05:28:48 +0000

That should definitely be reported.

dmxgraphic on "Vanishing Images"

dmxgraphic — Tue, 04 Aug 2009 05:15:46 +0000

I have changed the XHTML setting but it isn't showing any improvement--yet.

I tried several times yesterday to delete the style="position:absolute;" since it looked incorrect to me, but it is being inserted by WP. If I delete it it just reappears.

thesacredpath on "Vanishing Images"

thesacredpath — Tue, 04 Aug 2009 05:15:45 +0000

It is that way in these two posts:

http://poligraphic.wordpress.com/2009/08/04/my-people-say-no-health-care-plan-for-your-people-pal/
http://poligraphic.wordpress.com/2009/08/01/insuring-the-health-of-the-health-insurance-industry/

If you are adding the position absolute, don't do that. If you use that property and value, the image will not retain its proper relationship to the rest of the elements in the post.

From W3C:

Generates an absolutely positioned element, positioned relative to its containing block. The element's position is specified with the "left", "top", "right", and "bottom" properties.

thesacredpath on "Vanishing Images"

thesacredpath — Tue, 04 Aug 2009 05:07:44 +0000

It is I think a code issue.

First off, go to settings > writing and select "WordPress should correct invalidly nested XHTML automatically" and then click save changes.

On your latest post, there is a position: absolute; declaration, and that should be taken out. This is the code you have for your image:

Remove the style="position:absolute;" from the href section.

raincoaster on "Vanishing Images"

raincoaster — Tue, 04 Aug 2009 04:40:36 +0000

All of your images loaded just fine for me, so I have no suggestions other than to contact staff directly and report it. Doesn't look like you're the only one with image problems lately that are intermittent.

http://support.wordpress.com/contact

dmxgraphic on "Vanishing Images"

dmxgraphic — Tue, 04 Aug 2009 04:34:45 +0000

This problem started for me yesterday. Symptoms are:

1. Image does not appear in post. An invisible box is there, sometimes with the name of the image file. The box acts just like a normal image link and takes you to the correct image.

2. Image will not hold correct position both in editing and in the final published post.

3. Problem is very inconsistent. I have tried resizing and realigning the image, etc. It will appear correctly, but will be wrong the next time I load the page. I have tried it in FF and IE.

4. Problem does not seem to affect images posted before Aug 2.

I have posted screenshots showing the incorrect position problem here:\

http://poligraphic.wordpress.com/screenshots-image-problems-aug-3-2009/

I do not have a screenshot of the invisible image problem yet. If it shows up again, I will add it to this page.

It is very easy to see this problem but I have not found a way to reproduce it consistently. Clearing the cache and reloading the page, logging out, exiting the browser, etc. do not solve it. My suspicion is that it is a bug.

Hope this helps, gang