Databases
StackOverflow2013
Postsdbo
POCSS: Text color slightly offset in Safari/Firefox
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POCSS: Text color slightly offset in Safari/Firefox
    primarykey
    data
    text
    <p>I'm having a strange problem with a website I'm building for a client. I have some links in a list as part of a table, and in my CSS I have the following:</p> <p><code>a:hover { text-decoration: none; color: #DB6633; }</code></p> <p>Which changes the link to orange when the mouse hovers over it. This works fine on my 3 Macs using Firefox, Safari, Chrome etc (and my Windows PC using the same). However when viewed on my clients browsers (Safari &amp; Firefox on OS X 10.6.4) they see this:</p> <p><img src="https://i.stack.imgur.com/VgREB.png" alt="enter image description here"></p> <p>and this:</p> <p><img src="https://i.stack.imgur.com/ygU8d.png" alt="enter image description here"></p> <p>etc. As you can see, the orange doesn't line up with the text properly. I haven't seen this before, and I can't reproduce it at my end. I'm also having a problem with some images being slightly out also, but I'm not sure if that is related.</p> <p>The client is running the latest versions of Safari &amp; Firefox (as am I). They are running OS X 10.6.4, but I have that on one of my laptops and it displays the site fine.</p> <p>Has anyone seen this before, and if so how can I fix this?</p> <p>** EDIT **</p> <p>OK some more detail: it happens less in Firefox than in Safari. I'm going to try and get it down to the least amount of code to reproduce it then I'll update with that also.</p> <p>I think it's telling that it appears on both Firefox &amp; Safari - which use different rendering engines. Could it be system related? An accessibility setting perhaps?</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USDomestic Cat
    1. USDomestic Cat
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POCSS: Text color slightly offset in Safari/Firefox
      1. This table or related slice is empty.
      1. VTUpMod
    1. CODid they increase the browser font size with ctrl +
      singulars
      1. POCSS: Text color slightly offset in Safari/Firefox
      1. USsissonb
    2. CODon't think so. I have tried that at my end and it makes no difference, I still don't see any glitches.
      singulars
      1. POCSS: Text color slightly offset in Safari/Firefox
      1. USDomestic Cat
    3. COI've never seen this before, but it's not surprising that these weird anomalies always seem to happen only client computers :S
      singulars
      1. POCSS: Text color slightly offset in Safari/Firefox
      1. USjustinl
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload