Firefox woes

…or is it Safari and IE woes?..??

I have a site design approved and I’m busy making up the pages.

Imagine my horror when, on previewing in Firefox, the top horizontal menu was broken. this menu displays and operates just fine in Mac Safari and IE, and also in PC IE7. But in both Mac and PC versions of Firefox, it’s broken.

Code for the menu is in a source code snooper action. (I’d show it here but don’t know how to display code within a posting?..)

http://www.lftech.free-online.co.uk/dallam

If anyone could check it in their different browsers and suggest what might be wrong and how to fix, I’d be most obliged.

thanks, Hugh


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Code can be posted here by prefacing with 4 spaces
ie

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="viewport" content="width=814" />
<base href="http://www.freewaytalk.net/" />
<title>Firefox woes | FreewayTalk | FreewayTalk</title>
<link rel="stylesheet" rev="stylesheet" href="css/admin.css" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" />

<script src="lib/prototype.js" type="text/javascript">
</script>
<script src="lib/effects.js" type="text/javascript">
</script>
<script src="lib/extensions.js" type="text/javascript">
</script>
<script src="lib/control.textarea.js" type="text/javascript">
</script>

Where did this code that you used come from?

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Like this?..

HOME NEW THIS YEAR HOW TO FIND US HOW TO BOOK CONTACT US

COURSES


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

whoops, no…the four spaces didn’t seem to work…

The code was generated by Freeway, but has had some

tags removed otherwise the thing doesn’t work in IE

…and now it doesn’t work in Firefox…!

ps. generated by FW 3.5.15 Pro


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Each line of text in your code block must be prefaced with four spaces. They won’t show on the Web, but they will tell the Web system that the text in that line is part of a code block.

If you are entering this on the Web form, there is a live preview below the text window that shows precisely what you will get.

If you are doing this by e-mail, then you have to know what you’re doing, or test your work using a Markdown interpreter like this one: http://daringfireball.net/projects/markdown/dingus

Mail users get to cheat and use tabs instead of four spaces, too. So if you paste your code into BBEdit or TextMate, you can use this trick: Select all, press Apple+right square bracket. Your text will indent by one tab character.

<table border=0 cellpadding=0 cellspacing=0>
 <tr>
  <td height=24 width=75 valign=middle align=center class="topmenu">
  <a href="index.html">HOME</a></td>
  <td width=150 valign=middle align=center class="topmenu">
  <a href="dallamcommunity-.html">NEW THIS YEAR</a></td>
  <td width=150 valign=middle align=center class="topmenu">
  <a href="dallamcommunitya.html">HOW TO FIND US</a></td>
  <td width=143 valign=middle align=center class="topmenu">
  <a href="dallamcommunityb.html">HOW TO BOOK</a></td>
  <td width=118 valign=middle align=center class="topmenu">
  <a href="dallamcommunityc.html">CONTACT US</a></td>
  <td width=17 valign=middle align=center bgcolor="#f09900">
  <p><img src="Resources/orangegrey.gif" border=0 width=17 height=24 align=absbottom hspace=0 vspace=0 alt=""><span class="style16"></span></p></td>
  <td width=126 valign=middle align=center bgcolor="#f09900">
  <p class="style5"><span class="style16">COURSES</span></p></td>
 </tr>
</table>

Walter


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Amen. Thank you, Walter.

Now, about this code…anything suspect?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Can I suggest that if you upgrade to a more recent version of FW you may not have this problem at all.

What you are trying to achieve on your page is certainly straightforward but you are using old software producing code that may not be compatible with modern browsers.

D


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Really!! Cripes…I thought FW 3.5.15 would surely be able to handle something as bog standard as my design! come on, I can’t really believe I need an upgraded FW, this is basic stuff!

In any case, I haven’t time to be upgrading, I’m afraid - that will have to happen outside of crisis time.

The thing is…what is throwing the output in Firefox? Can it be identified?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 9/7/08 (at 16:45 -0400) hugh said:

Really!! Cripes…I thought FW 3.5.15 would surely be able to
handle something as bog standard as my design! come on, I can’t
really believe I need an upgraded FW, this is basic stuff!

It may not be your design at all, it may simply be a case of having
to keep up. There have been various security patches and changes to
browser, Safari and Firefox included. These things have at different
times changed the ground rules when it comes to things such as
Javascript. For example, a recent Mac OS security update stopped
rollovers created by versions of Freeway prior to 4.4 from working in
WebKit-based browsers. This is a simple fact of life on the Internet,
I’m afraid. Things change, what was recommended can on occasion
become deprecated or even stop working altogether.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Keith,

Web-Kit based browsers…what on earth are they!!

Well, I’m absolutely gobsmacked if some fairly basic CSS (all the rage?) can’t be made to work in all browsers.

To be honest, I think I’ll ditch the CSS and go backwards and make the menu image based Javascript rollovers…and sod the webkit stuff, at least it will work in IE and Firefox!

Security update!!!..pmsl


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Sometime around 9/7/08 (at 20:28 -0400) hugh said:

Web-Kit based browsers…what on earth are they!!

Safari for one. Freeway’s own preview for another. :slight_smile:

Well, I’m absolutely gobsmacked if some fairly basic CSS (all the
rage?) can’t be made to work in all browsers.

Heh. I know how you feel. I feel gobsmacked on a regular basis
whenever I’m reminded of how brain-dead IE is. CSS may be all the
rage, but its implementation isn’t necessarily equal and consistent
across all browsers. This IS a fact of life in web development - it
was in the beginning and (probably) ever more shall be.

k


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It’s sad, but I’m sure I’ll have to agree with you, Keith !!

Now, everyone…regardless of browser standards and upgrading and wotnot, can anyone see a simple fix in this CSS or not?

The menu code in a source code snooper action is thus:

<table border=0 cellpadding=0 cellspacing=0>
 <tr>
  <td height=24 width=75 valign=middle align=center class="topmenu">
  <a href="index.html">HOME</a></td>
  <td width=150 valign=middle align=center class="topmenu">
 <a href="dallamcommunity-.html">NEW THIS YEAR</a></td>
  <td width=150 valign=middle align=center class="topmenu">
  <a href="dallamcommunitya.html">HOW TO FIND US</a></td>
  <td width=143 valign=middle align=center class="topmenu">
  <a href="dallamcommunityb.html">HOW TO BOOK</a></td>
  <td width=118 valign=middle align=center class="topmenu">
  <a href="dallamcommunityc.html">CONTACT US</a></td>
  <td width=17 valign=middle align=center bgcolor="#f09900">
  <p><img src="Resources/orangegrey.gif" border=0 width=17 height=24 align=absbottom hspace=0 vspace=0 alt=""><span class="style16"></span></p></td>
  <td width=126 valign=middle class=center bgcolor="#f09900">
  <p class="style5"><span class="style16">COURSES</span></p></td>
 </tr>
</table>

and the relevant CSS is:

.topmenu {
font-family:verdana,arial,sans-serif;
font-size:12px;
font-weight:bold;
color:#5e3a51;
background:#c9c0bb;
display:block;
}

.topmenu a {
font-family:verdana,arial,sans-serif;
font-size:12px;
font-weight:bold;
color:#5e3a51;
background:#c9c0bb;
display:block;
text-decoration:none
}

.topmenu a:hover {
font-family:verdana,arial,sans-serif;
font-size:12px;
font-weight:bold;
color:#fff;
background:#000;
display:block;
padding:4 0 5 0;
}

once again, can be seen at http://www.lftech.free-online.co.uk/dallam

many thanks, Hugh


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

On 10 Jul 2008, at 01:28, hugh wrote:

Web-Kit based browsers…what on earth are they!!

Hugh, this has an air of High Court Judge about it: “The Beatles,
m’Lud? A popular beat combo, I believe.”

Well, I’m absolutely gobsmacked if some fairly basic CSS (all the
rage?) can’t be made to work in all browsers.

Well, you could say that nothing can be made to work in all browsers,
or you could say that enough can be made to work in all browsers that
it isn’t worth worrying about what can’t.

To be honest, I think I’ll ditch the CSS and go backwards and make
the menu image based Javascript rollovers…and sod the webkit
stuff, at least it will work in IE and Firefox!

Hugh, it’s OK to use old tech if that’s what you like, but it does
mean that you’ll run into ever-increasing problems, and that in turn
will put you off the ‘new tech’ even more, because it will look as
though it’s that that’s causing it. Kind of a vicious circle.

I haven’t followed this thread that closely, so I may be talking out
of turn, but I can’t figure out why you’re using Source Code Snooper
to make a menu that you could easily bang out in five minutes using
Freeway 5’s CSS menus? Or even the old table-based action in Freeway
4? Surely this complicates your site unecessarily, and seems to be
leading to all kinds of stuff that needn’t be.

CSS is not ‘all the rage’ as you put it, it’s the way to write Web
sites. It’s easier to troubleshoot, it’s easier to learn, it’s easier
to write, and browsers like it better. What’s not to like? You can’t
ditch Webkit, because a huge part of your audience uses it. It’s also
brilliant, and not something you’d want to avoid.

I’m no expert on CSS. For years I used to swear that I’d never code.
Didn’t have the time or inclination, and it was like another language
to me, literally, and I really thought I was too old to start learning
another language. Then I had a foray into another Web app,
Rapidweaver, and found that I needed to tweak a lot of things because
it’s template-based and, well, you do, don’t you?, so I asked
questions on the (excellent) RapidWeaver forum and, from the answers I
got, and from reading previous posts, I suddenly ‘got it’. I don’t
mean that suddenly I was an expert; I’m far from that, still. But the
way CSS and HTML work together is something you can ‘get’ in ten
minutes. It happened to me by accident, I learned the little I know by
osmosis. The surprising thing was that it was neither a chore, nor
difficult, which is rich coming from a true codeophobe. I still don’t
know all the ‘terms’, but that’s simple - I have an little free
Dashboard widget that will let me look up any ‘name-of-a-style-part’
that I’m unsure of. The main thing to know is the actual syntax, which
is the bit I ‘got’ in about ten minutes on the other forum. It’s as
easy as learning the ‘i before e except after c’ or ‘never start a
sentence with a preposition’ or ‘plurals don’t have apostrophes’
rules, although that last one seems to be giving some of us a bit of
trouble these days …

Anyway, the upshot was that, while I get a kick out of RapidWeaver,
Freeway remains firmly in my arsenal, but the CSS knowledge I picked
up there now informs what I do in Freeway, which to me is a very fine
thing.

I urge you to give it a go. I’d be happy to explain more about what it
was I suddenly ‘got’, either on-list or off. Best of all (and this
from a staunch non-coder): it’s really satisfying, and above all, it’s
fun! And I mean it about helping; I’d love to help if you want it.
Believe me, this stuff frees you up.

Security update!!!..pmsl

I’m intrigued — what’s ‘pmsl’?

best wishes,

Paul Bradforth

http://www.paulbradforth.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

I would fix a few things here. One, you don’t need to declare
display:block on the td. So this bit here:

.topmenu {
font-family:verdana,arial,sans-serif;
font-size:12px;
font-weight:bold;
color:#5e3a51;
background:#c9c0bb;
display:block;
}

…would become this:

.topmenu {
font-family:verdana,arial,sans-serif;
font-size:12px;
font-weight:bold;
color:#5e3a51;
background:#c9c0bb;
}

Now there’s a lot of repetition going forward. The text will inherit
the font settings of the container (unless there are rules further up
the food chain that apply, say applied through the body tag or the
div#PageDiv tag). So there’s more you could strip out, I am guessing.

.topmenu a {
color:#5e3a51;
background:#c9c0bb;
display:block;
text-decoration:none
}

.topmenu a:hover {
color:#fff;
background:#000;
padding:4 0 5 0;
}

Now that last line bothers me – you have padding of 4 0 5 0 but you
don’t specify 4 of WHAT. Try adding a unit of measure; make it 4px 0
5px 0 if that’s what you mean. Also, what I usually like to do for a
nice CSS rollover is to put the padding on the a tag, not the
a:hover. That way there is no flicker of size when the rollover
happens. You may like that flicker – it’s just my taste not to.

And finally, make sure that this page has the HTML 4.01 Transitional
DOCTYPE – there’s plenty of unquoted attributes and other nasties in
there which will fail any sort of strict DOCTYPE. Further, stock
Freeway 3.5 code is not valid at any HTML level, because it includes
non-standard hacks to overcome IE and Netscape Navigator (remember
that browser) specific issues.

Walter

On Jul 10, 2008, at 5:35 AM, hugh wrote:

It’s sad, but I’m sure I’ll have to agree with you, Keith !!

Now, everyone…regardless of browser standards and upgrading and
wotnot, can anyone see a simple fix in this CSS or not?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you Walter… :slight_smile:

Works perfectly!

Your advice much appreciated, as ever.

regards
Hugh


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Paul,

Many thanks for your offer to help…I may contact you separately, ok?

I have delved around into CSS quite a bit, and I think it’s a complte minefield. Pretty, but a minefield nonetheless. I do know some of the syntax, but blow me if there doesn’t have to be runaround for nearly every browser under the sun(rise). Exceptions to rules…bring it on!

I haven’t got Freeway 5, I haven’t got Freeway 4! I can, it seems, make perfectly useable sites for my clients in FW3.5, with just the odd bit of help here (thankyou all) and there.

No doubt if I get FW5 I’ll have to get some jumbo intel mac to run it, and never be able to use some of my favourite old classic programmes again! No, I’m not shelling out for loads of new kit and software, sorry.

regards
Hugh


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Wrong. Nope. My daughter runs it on her Blue and White G3. I use a G4
tower for all my day-to-day work, and an aluminum PowerBook (not
MacBook or Pro) for my mobile stuff. What you will need is Tiger, but
that’s possible on anything that shipped with a FireWire port.

Walter

On Jul 10, 2008, at 10:21 AM, hugh wrote:

No doubt if I get FW5 I’ll have to get some jumbo intel mac to run it


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Dear Paul

The perspective of an ex codaholic might lack some of the depth of a coder -
but may well communicate much clearer as it wont presume so much in the
reader.
Please share any into to working with CSS in Freeway here - under a new
subject - if you will.

with all good wishes
Brian

Paul Bradforth said recently:

On 10 Jul 2008, at 01:28, hugh wrote:

Web-Kit based browsers…what on earth are they!!

Hugh, this has an air of High Court Judge about it: “The Beatles,
m’Lud? A popular beat combo, I believe.”

Well, I’m absolutely gobsmacked if some fairly basic CSS (all the
rage?) can’t be made to work in all browsers.

Well, you could say that nothing can be made to work in all browsers,
or you could say that enough can be made to work in all browsers that
it isn’t worth worrying about what can’t.

To be honest, I think I’ll ditch the CSS and go backwards and make
the menu image based Javascript rollovers…and sod the webkit
stuff, at least it will work in IE and Firefox!

Hugh, it’s OK to use old tech if that’s what you like, but it does
mean that you’ll run into ever-increasing problems, and that in turn
will put you off the ‘new tech’ even more, because it will look as
though it’s that that’s causing it. Kind of a vicious circle.

I haven’t followed this thread that closely, so I may be talking out
of turn, but I can’t figure out why you’re using Source Code Snooper
to make a menu that you could easily bang out in five minutes using
Freeway 5’s CSS menus? Or even the old table-based action in Freeway
4? Surely this complicates your site unecessarily, and seems to be
leading to all kinds of stuff that needn’t be.

CSS is not ‘all the rage’ as you put it, it’s the way to write Web
sites. It’s easier to troubleshoot, it’s easier to learn, it’s easier
to write, and browsers like it better. What’s not to like? You can’t
ditch Webkit, because a huge part of your audience uses it. It’s also
brilliant, and not something you’d want to avoid.

I’m no expert on CSS. For years I used to swear that I’d never code.
Didn’t have the time or inclination, and it was like another language
to me, literally, and I really thought I was too old to start learning
another language. Then I had a foray into another Web app,
Rapidweaver, and found that I needed to tweak a lot of things because
it’s template-based and, well, you do, don’t you?, so I asked
questions on the (excellent) RapidWeaver forum and, from the answers I
got, and from reading previous posts, I suddenly ‘got it’. I don’t
mean that suddenly I was an expert; I’m far from that, still. But the
way CSS and HTML work together is something you can ‘get’ in ten
minutes. It happened to me by accident, I learned the little I know by
osmosis. The surprising thing was that it was neither a chore, nor
difficult, which is rich coming from a true codeophobe. I still don’t
know all the ‘terms’, but that’s simple - I have an little free
Dashboard widget that will let me look up any ‘name-of-a-style-part’
that I’m unsure of. The main thing to know is the actual syntax, which
is the bit I ‘got’ in about ten minutes on the other forum. It’s as
easy as learning the ‘i before e except after c’ or ‘never start a
sentence with a preposition’ or ‘plurals don’t have apostrophes’
rules, although that last one seems to be giving some of us a bit of
trouble these days …

Anyway, the upshot was that, while I get a kick out of RapidWeaver,
Freeway remains firmly in my arsenal, but the CSS knowledge I picked
up there now informs what I do in Freeway, which to me is a very fine
thing.

I urge you to give it a go. I’d be happy to explain more about what it
was I suddenly ‘got’, either on-list or off. Best of all (and this
from a staunch non-coder): it’s really satisfying, and above all, it’s
fun! And I mean it about helping; I’d love to help if you want it.
Believe me, this stuff frees you up.

Security update!!!..pmsl

I’m intrigued ‹ what’s ‘pmsl’?

best wishes,

Paul Bradforth

http://www.paulbradforth.com


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hugh said:

No doubt if I get FW5 I’ll have to get some jumbo intel mac to run it, and never be able to use some of my favourite old classic programmes again

A lot of us here are not running the latest Intel Macs and are having no problems with 5 - personally I am using a G5 iMac and a G4 tower like Walter. I am still using some Classic apps as well but I know that I should bite the bullet and ditch them for better, quicker software. Lets face it OS9 is dead and there is more available for OSX.

It is definitely worth upgrading to 5 or even 4 if you don’t want to go that far.

David


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Many thanks to everyone who replied here, especially Walter for cleaning the code and Paul for kind offer of help.

I’ve downloaded and am trying FW5 on powerbook. Both desktop g4 and powerbook are secondhand and came with Panther. G4 also came installed with Photoshop, InDesign etc. (but no disks), and these programmes transferred happily to the Powerbook. Unfortunately, when I installed Tiger on my Powerbook, I lost functionality in all the Adobe programmes which appeared to need installing all over again.

Hence reticent to move to Tiger.

Hugh


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options