Moving from Coding to the new...

Feb 27th, 2016 at 03:40 AM
User 126492 Photo

Jim Cantrell
Ambassador
1,525 posts

Inger wrote:
Had a look at your current site, Jim. Does CC still offer that discount in your voucher?


Yeah, just tried it.
Jim
---------------------------
Feb 27th, 2016 at 08:31 AM
User 126492 Photo

Jim Cantrell
Ambassador
1,525 posts

Have done the first stages of a page, but when you check the link out you will see some of the small graphic links disapear whe redcing the browser width. Is this something to do with setting a break point.

I know the graphic below the links is a bit big but can can be sorted later.
The rest of the page will be pretty easy to do later.

http://www.printerrepairschesterfield.co.uk/test/index.html

Thanks in advance.
Jim
---------------------------
Feb 27th, 2016 at 10:17 AM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,266 posts

Looks to me that the two small graphics drop behind the main image as their not set to display:none. One way is to reduce their max-width at that area to keep them in view.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Feb 27th, 2016 at 12:25 PM
User 126492 Photo

Jim Cantrell
Ambassador
1,525 posts

Not sure what you mean Eric.
I have set those images to Float right, not sure if it should be done that way, not used to the settings yet.

Where is this display:none setting?

Could it be something to do with the height of that row?
Jim
---------------------------
Feb 27th, 2016 at 01:37 PM
User 122279 Photo

Inger
Senior Advisor
14,622 posts
Online Now

Try with a breakpoint at approx. 500px wide, to let the Header and what is below it, span 12 columns. The phone numbers will then drop to the next line. Make that also span 12.
Do the same with that disappearing graphics, and the rest of the line will drop. Then make that also span 12 columns.

I'm not the expert here, others might have better ideas.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Feb 27th, 2016 at 02:06 PM
User 126492 Photo

Jim Cantrell
Ambassador
1,525 posts

Hi Inger.

I will give it a try, may have to be in the morning now, it has to be something simple.
Jim
---------------------------
Feb 27th, 2016 at 02:12 PM
User 126492 Photo

Jim Cantrell
Ambassador
1,525 posts

Inger wrote:
Try with a breakpoint at approx. 500px wide, to let the Header and what is below it, span 12 columns. The phone numbers will then drop to the next line. Make that also span 12.
Do the same with that disappearing graphics, and the rest of the line will drop. Then make that also span 12 columns.

I'm not the expert here, others might have better ideas.


Think I have sorted it Inger.
The height of those link graphics are all 41 pixels and I had The row set at a maximum height of 50 pixels, just changed that to 100 pixels and now the disappearing graphic drops oto a new line.
Not sure if that is how you do it but it works.
Will upoad it shortly.
Jim
---------------------------
Feb 27th, 2016 at 02:19 PM
User 126492 Photo

Jim Cantrell
Ambassador
1,525 posts

Here goes if someone could check it please:-

http://www.printerrepairschesterfield.co.uk/test/index.html

If I have got it wrong I am sure someone will tell me.

Next to get the text and other stuff on.
Jim
---------------------------
Feb 27th, 2016 at 02:32 PM
User 122279 Photo

Inger
Senior Advisor
14,622 posts
Online Now

Yes, you have solved it. I think I would still do as I said in my post above with the heading and phone numbers. They get too small to read on a phone when they are side by side.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Feb 27th, 2016 at 02:43 PM
User 126492 Photo

Jim Cantrell
Ambassador
1,525 posts

I have those rows set to 12 span and I see what you mean about the phone numbers, that header is a complete graphic but I am going to split it so that the numbers will drop a line lower. The page so far looks ok on the mobile, should be better when I sort it out. I think these page wide header graphics are slowly disapearing.

Slowly getting there.

Jim
---------------------------

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.