Hit a snag with sizing following...

User 2484360 Photo


Registered User
3,293 posts

jerry.domenick wrote:
Hi - I got home late last night and was not able to upload my screenshots, but is it okay if I raise a few general questions here in the meantime?

1. Once a site is complete, is it possible to export the CSS and HTML of that site and passed it off to a client who does not have/utilize RSD? Can they continue to make updates to the HTML or CSS outside of RSD?

2. Does RSD compatible with all / most of the other Coffee software? I am considering purchasing the big bundle for $299.99 - Will this allow me to create Menus, Forms, and Shopping Carts with the appropriate Coffee software and easily import them into my RSD website / project? --- Will all of the Menus, Forms, Carts, etc. be available for export and use by a client without these programs?

Thanks in advance!


Hey Jerry,

1. Of course! You can export the site and it then becomes like any other HTML/CSS site. You can open it and edit it in any HTML Editor or even note pad and edit it to your hearts content. :)

2. Yes, yes, and yes. You would need to create the project, then export it for their use. Basically the same as above.

Let us know if you have any other questions!
User 289442 Photo


Registered User
161 posts

jerry.domenick wrote:
Hi - I got home late last night and was not able to upload my screenshots, but is it okay if I raise a few general questions here in the meantime?

1. Once a site is complete, is it possible to export the CSS and HTML of that site and passed it off to a client who does not have/utilize RSD? Can they continue to make updates to the HTML or CSS outside of RSD?

2. Does RSD compatible with all / most of the other Coffee software? I am considering purchasing the big bundle for $299.99 - Will this allow me to create Menus, Forms, and Shopping Carts with the appropriate Coffee software and easily import them into my RSD website / project? --- Will all of the Menus, Forms, Carts, etc. be available for export and use by a client without these programs?

Thanks in advance!


Only want to add that the Shopping Cart (programs) are not yet responsive.
User 2802241 Photo


Trial User
14 posts

Hi - I restarted my project over thinking maybe I've missed something, but no avail, I am still getting the same issue. Everything looks okay at a smaller size but when I extend beyond 850 px the widths of the header and paragraphs in the columns in the bottom row extend beyond the photo size.

I am trying to attach my project, it is a .rsd file, but I am getting an error that "Your attachment must be one of: .TXT, .SNP, .ZIP, .RSD, .RLM, .RLMP, .RED, .GIF, .JPG, or .PNG format." ... Not sure how to upload it, it appears to be in the proper format.
Attachments:
User 103173 Photo


VP of Software Development
0 posts

Zip the file or upload it to your server and post a link.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2802241 Photo


Trial User
14 posts

Thanks! Attached! :)
Attachments:
User 2802241 Photo


Trial User
14 posts

Here are the images illustrating the issue that I am seeing in my version but not the sample file.
Small - As expected
Large - Extended width at large size
Attachments:
User 2802241 Photo


Trial User
14 posts

Hi everyone - I haven't gotten to the part of the tutorial where I add breakpoints yet - I do not think I inadverently added one - Could this be due to my screen being 32"? Should I add breakpoints at the higher screen sizes to bring the width back down so it is in line with the pictures? I don't believe I should have to do this as I don't think this issue exists in the sample file. I'm not sure if a step was omitted or if I missed something in both attempts I made to follow it.

Aside from that silly issue, I'm really enjoying RSD so far. At first it felt a bit odd, but I am already feeling much more comfortable with the software. After I complete this tutorial I'd like to try to replicate some simple site designs I've seen or some of the PSD templates I've created that I've never coded.
User 2484360 Photo


Registered User
3,293 posts

jerry.domenick wrote:
Hi everyone - I haven't gotten to the part of the tutorial where I add breakpoints yet - I do not think I inadverently added one - Could this be due to my screen being 32"? Should I add breakpoints at the higher screen sizes to bring the width back down so it is in line with the pictures? I don't believe I should have to do this as I don't think this issue exists in the sample file. I'm not sure if a step was omitted or if I missed something in both attempts I made to follow it.

Aside from that silly issue, I'm really enjoying RSD so far. At first it felt a bit odd, but I am already feeling much more comfortable with the software. After I complete this tutorial I'd like to try to replicate some simple site designs I've seen or some of the PSD templates I've created that I've never coded.


Hey Jerry,

Here are a few things I noticed.

1. The major issue I believe you are having is that you skipped a whole article. :P You have none of the presets that are covered in the first article of this series. Review this article http://www.coffeecup.com/help/articles/ … mystified/ and make sure you setup your rows to have a 960px width by selecting the Type from the Apply To: control.
2. The picture elements in the 4 (3 span) columns had 20px top-padding applied where it should have been 20px top-margin.
3. The same picture elements should have had 0px bottom-margin.
4. Be carful when setting the Margin and Padding. As they are two separate things. Padding controls the inner part of the element whereas Margin controls the outer. The paragraph elements below the image and headings have 12px margin, when it should be padding and do not have the background applied. If you apply the background, you will see that 12px margin causes the heading and paragraph to have a large gap. Remove the margin and change it to padding and the backgrounds are connected as shown in the example.

Hope that helps! :)
Attachments:
User 2802241 Photo


Trial User
14 posts

Adam East wrote:
jerry.domenick wrote:
Hi everyone - I haven't gotten to the part of the tutorial where I add breakpoints yet - I do not think I inadverently added one - Could this be due to my screen being 32"? Should I add breakpoints at the higher screen sizes to bring the width back down so it is in line with the pictures? I don't believe I should have to do this as I don't think this issue exists in the sample file. I'm not sure if a step was omitted or if I missed something in both attempts I made to follow it.

Aside from that silly issue, I'm really enjoying RSD so far. At first it felt a bit odd, but I am already feeling much more comfortable with the software. After I complete this tutorial I'd like to try to replicate some simple site designs I've seen or some of the PSD templates I've created that I've never coded.


Hey Jerry,

Here are a few things I noticed.

1. The major issue I believe you are having is that you skipped a whole article. :P You have none of the presets that are covered in the first article of this series. Review this article http://www.coffeecup.com/help/articles/ … mystified/ and make sure you setup your rows to have a 960px width by selecting the Type from the Apply To: control.
2. The picture elements in the 4 (3 span) rows had 20px top-padding applied where it should have been 20px top-margin.
3. The same picture elements should have had 0px bottom-margin.
4. Be carful when setting the Margin and Padding. As they are two separate things. Padding controls the inner part of the element whereas Margin controls the outer. The paragraph elements below the image and headings have 12px margin, when it should be padding and do not have the background applied. If you apply the background, you will see that 12px margin causes the heading and paragraph to have a large gap. Remove the margin and change it to padding and the backgrounds are connected as shown in the example.

Hope that helps! :)


Oh .. my .. God! I hadn't realized I skipped a whole article (I didn't know this one was related). Thank you so much for your help with this, greatly appreciated!!!
User 2802241 Photo


Trial User
14 posts

If you were to reverse engineer a site design - So say, I saw a site that I would like to recreate the layout of for practice. Would the 'best practice' be to break that design out into the 960 grid, envision it in cells (columns/rows), and then rebuild from top to bottom in RSD? When you encounter things that require custom HTML, Java, or PHP, do you just put placeholders in there and then replace with code after the fact?

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.