Fri, 2015-11-20 16:26
http://disabilityjobsite.co.uk/
This works fine on Firefox and I have got it working on Chrome now but it still isn't right in IE
If you do to the bottom of the page the Top Recruiter logo are too high up until you hover over them and I have no idea why. Has anyone got any suggestions please?
Changing
audio,
canvas,
img,
video {
vertical-align: middle;
}
To
audio,
canvas,
img,
video {
position: relative;
top: 50%;
}
Doesn't make any difference
Thanks
Pam
Fri, 2015-11-20 19:46
#1
Getting ahead of yourself
It is key that your page works and is accessible as plain html; especially as a page aimed at people with disabilities.
The page is effectively broken if javascript is disabled. Most assistive technologies do not support js, so ….
For your specific question, edit the css like so:
.top-recruiters .recruiter img { max-width: 90%; }
Scale those images to the same size and none of the messing with margins, offsets or translations are needed. IE has poor to non-existent support for translations.
By the way, you are shooting yourself in the foot with your description meta element. Google and other search engines use the phrase to inform people about the subject of the page. Here is the description from an old (2008) page of mine:
<meta name="description" content= "Display poetry or verse using semantic html markup and css. Includes a work-around for IE6/7" />
cheers,
gary
Mon, 2015-11-23 08:49
#2
OOps - I had better tell the
OOps - I had better tell the site owner. I didn't design it I was just asked to sort out some of the CSS.
Mon, 2015-11-23 09:09
#3
I have just checked and that
I have just checked and that is an old description - phew