[Pro] Don't shout at me please

Freeway
1

Ok I make about one site a year generally as a favour for friends and am not willing to spend too much time on it so I’m not sure I want to start messing with responsive, sorry but that’s the way it is. I made this a while ago:

http://www.keithbryantjewellery.co.uk

… not going to win any awards but it’s ok and works on ipads and iphones … sort of.

This one is much the same but doesn’t work on an iPhone and I can’t work out why … I’d much appreciate comments please:

http://www.christchurchrbl-club.co.uk

Best Roger

freewaytalk mailing list
email@hidden
Update your subscriptions at:

2

On 15 May 2016, 2:42 pm, Roger Burton wrote:

Ok I make about one site a year generally as a favour for friends and am not willing to spend too much time on it so I’m not sure I want to start messing with responsive, sorry but that’s the way it is. I made this a while ago:

http://www.keithbryantjewellery.co.uk

… not going to win any awards but it’s ok and works on ipads and iphones … sort of.

Relax. It’s not a beauty contest. But I’m not sure what you mean by ‘it and of works for iPad and iPhone’ … it’s not responsive and I’m only able to see a part of the site and it let’s me scroll sideways in order to see the rest of it? Yes, it’s showing on an iPhone but not how it’s supposed to.

This one is much the same but doesn’t work on an iPhone and I can’t work out why … I’d much appreciate comments please:

http://www.christchurchrbl-club.co.uk

This one shows up on mu iPhone exactly the same as the example mentioned before … so, considering you’re fine with the first one; what’s the issue you run into you’re not having with the first one?

Richard

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

3

What actually worries me more than the non-responsiveness is the fact that the Metatags on Keith Bryant’s site are TOTALLY inappropriate ie

<meta name="description" content="Christchurch View is a website designed to inform visitors to Christchurch Dorset about where to go and what to see and do in Christchurch through the use of photographs and pictures">

<meta name="keywords" content="Christchurch,Dorset,UK,visit Christchurch,pictures of Christchurch,photographs,images,pictorial,holidays,dog friendly,bars,restaurants,beaches,walking,new forest,location,photographs,images,places to go,">

David

freewaytalk mailing list
email@hidden
Update your subscriptions at:

4

Thanks richard … this is what I see on my iPhone:

https://dl.dropboxusercontent.com/u/12879319/IMG_2274.PNG

It seems OK on an iPad …

and dave … yes thank you I will address the Metatags issue.

Good of you both to take the time.

Roger

freewaytalk mailing list
email@hidden
Update your subscriptions at:

5

… this is what I see on my iPhone:

Sure you will

Fixed width site (1000px), not inline construction, apart from the header all the text is an h2 - thats more than enough to do it.

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
https://freewaytalk.softpress.com/person/options

6

Thanks again Dave … I’ll start again and spend some more time getting my head around things … I’d hoped to not to have to spend hours building a freebie site but if needs must.

Roger

freewaytalk mailing list
email@hidden
Update your subscriptions at:

7

It’s a layered layout full of absolute positioned items/divs with (as Dave already mentioned) fixed widths. This site has absolutely no flexibility to adjust to its viewport.

Truth inline box model layout, this will make all the difference. When doing so … don’t create ton’s of breakpoints. I’m only using one most of the time (at 768px), like here: http://www.valveco.com/newsletter/articles/same-day-flight-service-for-your-stock-orders.html

It’s a pretty simple inline layout (ignore the menu), with percentages used for widths (and a max-width defined in px). Totally predictable.

When you get stuck, please let me help you out and send me your file to give you a starting point :slight_smile:

Richard

freewaytalk mailing list
email@hidden
Update your subscriptions at:

8

Trust inline box model layout, this will make all the difference … (sigh)

freewaytalk mailing list
email@hidden
Update your subscriptions at:

9

Thanks so much Richard … I’ll get on it later today and report back … Roger

freewaytalk mailing list
email@hidden
Update your subscriptions at: