Zoom and text box overlap - Page 2

User 373928 Photo


Registered User
141 posts

Messing with screen resolution made no difference on the laptop.
I have an inferiority complex - but it is not a very good one.
User 187934 Photo


Senior Advisor
20,271 posts

Upon further review it appears that the only text that changes is the Raputtak Dot Com. That started to stack at 200% but the rest of the page is the same.
My screen 1600X900.
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
User 187934 Photo


Senior Advisor
20,271 posts

Can you post a screen shot of all your text box's selected in your VSD design screen?
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
User 103173 Photo


VP of Software Development
0 posts

I took a look at your source code and it has all the issues that the article I posted mentioned. It looks like you are pasting in text from another source bringing in not only breaks by hard returns. You need to go through every text box on your site and remove those.

http://www.coffeecup.com/files/forums/vsderroruphill.png

Look at this article again here at http://www.coffeecup.com/help/articles/ … -designer/ and it will explain in detail the do's and don't of adding text to your page.
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 373928 Photo


Registered User
141 posts

Scott, I read the article and I believe that I am not guilty of those sins.

I have a "generated html code " question:
What does 'position:absolute' mean? This is the code for the text boxes in issue.

/* OBJECT STYLES */

div.Object264 { position:absolute; top:1017px; left:33px; z-index:6; text-align:left; width:829px; }
div.Object265 { position:absolute; top:1705px; left:30px; z-index:7; text-align:left; width:562px; }
div.Object266 { position:absolute; top:1636px; left:33px; z-index:8; text-align:left; width:279px; }

...or is this a red herring?


I have an inferiority complex - but it is not a very good one.
User 103173 Photo


VP of Software Development
0 posts

All the code VSD produces is based on absolute positioning. That is what allows you to visually move things around and place them in a specific location. If you do not want to use absolute positioning, then your alternative is to migrate to the HTML Editor and start coding in CSS.

However you really and I mean really need to fix those breaks and paragraph issues as that will cause all sorts of problems.
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 187934 Photo


Senior Advisor
20,271 posts

It's code telling the browser how to place the object. Every thing after that tells the browser where to place it.

A screen shot of all your text box's selected should show if there's issues.
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
User 373928 Photo


Registered User
141 posts

For example, Object 214 reads: Raputtak Dot Com followed by two hard returns that I added as Inger suggested I make space for an expansion.

This box breaks funny on some computers.

This site has no (well very few) images. It is mostly text.

VSD is supposed to be WYSIWYG. If I drag a box, be it text or image, to a location, I expect to see it there when I publish the site.

There is more to this than errant carriage returns. (Not that I have a carriage on this keyboard!)

The problem is worse on uphilltheband.com.
I have an inferiority complex - but it is not a very good one.
User 373928 Photo


Registered User
141 posts

Let's see if I can attach a screen shot...
I have an inferiority complex - but it is not a very good one.
User 103173 Photo


VP of Software Development
0 posts

You have the exact same problem on uphilltheband.com but even worse.

http://www.coffeecup.com/files/miscellaneous/vsderroruphill3.png

We can discuss this all day long, but in the end it comes down to how VSD works. ;)
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.

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.