Layout - Export code looks different than in Webflow

Design help General
1

My Index page looks correct in Webflow http://skarabeo.webflow.io/, but when i download the code and open the same index.html in Chrome the layout is broken http://tinyurl.com/nfofkdr

How can i fix that?

Cris

2

The section or div that is holding the images - is that on % or pixel for the width?

3

Hey @irafis

Any chance you could give me a url to the website that has exported code so i can look at the code? if you dont want to share it publicly just send me a pm :smile:

Best
Ahmad

4

Looked at the code its 18% width :smile:

5

If i touch it i lose all the animations

6

What do you touch that you lose all animations? :smile:

7

The % width …
Here the link to the website files: http://sifari.ch/skarabeo.webflow_wrong.zip

1 Like
8

Im looking into the code will update you when i find something :smile:

1 Like
9

Thanks man! I really appreciate your help!!

1 Like
10

No issues i think i found the culprit if you want i can either make a video tutorial on how to fix it if you can provide me a read-only link or i can explain it in text :smile:

1 Like
11

If it’s not too long better in text

12

@irafis I dont think you will understand i i write it but if you dont want to give me the whole site what you can do is duplicate the site delete everything except the 5 images :smile:

Best
Ahmad

13

Thanks Ahmad … i will try to fix it with a developer friend of mine. Thanks anyway for your help.

1 Like
14

Your welcome just tell him to give the class:

w-inline-block sk-centerdiv sk-splash-imgdiv = Width 18% Margin-Left: 1%; Margin Right: 1%;

And

w-inline-block sk-centerdiv = Width 18% Margin-Left: 1%; Margin Right: 1%;

Hopefully this speeds up the workflow for you and him :smile:

Best
Ahmad

2 Likes
15

Ahmad… i resolved the problem on the homepage, but now i have some layout problems in other pages when looked on ipad. Listen… are you available for hire? I guess in a couple of hours you can fix all the bugs, the problems are just in 2-3 pages, nothing complicated. Please let me know and how much you ask per hour…

1 Like
16

Hey Cris,

Kindly PM me the details what you need done and i will get back to you :smile:

Best
Ahmad

17

Give me one day, tomorrow i will see the client, maybe there are some minor changes to apply.
I will send you a PDF via PM with the list of the things to do by tomorrow evening.

Best,
Rick

1 Like
18

Look forward :smile:

19

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.