Thread: WYSIWYG editor problem

NOTICE: This isn't intended to be advertisement, I know this is off-topic for these boards, but I'm a regular on here and hate to find new boards. If any moderator has problems with this topic, please just remove it

LINK: Madness: Operation Extinction - Home or Madness: Operation Extinction - Home

Ok, so I used a WYSIWYG editor from Bluehost, it's called pagewizard. I dunno if anyone of you has used it before, but when I edited the website with it, I set the layout all nice and stuff, just to find out that the editor only places the site in the middle for when you edit, not when you publish it. So if you look at the link above, you'll see the website is placed to the left, and it's not perfectly aligned. It was perfect in the editor, but as I said, it doesn't position the page the same when you publish it, so I'd want to know if some of you peeps know how I can get the page centered in the middle and force it's size to be no more than 700px in width.
these are the codes I know:

Code:

<center></center>

Code:

div { max-width: 700px; }

Now, I've tried using those codes, but it won't work. Also, to get the source code, just use your browser to see them from the pages in the links I posted above.
One thing I did notice was that the editor hasn't placed any html, body, ect. end tags in the end of atleast index.html, I dunno why, but that's why I'm asking
Thanks in advance!

Since you're using a wysiwyg editor, I would make sure that the pages you make work correctly before you publish them. Sometimes wysiwyg editors can render things differently from the browser so it is still important to check.

You have a lot of divs in your document, such as these.

Code:

<div Id="image0" name="image0" style="position:absolute;left:-1;top:-1;z-index:4000">
<img src="_wizardimages/header_img.png" style="width:700;height:200;border:0">
</div>
<div Id="image1" name="image1" style="position:absolute;left:0;top:199;z-index:4002">
<a id="ilinkid1" href="http://moe.aeresentertainment.com/index.html" target="_self">
<img src="_wizardimages/BtnPreset.png" style="width:152;height:29;border:0"></a>
</div>

You can see that they're all styled pretty close to the left, and that's what needs to be changed. To get a perfect center, you could use the align= attribute for div but the CSS will likely override attributes for any modern Web platform. Another solution is to style things with "position: relative;" where you can focus on the position of elements on the page, relative to other elements, but it won't be perfect.

700 pixels is a pretty small resolution, IMO, but it is generally controlled by the width property in CSS.

Are you saying I have to change that through ALL the divs?

but everytime I change something in the editor, it will all be replaced = do it all over again each time

For any serious work, though, write the HTML and CSS yourself by hand. Code generated by WYSIWYG editors are usually redundant, unreadable, non-standard compliant (from, for example, FrontPage), unreliable (renders differently on different browsers), unnecessarily complicated (which makes it unreliable), obscure, fail non-gracefully (because the DOM structure is usually not logical with regards to the layout of the site)... etc.

Writing code by hand also gives you finer control.

That said, the best WYSIWYG editor I have tried is Dreamweaver. I was surprised how clean the generated code was, and actually made a few very simple websites with it (with only simple formatting). I use it to make tables, too (and just copy the resulting <table>...</table> to my code).

Yeah, I think I'll just be telling my website guy to code the website exactly like it is there, just better and cleaner, damn my precision sucks some places on there xD Also, there are noticable marks of my laziness, so I guess this will just be temporary and a sketch for the real site... But thanks everyone anyways!

oh yeah, just a quick question... I'm no graphics designer or artist in the ways of graphics, but I did make all the graphics for the website, and I do know it's not ultra leet! But are they acceptable? Honest answers here, I do not cry over a no, I do more cry over a lie that makes me think I can do it while I can't! xP
So, please come with honest answers if my poor graphic skills can do websites? And if someone wants to go deeper, would I be able to do game graphics? And I mean graphics that people survive by, that people don't stop to look at and say "Yuck! Ruins the whole thing"
Thanks in advance...

Originally Posted by cyberfish

For any serious work, though, write the HTML and CSS yourself by hand. Code generated by WYSIWYG editors are usually redundant, unreadable, non-standard compliant (only applies to Frontpage), unreliable (renders differently on different browsers), unnecessarily complicated (which makes it unreliable), obscure, fail non-gracefully (because the DOM structure is usually not logical with regards to the layout of the site)... etc.

Writing code by hand also gives you finer control.

That said, the best WYSIWYG editor I have tried is Dreamweaver. I was surprised how clean the generated code was, and actually made a few very simple websites with it (with only simple formatting). I use it to make tables, too (and just copy the resulting <table>...</table> to my code).

Actually, if you look at the site, you'll see how non-standards compliant it is. So Frontpage isn't the only one...

I also recommend coding by hand when it comes to web development rather than using a WYSIWYG editor. You get much better (and cleaner) results.

Originally Posted by Akkernight

oh yeah, just a quick question... I'm no graphics designer or artist in the ways of graphics, but I did make all the graphics for the website, and I do know it's not ultra leet! But are they acceptable? Honest answers here, I do not cry over a no, I do more cry over a lie that makes me think I can do it while I can't! xP
So, please come with honest answers if my poor graphic skills can do websites? And if someone wants to go deeper, would I be able to do game graphics? And I mean graphics that people survive by, that people don't stop to look at and say "Yuck! Ruins the whole thing"
Thanks in advance...

Sure, other than the ~50% of unused screen space