[Pro] It's nearly time to stick my head into my imac!

Freeway
1

Hey guys,

Sorry to bother you all with this again. This site that I’m trying to finish (http://www.thepopfarm.com, not live but I put it up to see if you can take a look).

Ok, on the home page only, and only when using Safari Lion (5.1.5), and no other browser, either mac or windows, when I rollover any of the boxes with links, all of the other links and some of the p text dims along with the link. The current links are on the CSS rollover, but i have tried making regular rollovers and links only, and the problem persists. Also Tim P has helped a lot, thanks Tim. I re build all of the layers off the page as well to see if this fixed the issue.

Also, in chrome (mac only) the text thins out on rollover. But this is less of an issue.

Does anyone have any ideas? Or should i just accept that Safari lion just has a bug?

Any help at all would be greatly received.

Cheers.
Alan

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

2

Thanks for the link Alan :slight_smile:

First glance, there are like a million :hover styles - I’m trying to sort
them out, but my first guess is there is some style confusion going on. Can
I ask:

1 - How are you creating these styles… with a plugin or manual extension,
or a little of both?

2 - What is your intended user experience… for the colored boxes to to link
to relevant content and act like rollover buttons (sorry if this seems a
given, but I shouldn’t just assume)

–
Ernie Simpson

On Sat, May 5, 2012 at 12:10 PM, dunlop1980 email@hidden wrote:

Hey guys,

Sorry to bother you all with this again. This site that I’m trying to
finish (http://www.thepopfarm.com, not live but I put it up to see if you
can take a look).

Ok, on the home page only, and only when using Safari Lion (5.1.5), and no
other browser, either mac or windows, when I rollover any of the boxes with
links, all of the other links and some of the p text dims along with the
link. The current links are on the CSS rollover, but i have tried making
regular rollovers and links only, and the problem persists. Also Tim P has
helped a lot, thanks Tim. I re build all of the layers off the page as well
to see if this fixed the issue.

Also, in chrome (mac only) the text thins out on rollover. But this is
less of an issue.

Does anyone have any ideas? Or should i just accept that Safari lion just
has a bug?

Any help at all would be greatly received.

Cheers.
Alan

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

3

there are like a million :hover styles

And a bucket load of unnamed divs that make it difficult to work out what is what… item1, item2, item3…

David

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

4

Hey Ernie,

Thanks for taking the time to respond.

  1. The Styles are created by the CSS3 Rollover action. The boxes with text are graphic items with html text inside. Initially I had these boxes as pure graphics with graphic text but this lacked sharpness and accessibility when zoomed in.

  2. Your right. I wanted a modular UX, grid, with the boxes linking to the various sections.

Any idea why safari seems to be the problem and not the rest?

Cheers again.

Alan

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

5

Sorted that dave, cheers.

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

6

Sorry I meant that the items were now named, not that the issue was fixed.

Cheers,
Alan

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

7

The Safari browser responds to the -webkit style instructions, which may be
a clue to the source of the style conflicts. I’m looking thru the code now
to see if I can track down the specific problem… I’ll post back when I find
more.

–
Ernie Simpson

On Sat, May 5, 2012 at 2:22 PM, dunlop1980 email@hidden wrote:

Sorry I meant that the items were now named, not that the issue was fixed.

Cheers,
Alan

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

8

Okay, I found the problem.

See the working example (with code markup in the source) at:
http://freewaypro.thebigerns.com/workbench/alan_dunlop1980/pop_farm_hovers/index.html

This -webkit style is what is messing with Safari
-webkit-transform: rotate(0deg);

It’s not doing anything - it’s rotating things by zero degrees. Computers
are, if anything, consistently literal.

I’m not sure how you can fix this if the plugin is doing this. If the
plugin is doing this, then I hope that plugin developer takes note of this
un-necessary introduction of code.

My two cents to add in advice to the maker of this plugin that it would be
best practice to include the actual CSS3 code and not just the browser code
hack… for example, instead of just
.style { -webkit-transition-duration:0.6s; }

your code should read
.style { -webkit-transition-duration:0.6s; transition-duration:0.6s; }

While I’m thinking about it, I’d like to see manufacturer styles made an
option for generating styles where support for them may be required - like
a checkbox that a user can switch on or off. No sloppy coding and no sloppy
UI.

–
Ernie Simpson

On Sat, May 5, 2012 at 2:36 PM, Ernie Simpson email@hidden wrote:

The Safari browser responds to the -webkit style instructions, which may
be a clue to the source of the style conflicts. I’m looking thru the code
now to see if I can track down the specific problem… I’ll post back when I
find more.

–
Ernie Simpson

On Sat, May 5, 2012 at 2:22 PM, dunlop1980 email@hidden wrote:

Sorry I meant that the items were now named, not that the issue was fixed.

Cheers,
Alan

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

9

Okay, it’s Monday morning and I’m ready for some feedback :slight_smile:

–
Ernie Simpson

On Sat, May 5, 2012 at 3:59 PM, Ernie Simpson email@hidden wrote:

Okay, I found the problem.

See the working example (with code markup in the source) at:

Thebigerns.com

This -webkit style is what is messing with Safari
-webkit-transform: rotate(0deg);

It’s not doing anything - it’s rotating things by zero degrees. Computers
are, if anything, consistently literal.

I’m not sure how you can fix this if the plugin is doing this. If the
plugin is doing this, then I hope that plugin developer takes note of this
un-necessary introduction of code.

My two cents to add in advice to the maker of this plugin that it would be
best practice to include the actual CSS3 code and not just the browser code
hack… for example, instead of just
.style { -webkit-transition-duration:0.6s; }

your code should read
.style { -webkit-transition-duration:0.6s; transition-duration:0.6s; }

While I’m thinking about it, I’d like to see manufacturer styles made an
option for generating styles where support for them may be required - like
a checkbox that a user can switch on or off. No sloppy coding and no sloppy
UI.

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

10

Okay, it’s Monday morning and I’m ready for some feedback…

I dont think that you are likely to get it today Ernie as it is a HOLIDAY!!! in weegieland and Alan is likely to be ‘Doon the Water’ - a Scottish expression for ‘on a day trip down the River Clyde to a holiday destination’

Translation courtesy of Delta Design.

D

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

11

Ernie,

apologies, as dave has said, it’s a holiday weekend and i’ve had extended family commitments. Boo.

Dave, very good. It was The Big Smoke for me. Hackney all weekend.

Ernie. I have been mulling over what to do about things. After a break over sunday, I decided to construct a plan B, and I am just about to contact the action developer with your observations. That’s about it. Although i’m back and chained to my mac.

Thanks again Ernie and I appreciate your help. Watch this space…

On 5 May 2012, 4:10 pm, dunlop1980 wrote:

Hey guys,

Sorry to bother you all with this again. This site that I’m trying to finish (http://www.thepopfarm.com, not live but I put it up to see if you can take a look).

Ok, on the home page only, and only when using Safari Lion (5.1.5), and no other browser, either mac or windows, when I rollover any of the boxes with links, all of the other links and some of the p text dims along with the link. The current links are on the CSS rollover, but i have tried making regular rollovers and links only, and the problem persists. Also Tim P has helped a lot, thanks Tim. I re build all of the layers off the page as well to see if this fixed the issue.

Also, in chrome (mac only) the text thins out on rollover. But this is less of an issue.

Does anyone have any ideas? Or should i just accept that Safari lion just has a bug?

Any help at all would be greatly received.

Cheers.
Alan

On 5 May 2012, 4:52 pm, The Big Erns wrote:

Thanks for the link Alan :slight_smile:

First glance, there are like a million :hover styles - I’m trying to sort
them out, but my first guess is there is some style confusion going on. Can
I ask:

1 - How are you creating these styles… with a plugin or manual extension,
or a little of both?

2 - What is your intended user experience… for the colored boxes to to link
to relevant content and act like rollover buttons (sorry if this seems a
given, but I shouldn’t just assume)

Ernie Simpson

On Sat, May 5, 2012 at 12:10 PM, dunlop1980

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