I’m finishing this website: http://www.relifeservizi.com/ but I have a big problem.
As you can see in the index I want a bottom border on my images used as links. So I wrote this
But only Firefox is showing the right size of the borders. Moreover, one of the links (about us) is not showing the bottom border, except when viewing it on Firefox. And the same happens here http://www.relifeservizi.com/contatti.htm on the image saying “Richiedi informazioni” and in all the website with the logo on the left-top.
I’m really going crazy for this thing, I really can’t understand what I have to do!!!
And, talking about different views on different browsers, I also have problems showing an embedded google map and an embedded video from vimeo in percentage here: http://www.relifeservizi.com/contatti.htm and here http://www.relifeservizi.com/relife.htm . Firefox doesn’t show them correctly while Chrome and Safari do. I really don’t understand.
I know, It’s so annoying for me too, but the manager likes it this way, no way O___O
Vimeo provides to you this code when you click on “embed” with iframe, it says it’s fine for tablets and smartphones. And I don’t know how to embed the video in a different way.
I want percentages for the video and the map because I like the website to be elastic… If i put in width or height in px it won’t be fine for tablets smartphones and screens <10’'.
So I should create a different css only for these 2 pages where I have this problem… I should create an Id for the iframe in each different css and define it with pixel sizes, right?
Well how many iframes do you have per page? Just one?
Are all the iframes doing the same thing? Just a small video segment? If so, you can just do a general selector in the CSS. Such as “#videointro iframe{}” and have that contain the media styles.