Ask MetaFilter questions tagged with firefox and html

Can I easily control the order in which things load on a page of mine?

fake — Thu, 22 Oct 2009 13:35:56 -0800

I need some help fixing a web page. Images load in the wrong order, and users are finding it confusing. I have a free album up here, and it's gotten about a zillion views, which I'm very happy about. But many users report that the images of the book pages don't show up.

As it turns out, in Firefox (by far the most popular browser that visits the site) they do show up, but they are displaced below the Flash player that plays the album until the entire page loads. Is it possible to force the pages to load right next to the player?

This must have to do with the way Firefox renders things, but the few hacks that I've tried on the code have not changed the order that things appear. Any advice would be much appreciated.

CSS / Lightbox-esque popup/div width issue.

theRussian — Thu, 25 Jun 2009 09:43:14 -0800

Scaling down div width to fit around image which has been scaled down via its height element?? Hello!

I have a simple lightbox type popup on my site, with an opaque overlay and a content "whitebox". Upon clicking a thumbnail, the popup/overlay divs are made visible and an img tag is placed into the popup (into a div named popup-img, there's another div which holds the close button in the popup). I have scaled the image height to fit into the popup, which takes up 75% of the screen. So, recap: popup height = 75%; popup-img div height = 100%, and the height of the img tag itself is also set to 100%. The problem I am facing, in FF and IE (not Safari, though) is that the width popup-img div (into which the img tag is written via JS) is staying the width of the original width of the image - not the new scaled width (scaled due to scaling down the height).

Is there anyway to get the width of the popup div to fit to the new width of the image? This isn't so much of a problem when the original image height is greater than will fit in the box, and scaled, but when the image height is smaller, it gets scaled 'up', but the width of the pop-up stays to fit the original width, and the image goes outside of the popup width-wise.

Sorry if this is a confusing explination - it is confusing to me as well.

Other posibly helpful/hurtful info - the other div inside the popup is the close button - which is floated to the top right. What I would like to happen, ideally - is for the image to be on the left, and the close button on the right, with whitespace under the button. Don't know if there's anyway that working with this element will help.

I can provide more clarification, and possibly a link to the code in question, if someone is interested in helping me out :D

Thanks ahead of time!!

Firefox greys out my text. Grrr...

IAmBroom — Wed, 24 Sep 2008 23:44:40 -0800

Why does text tend to be dark grey in Firefox? If I allow pages to "choose their own color" in Firefox, the text often defaults to a dark grey. If instead I go to Tools / Options... / Content / Colors..., and uncheck that box, the text turns a uniform black (with blue links).

Internet Explorer doesn't seem to do this.

Why grey? It's harder to read!

(Firefox 2.0 & 3.0, Windows XP, laptop & desktop w/CRT.)

CSS help is needed

joelf — Thu, 17 Apr 2008 12:25:30 -0800

Can I make this work in IE the same as it does in Firefox? Here is the example i need some CSS help with. This works properly in Firefox, but needs some help in IE. Any suggestions?

Making Firefox Copy and Paste HTML Code?

WCityMike — Thu, 27 Mar 2008 10:25:47 -0800

Is there a Firefox extension — preferably a Firefox 2 extension — that will alter Firefox's copying behavior so that, when you copy something, it is copied to the clipboard (or pasted from the clipboard) as its HTML, instead of plain text? For example, if I were to copy this text:

I usually use Google as my search engine.

to the clipboard, it would be pasted as:

I usually use Google as my search engine.

Is there a Firefox extension that would result in the pasting instead being:

I usually use <A HREF="http://www.google.com">Google<A> as my search engine.

I know there are a few Windows-only Firefox extensions out there. Ideally this'd be a crossplatform extension: I use a Windows Firefox on a thumb drive and a Mac Firefox at home, and would like this functionality in both places.

If I get the option of being really picky, this would preferably replace the functionality of copy/paste as opposed to requiring me to learn a new keystroke ...

Spaces Cause Strange Behavior in TextArea

GregX3 — Fri, 27 Jul 2007 10:39:46 -0800

At least in Firefox I'm seeing an undesirable behavior in textareas. My question is how to fix/avoid it. Here's the problem. Go to a textarea in Firefox. (The ask.metafilter ask a question one will do fine.) Type enough characters to fill a whole line of the textarea e.g., kkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkkk... Now put a single space in front of that line. It moves the line one line lower instead of just putting a space in front of the characters which is what I would prefer i.e., treat a space like any other character. It's really driving me crazy on my website where I want to have users format precise code. Let me know if my explanation isn't clear and I'll try to explain it better.

I know I need to learn CSS ...

paduasoy — Sat, 21 Jul 2007 14:05:16 -0800

Help with right-clicking and underlined links in Firefox. I'm editing a friend's website so it works better in Firefox. It was created using Word, unfortunately. I only have a basic knowledge of HTML, and no knowledge of CSS. I have ironed out most of the issues, but am stuck on some minor things.

Firstly, is there any way to turn off the underlining of links in Firefox? I understand that the viewer can turn them off in some versions of the programme, but can they be turned off in the code? Failing that, can I change their colour? The site has green text links, which look odd with blue underlining. The Word-generated code already contains text-decoration:none, and this is working in IE but not in Firefox.

Secondly, is there a relatively simple way to disable right clicking on images to save/copy them in Firefox? Again, this is working in IE but not Firefox.

Thanks for your help - posted for a friend.

help me "subscribe" to websites that do not use RSS with Firefox.

Infernarl — Fri, 20 Apr 2007 08:01:33 -0800

help me "subscribe" to websites that do not use RSS with Firefox. I remember in the days of IE 5 on the mac there was a feature to "subscribe" to a website. This method did not use RSS. I think it simply checked for a change in the html of the page every N minutes. I use a lot of websites that do not utilize rss and I hate having to go through my bookmarks one by one to see if anything has been updated. Is there a plugin that emulates the IE 5 functionality? Ideally in the native Firefox bookmark menu.

Can't get back to where I was in Firefox

ShooBoo — Sat, 17 Feb 2007 10:49:42 -0800

Using Firefox on some web sites, if you scroll down from the top of the page, select a link, and then hit the back arrow to return the original page, the original page does not return to where you were when you clicked the link, but annoyingly to the top of the page, requiring a manual scroll to get where you were before. This doesn't happen with IE on the same web sites. What causes this problem? For example http://sadlyno.com/ or http://seattletimes.nwsource.com

Firefox extension to control HTML forms?

Blazecock Pileon — Tue, 30 Jan 2007 07:19:20 -0800

Can a user install an extension, preference or script to have Firefox manipulate an HTML form element on loading, e.g., having a SELECT's default OPTION set when visiting a certain page. If a user visits a webpage that, for example, requests selecting a drop-down menu containing different server names, I'd like to have the user be able to set his or her default server and then have the pull-down menu set upon each visit.

I don't have the option of doing this server-side, or setting cookie variables, since I don't administrate the web server or application.

Thanks for any advice!

Logo NoGo in Firefox

mickbw — Fri, 20 Jan 2006 09:01:50 -0800

Can you see why my website's logo is messed up in Firefox but displays okay in IE Now How often does that happen instead of the other way around.
My web page is http://www.nh.gov/treasury . It is a straight HTML page but because the logo is changed based on the Department that is being displayed on the page the image is broken into several pieces.

The lower right hand part of the logo displays incorrectly in Firefox. I don't have control of the layout of the logo as we are part of the NH.gov portal but I could alter the styles on the images for the pages on my part of the portal. Yes, the logo displays the same way on the main nh.gov pages.

Any assistance and direction you could provide would be greatly appreciated.

displaying images on a network wite firefox

miniape — Fri, 26 Aug 2005 08:13:42 -0800

Is there anyway to get firefox to display images located on my office's network? I run a little web app off of apache, located on my workstation (so my page's path is something like c:/apache/index.php). I'd like to be able to display images that exist on the network.

<img src="j:/whatever/blah.gif"$#60; works just fine with IE, but I as far as I can tell firefox won't show them.

Are there any extensions that do this? Or any hacks that fall short of using PHP to copy the images off of the network and store them in a sub directory of c:/apache/? Or maybe it's I'm just using the wrong syntax?

A site I created in FrontPage is shown updated in IE but not Firefox, on several computers.

Arch Stanton — Tue, 08 Feb 2005 13:59:30 -0800

I created a web page using FrontPage (no snarks, please) and put it online. IE shows the new, updated web page. However, Mozilla and Firefox show the old web page. I thought it was just a cache problem with me, but I've loaded it on several different computers with the same result. How can I fix this?

WebDesign: CSS and FireFox

donkeymon — Fri, 01 Oct 2004 21:19:41 -0800

So I have this home page. It looks pretty good (which is to say, it looks like I intended) in Safari, and passable in Internet Explorer. But in FireFox the CSS completely dissapears for some reason, so everything just comes up in a big unstyled pile. So in trying to find out why this is, which I have not done, I came to wonder: Is there a place on the web that has information about the differnces between browsers and how they render various bits of HTML, CSS and so on?

How do I edit HTML source code with Firefox?

jonathanbell — Tue, 06 Jul 2004 06:11:13 -0800

HTML editing: IE6 has been hijacked once too often so I've moved over to Firefox. But it's just not the same. When building websites in IE6, it was the work of a moment to bring up the html source in notepad, save it and refresh the open window to check the changes. Firefox is having none of this. Any suggestions?