Alignment of page as jpegs not right

[KaelinDesign]

Hello Everyone,

I've been trying to build my website www.kaelindesign.com with WebEasy7, and I wasn't having any problems until recently. I've been struggling with the forms, although I think the threads I saw on that will help quite a bit, but now for some reason, the layout of the pages are going all weird. I didn't add any custom code on the problem pages, I'm building in simple HTML and nothing is touching, I didn't change any settings between uploads, but now any page I upload is just... wonky. I get lines of space between things, and the appearance of my form at the bottom of the main page is just not right. What do I need to change? or fix? or recode? Please keep in mind that I am just a starting web-builder and will need everything spelled out in very little words.

Kaelin

[WebMonkey08]

Originally Posted by KaelinDesign

Hello Everyone,

I've been trying to build my website www.kaelindesign.com with WebEasy7, and I wasn't having any problems until recently. I've been struggling with the forms, although I think the threads I saw on that will help quite a bit, but now for some reason, the layout of the pages are going all weird. I didn't add any custom code on the problem pages, I'm building in simple HTML and nothing is touching, I didn't change any settings between uploads, but now any page I upload is just... wonky. I get lines of space between things, and the appearance of my form at the bottom of the main page is just not right. What do I need to change? or fix? or recode? Please keep in mind that I am just a starting web-builder and will need everything spelled out in very little words.

Kaelin

Build with CSS/HTML and Center the page too, try it. TY

[davidrosso]

Originally Posted by KaelinDesign

Hello Everyone,

I've been trying to build my website www.kaelindesign.com with WebEasy7, and I wasn't having any problems until recently. I've been struggling with the forms, although I think the threads I saw on that will help quite a bit, but now for some reason, the layout of the pages are going all weird. I didn't add any custom code on the problem pages, I'm building in simple HTML and nothing is touching, I didn't change any settings between uploads, but now any page I upload is just... wonky. I get lines of space between things, and the appearance of my form at the bottom of the main page is just not right. What do I need to change? or fix? or recode? Please keep in mind that I am just a starting web-builder and will need everything spelled out in very little words.

Kaelin

I would start by eliminating the form on the first page, at least temporarily and try centering the pages. Your contact page is completely messed up and your jewelery page is a bit outta wack.

And definetly use HTML w/CSS when building.

[KaelinDesign]

Loading HTML with CSS is what was getting me into trouble in the first place!! *Sigh* But, since I'm sure ya'll have a whole lot more experience with this than I do, I will reload with CSS, center the page, and remove the form to start with, then report back.

Thanks for the suggestions,

Kaelin

[WebMonkey08]

Originally Posted by KaelinDesign

Loading HTML with CSS is what was getting me into trouble in the first place!! *Sigh* But, since I'm sure ya'll have a whole lot more experience with this than I do, I will reload with CSS, center the page, and remove the form to start with, then report back.

Thanks for the suggestions,

Kaelin

Why are you putting Text on JPGs (pictures) then putting them on your page? Set the Background Color the way you want it, add text. Your piecing together all these Image files, no wonder it looks like poop

[KaelinDesign]

Why are you putting Text on JPGs (pictures) then putting them on your page? Set the Background Color the way you want it, add text. Your piecing together all these Image files, no wonder it looks like poop

What do you mean *ME* making the background and text into jpegs? The program built it that way!! I built the page, specifying the background gradient, adding plain text boxes, and importing my pictures. At no time did I tell the program to turn everything into jpegs! I thought that was the way the program was designed to do it... Can I change the options or something to make it not do that?

Kaelin

[WebMonkey08]

Originally Posted by KaelinDesign

What do you mean *ME* making the background and text into jpegs? The program built it that way!! I built the page, specifying the background gradient, adding plain text boxes, and importing my pictures. At no time did I tell the program to turn everything into jpegs! I thought that was the way the program was designed to do it... Can I change the options or something to make it not do that?

Kaelin

Make a 'Fresh Page' from scratch. Sometimes the program get weird, I've had Image files that look lousy, and when I make a change as simple as changing the File name, it looks correct. You can figure this out by 'Process of Elimination'. ( trial and error) Go for it

[KaelinDesign]

So nothing's scrambled any more, but now I have these gaps down the side of my page... what's the deal? I looked for something to fill them in, but it looks okay when I preview it. I found something that talked about margins along the top and the left, but that wouldn't address the gap on the right....

Kaelin

[davidrosso]

Originally Posted by KaelinDesign

So nothing's scrambled any more, but now I have these gaps down the side of my page... what's the deal? I looked for something to fill them in, but it looks okay when I preview it. I found something that talked about margins along the top and the left, but that wouldn't address the gap on the right....

Kaelin

Those gaps are the extra space outside of your page width. You can put a code in the HEAD section of your document using the inspector to put a texture image or make those gaps a color.

This happens because the "background" setting of WE only applies to the background of the PAGE or your workspace basically. But you can inlude a standard "body background" tag to fill in these gaps.

Take a look at the source code of my page at http://www.davidrosso.com and you will see a BODY BACKGROUND line of code near the top, that is the code that fills in the gaps on my page with that textured jpeg.