Project : Taxi Company - The footer &...

User 122279 Photo


Senior Advisor
14,447 posts
Online Now

I took your file and changed the row width to none and then narrowed the middle part of the page as I outlined in the previous post. I left the heading also wide, to balance the footer.

I've done nothing to the footer contents, as Mansour is helping you with that.

https://www.dropbox.com/s/ulwpx0bwox3u6 … 2.rff?dl=0
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 131545 Photo


Registered User
687 posts

Inger,

Thanks for the video demo how the build the foooter
I want to the footer over the entire width and have tried everything and the header also over the whole width but I do not.
How do I get the 10px or 15px margin on left top that is the whole left-wing subgrid col?.

Kind regards
Stephane
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 131545 Photo


Registered User
687 posts

Inger, Mansour, Wayna

That is the new footer with as follows: 1 col of 12 Saini for text "Contact" 2 cols by 6 Saini for text "phone", "email" 3 cols of 6 Saini for text "reservation", "terms and conditions", "regulation" Like the footer and header the whole width of the Web browser.
I hope that someone here give me a step by step design in the form of a video can present for design of the footer
I must be viewing on all the screens: 1024px, 832px, 640px, 405px
Kind regards

Here is the draft
Attachments:
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 122279 Photo


Senior Advisor
14,447 posts
Online Now

Stefke,
The video was created by Mansour, not by me.

See the attached image. Is this the way you want your footer? I'm not quite sure after your explanation. What do you mean by 'Saini'?

If you do want the footer the way I made in the image, have you thought about how that will look on a large screen? The left and the right columns will be 'a mile' apart. My screen is a 22" one, and it doesn't look good at all. I'd say you need to have those columns stop moving sideways after your last breakpoint.
Attachments:
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 434929 Photo


Ambassador
938 posts

STEFKE wrote:
Inger, Mansour, Wayna

That is the new footer with as follows: 1 col of 12 Saini for text "Contact" 2 cols by 6 Saini for text "phone", "email" 3 cols of 6 Saini for text "reservation", "terms and conditions", "regulation" Like the footer and header the whole width of the Web browser.
I hope that someone here give me a step by step design in the form of a video can present for design of the footer
I must be viewing on all the screens: 1024px, 832px, 640px, 405px
Kind regards

Here is the draft


Refer to my earlier video above I don't see any different from earlier one, the procedure in steps are the same as earlier

For full width and wrapper have a look at following clip:
https://www.youtube.com/watch?v=sXDwPfw4W0c

Guys at coffeecup are awesometacular.
User 131545 Photo


Registered User
687 posts

Hi all,

I still do not get the desired result.
Contact and below it the data "phone" and "email" are way too far to the right. I want the 10 px of the left is and 10 px to the left above still not the result.
How do I make that want but smaller in height about 300px instead of unlimited

Kind regards
Stephane
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 122279 Photo


Senior Advisor
14,447 posts
Online Now

STEFKE wrote:

I want the 10 px of the left is and 10 px to the left above still not the result.


Can you please write the above in your own language. I don't understand what you mean. Did you look at that image I sent you? I didn't actually measure the pixels, but in principle, is that what you want?

I may be able to try something for you on Tuesday, if you haven't got your desired result before that.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 434929 Photo


Ambassador
938 posts

This footer has been made base on what you have describe as on paper

Have a look at project file in attachment, hope this is what you want.

https://s27.postimg.org/hw5l8sdpv/Taxi_Company_The_footer_copyright.jpg<br />

Download project file here
https://www.dropbox.com/s/ll7pcbxtzgtav … t.zip?dl=0
Guys at coffeecup are awesometacular.
User 131545 Photo


Registered User
687 posts

Hi Mansour

Thank you for always responding so quickly, I appreciate that dire.
I have question for adjusted the marges is that for the subgrid column or the container and what is that effect?

Kind regards
Stephane
Toekomstgerichte door ICT gebeten IT'er
Stephane Fonteyne
Ba. Elektronica - ICT
Application Software PowerBasic Developer
e-mail : stephane.fonteyne@telenet.be
gmail : stephane760126@gmail.com
linkin : in : <http://www.linkedin.com/pub/stephane-fonteyn/53/402/204>
twitter : @Stefke36
User 434929 Photo


Ambassador
938 posts

I am not really sure or understand to which element specifically you need to add margin.

As an advice, open the example project file in FF as I have uploaded earlier, then >> in inspector panel find the specific element under Elements Hierarchy and try to experiment with their margin and see the result.

Just take a note, you are not limited what you see, there are so many possibilities and options to customize the sample project file.

That's all I can advice,
Guys at coffeecup are awesometacular.

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.