Type: Posts; User: molendijk; Keyword(s):
You might want to use a table. This code will give you an idea of how to proceed. CSS is kept inline for readability:
<body style="font-family: verdana; font-size: 13px; ">
Try to give the problematic lines in the 2014-Festival-Hours-section a min-width in pixels. Also, give the images a min-width in pixels.
Something like this?
<div style="position: relative; width: 500px; height: 400px; background: black; margin: auto">
<div style="position: absolute; left: 2%; top: 2%; right: 2%; bottom: 2%;...
Change the iframe's height:
<iframe src="https://docs.google.com/forms/d/1QICJwSJNEjSAGaVz7mWxq0FnrfDMZqOqMn0_iXM0ph8/viewform?embedded=true" style="width: 100%; height: 655px; border: 0; "...
On small screens, the video on the left is a bit higher than the one on the right because of pause.png. You should give that image an absolute position.
The page I gave you validates except for...
No offense, but may I add that this Peter Scott, given his age, should have reached a certain level of modesty and wisdom instead of acting like an adolescent shouting and yelling around? I'm really...
Try this. It works for me. It's a combination of YouTube-thumbnails and jquery
Something like this,perhaps?
<div style="position: relative; max-width:450px; width: 40%; height:40%; max-height: 363px; float: left; margin-left: 5%">
<iframe style="position: relative;...
See this thread.
Yes, or make sure your document is not parsed bythe XML parser. This can be done by choosing another doctype.
The validator does not complain about:
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
Tu me manquais énormément.
Do you mean & or &&? I've never had validation problems with &&.
Nice you solved it.
On my machine, the flash is not very annoying. You could try to use jquery fadeIn / fadeOut for softening the flash.
I see what you mean now. I was wrong in my previous post. The window. doesn't reload.
Here's a possible fix:
<a href="BookList.html#A" target="BookList"...
As far as I can see it, the parent page jumps because a click on a link (re)loads both the parent page and the iframed page.
Try this for a possible solution.
You could do things like the following:
<div style="position: absolute; height: 30%; ">
<img src="http://www.dynamicdrive.com/forums/image.php?u=22058&dateline=1218538433" alt="" style="height:...
Beverleyh, this afternoon I went to a shop where they sell iPhones, iPads, tablets, desktops and much more just to test the site (which is still in production, yes). Everything seemed to work fine on...
Beverleyh, that's odd, everything works well on my ASUS-tablet. Would a refresh solve the problem on your devices?
This suggests that your pages don't validate. Have you tried the WC3 Markup Validation Service for your pages?
You may want to read this. There's also a popup-script.
On a mobile device, a popup window will show in a new tab, whereas the look of a modal window (iframe) will be identical to its look on a desktop (if you do it the right way).
Take a look at this...
Here's my understanding of 'responsive' and 'mobile-friendly'. Correct me if I'm wrong.
'Responsive' and 'mobile-friendly' are not identical things.
A site is mobile-friendly if all its content is...
<meta name="viewport" content="width=device-width, initial-scale=1.0">
in the head of my pages forced Google to analyze them as mobile friendly.
You can test your pages here.