The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

2 Pages V  1 2 >  
Reply to this topicStart new topic
> WebEasy 10 display, Why not WYSIWYG?
foolery
post Nov 24 2018, 04:19 PM
Post #1





Group: Members
Posts: 9
Joined: 24-November 18
Member No.: 26,762



Hello all and thanks for the forum opportunity. I have worked before in web design using HoTMetaL Pro but for some reason these drag-and-drop program often befuddle me. I am working now with WebEasy 10 and got most of my pages working okay but for some reason one page I created by dropping a Text box over an image I inserted is screwy…

I formatted the text box on my screen so the text fills the image I have as a background – but when I preview (in either Chrome or IE), the text only goes down about 2/3s of the page… (and in Chrome the font is completely different)? I assumed (yeah, I know the story) that what I saw on my screen would be accurately presented when it went to the actual webpage – but apparently not…?

If you happen to stumble upon this plea for help, I also am wondering how to set up pages which have forms so that when the user (after filling out the form boxes) hits the “SUBMIT” button it directs them to another (“Thank You”) page…?
Thanks for any advice and suggestions!

Tom


Attached thumbnail(s)
Attached Image
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 24 2018, 07:02 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,353
Joined: 9-August 06
Member No.: 6



Well, maybe you answered your own question, why not WYSIWYG? happy.gif

I'm joking. I understand you ask why you don't get what you saw. I can't say what's wrong (apart from that the HTML and CSS probably are messy as the output from such programs always is) without seeing the actual markup and CSS. Can you link to the page?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
foolery
post Nov 25 2018, 11:05 AM
Post #3





Group: Members
Posts: 9
Joined: 24-November 18
Member No.: 26,762



QUOTE(pandy @ Nov 24 2018, 07:02 PM) *

Well, maybe you answered your own question, why not WYSIWYG? happy.gif

I'm joking. I understand you ask why you don't get what you saw. I can't say what's wrong (apart from that the HTML and CSS probably are messy as the output from such programs always is) without seeing the actual markup and CSS. Can you link to the page?


Pandy: Thanks for the laugh in the AM and the quick reply. Will look intyo how to link/display the markup and get back asap.

Tom
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
foolery
post Nov 25 2018, 11:06 AM
Post #4





Group: Members
Posts: 9
Joined: 24-November 18
Member No.: 26,762



make that "into..."
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 25 2018, 11:26 AM
Post #5


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,353
Joined: 9-August 06
Member No.: 6



Just link to the page if it's on the web. If not, either copy the HTML and CSS and paste it in here or upload the files. For the latter you use the section labeled File Attachments just below the textarea you type your post in.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Nov 25 2018, 01:27 PM
Post #6


WDG Member
********

Group: Root Admin
Posts: 8,312
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



And ultimately, positioning text over specific areas of a background image is a fragile way to design web pages. Some users enforce minimum font sizes. Some ignore document fonts entirely. Some ignore document colors and background images entirely. Some use browsing environments that don't even use fonts.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
foolery
post Nov 25 2018, 03:22 PM
Post #7





Group: Members
Posts: 9
Joined: 24-November 18
Member No.: 26,762



So, again, while I think I understand the terminologies you’re using, the actual manipulations of them and where to find them still somewhat baffle me – sorry for being such a newbie. I did some research on accessing the HTML and CSS of a website and (since my page isn’t actually live yet), I previewed it in Chrome and found the following. Please let me know if I am completely off-base here and thanks again.

HTML for the “About Us” page –

===============================

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- Generated by Avanquest Technology v:8.0. For information please visit: http://www.avanquestusa.com/ -->
<!-- saved from url=(0014)about:internet -->
<html lang="en">
<head>
<title> About Us </title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css;">
<link rel="stylesheet" href="preview_g.css" type="text/css" media="screen,projection,print"> <!--// Document Style //-->
<link rel="stylesheet" href="preview_002_p.css" type="text/css" media="screen,projection,print"> <!--// Page Style //-->
</head>


<body>
<div id="page">
<span id="e15"></span>
<span id="e14"></span>
<a href="index.html">

<img id="e13" name="e13" src="preview001010.jpg" title="" alt="preview001010.jpg" align="right" border="0"></a>
<a href="preview_003.htm">

<img id="e12" name="e12" src="preview001009.jpg" title="" alt="preview001009.jpg" align="right" border="0"></a>
<a href="preview_005.htm">

<img id="e11" name="e11" src="preview001008.jpg" title="" alt="preview001008.jpg" align="right" border="0"></a>
<a href="preview_004.htm">

<img id="e10" name="e10" src="preview001007.jpg" title="" alt="preview001007.jpg" align="right" border="0"></a>
<a href="preview_002.htm">

<img id="e9" name="e9" src="preview001006.jpg" title="" alt="preview001006.jpg" align="right" border="0"></a>
<a href="preview_002.htm">

<img id="e8" name="e8" src="preview001005.jpg" title="" alt="preview001005.jpg" align="right" border="0"></a>
<a href="preview_005.htm">

<img id="e7" name="e7" src="preview001004.jpg" title="" alt="preview001004.jpg" align="right" border="0"></a>
<a href="index.html">

<img id="e6" name="e6" src="preview001003.jpg" title="" alt="preview001003.jpg" align="right" border="0"></a>
<a href="preview_003.htm">

<img id="e5" name="e5" src="preview001002.jpg" title="" alt="preview001002.jpg" align="right" border="0"></a>
<a href="preview_004.htm">

<img id="e4" name="e4" src="preview001001.jpg" title="" alt="preview001001.jpg" align="right" border="0"></a>
<div id="e3" class="cc02"></div>
<span id="e2"></span>
<div id="e1" class="cc03">
As you can tell perusing the “Our Team” page linked on the left, our members have literally decades of experience investigating the paranormal. Many were members of New England Paranormal©, once sister group to T.A.P.S. of the Sy-Fy channel’s Ghost Hunters fame, moving then to Earthbound Phantom, and now home with New Hampshire Paranormal. <br>
<br>
We are staffed by experts from a wide variety of professions. The knowledge and backgrounds of former law enforcement officers, pharmacists, media specialists, and clergy (among many other areas) aids our ability to evaluate objectively our clients’ situations through scientific processes. <br>
<br>
While the majority of our past cases have been of private residences, we have investigated businesses, hotels, schools, hospitals, prisons, churches, and theaters to name but a few locations. Our members own their own equipment and have the skills to investigate any site.<br>
<br>
Our goal in any investigation is to devise logical, real-world explanations for reported activity and in doing so help the client understand the events they have been experiencing and deal with the often troubling and stressful situations. <br>
<br>
For techies out there, NHP members own and utilize a wide variety of equipment during our evidence gathering and analyses, many of them actually invented by our investigators. From the traditional EMF meters, IR and full-spectrum cameras, digital (and analog) audio recorders, one of our members also invented a Faradave Cage® which shields digital recorders from external audio interference.<br>
<br>
We endeavor to assist our clients in the most professional manner possible. If you feel you are experiencing unusual activity or situations, please do not hesitate to contact us.
</div>
</div>
</body>
</html>


I believe this is what you’re referring to re. CSS…?


div#e1 {
1. position: absolute;
2. left: 148.50pt;
3. top: 119.25pt;
4. width: 549.75pt;
5. height: 606.00pt;
}
preview_002_p.css:8
.cc03 {
1. font: 14pt 'Copperplate Gothic Bold';
2. color: #ffff66;
}
preview_g.css:3
* {
1. margin: 0px;
2. padding: 0px;
}
user agent stylesheet
div {
1. display: block;
}
Inherited from
div#page
preview_002_p.css:120
div#page {
1. background-color: transparent;
2. position: relative;
3. width: 720.00pt;
4. height: 750.00pt;
5. text-align: left;
6. margin-left: auto;
7. margin-right: auto;
}
Inherited from
body
preview_002_p.css:129
body {
1. background-color: #658cbb;
2. text-align: center;

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 25 2018, 10:36 PM
Post #8


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,353
Joined: 9-August 06
Member No.: 6



QUOTE(Darin McGrew @ Nov 25 2018, 07:27 PM) *

And ultimately, positioning text over specific areas of a background image is a fragile way to design web pages. Some users enforce minimum font sizes. Some ignore document fonts entirely. Some ignore document colors and background images entirely. Some use browsing environments that don't even use fonts.


Yeah. But probably there is no way to tell WebEasy how to do it. At least I don't expect there is.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 25 2018, 10:40 PM
Post #9


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,353
Joined: 9-August 06
Member No.: 6



QUOTE(foolery @ Nov 25 2018, 09:22 PM) *

I believe this is what you’re referring to re. CSS…?


Uhm... yeah. Sort of. It's CSS with numbers for each declaration within a rule printed out. Where the heck did you get that? And it's probably not all of it. I guess WE saves everything to a special folder. Look there for files with an .css extension. The HTML refers to two style sheets.
preview_g.css
preview_002_p.css
They should be found in the same folder as the HTML.

I'll take a look at what we have so far.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 25 2018, 10:47 PM
Post #10


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,353
Joined: 9-August 06
Member No.: 6



No, afraid that snip of CSS isn't enough. There is no background image in it for instance. We need the real stuff.

Chance is we can't help you very much anyway. Not unless you are willing to rewrite the page by hand. As I said to Darin, I don't think WE can be made to do things the way one wants them done and even if it is we don't know how. Do you know of any such settings?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
foolery
post Nov 25 2018, 11:32 PM
Post #11





Group: Members
Posts: 9
Joined: 24-November 18
Member No.: 26,762



Okay, will glean through my folders and try to fins *.css files to attach asap...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
foolery
post Nov 25 2018, 11:46 PM
Post #12





Group: Members
Posts: 9
Joined: 24-November 18
Member No.: 26,762



Not asking you guys to keep at this any longer than you care to do so, but am responding here to explain what I’ve been doing to try to find this info. WE resides in the Avanquest Software folder on my OS drive. So, I did a search of that for *.css with nothing resulting. Within that folder are Subfolders named: Audio, Clipart, Documents, Favorites, Frames, Multimedia, Notes, Objects, Photos, Skins, Spellcheck, Stencils, Storage, Styles, Templates, Textures, Website Add-on, and Website Host (then a mess of loose files of various names within the main WebEasy Professional 10 folder). None of these hold ANY *.css files although the Documents folder has a subfolder named “HTML” but these files are all tutorials with ALB and JPG extensions. When I started designing this site I sued WE’s defaults for saving so I would have thought everything related to these pages would be in these folders… but apparently not.
I sent an e-mail to Avanquest’s support and will contact them this week. If I learn anything, I will repost the info for your edification… Thanks again.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 26 2018, 02:30 AM
Post #13


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,353
Joined: 9-August 06
Member No.: 6



You said you previewed the page in Chrome. Do that again and look at the addressbar. The path to the folder where the HTML is will be there. Only turned into an URL with forwards slashes rather than left tilted Windows slashes and prefixed with file:/// .

Like I have a folder on my desktop called TEST. In it I have a file called test.html. If I open that in Chrome, this will be on the address bar.
CODE
file:///C:/Users/user/Desktop/TEST/test.html

So the path to that file is...
CODE
C:\Users\user\Desktop\TEST\test.html





User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Nov 26 2018, 03:52 AM
Post #14


.
********

Group: WDG Moderators
Posts: 8,206
Joined: 10-August 06
Member No.: 7



QUOTE(pandy @ Nov 26 2018, 04:40 AM) *

QUOTE(foolery @ Nov 25 2018, 09:22 PM) *

I believe this is what you’re referring to re. CSS…?


Uhm... yeah. Sort of. It's CSS with numbers for each declaration within a rule printed out. Where the heck did you get that?

Looks like Chrome's Developer Tools (with the "user agent stylesheet" and "inherited from" parts).

Anyway, the HTML indicates that the CSS files are in the same folder as the HTML files:

CODE
<link rel="stylesheet" href="preview_g.css" ...
<link rel="stylesheet" href="preview_002_p.css" ...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
foolery
post Nov 26 2018, 12:12 PM
Post #15





Group: Members
Posts: 9
Joined: 24-November 18
Member No.: 26,762



How you guys know this stuff impresses... Anyway, obviously you were correct and I found the folder through the temp URL. However the only HTML and CSS files there refer to the INDEX page (the home page, right?). Will sending you those give you perusal access to all the pages...? I can certainly send a list of all the files in there (most are images and stuff used on the site which I wouldn't send but there are maybe twenty other files (htm, preview p.css, css, etc.).?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 26 2018, 01:34 PM
Post #16


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,353
Joined: 9-August 06
Member No.: 6



QUOTE(foolery @ Nov 26 2018, 06:12 PM) *

Will sending you those give you perusal access to all the pages...?


No, we can't access files on your computer. It's enough if you find those two CSS files that the HTML you pasted refers to, preview_g.css and preview_002_p.css .

If you often have problems finding files, download the freeware Everything. It's small, super fast and really good. Much better than Window's search feature. I use it daily.
http://www.voidtools.com/
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Nov 26 2018, 02:30 PM
Post #17


.
********

Group: WDG Moderators
Posts: 8,206
Joined: 10-August 06
Member No.: 7



QUOTE(foolery @ Nov 26 2018, 06:12 PM) *

However the only HTML and CSS files there refer to the INDEX page (the home page, right?). Will sending you those give you perusal access to all the pages...?

One CSS file can be used by as many web pages as you like, as long as each web page's HTML file links to it. In fact a simple and efficient method is to use a single CSS file for common styling of all pages (like site themes or navigation menus), with more CSS embedded in individual pages that require special styling (say a contact form).


User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Nov 26 2018, 02:58 PM
Post #18


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,353
Joined: 9-August 06
Member No.: 6



HTML documents can refer to CSS documents. But CSS documents don't refer to the HTML documents that use them.

Anyway, the CSS files you need are in the same folder as the HTML you posted. Maybe there are sub folders in the folder where the index.html is?

Or use Everything, wait for it to do the indexing the first time you use it (a matter of seconds), type the name of one of the CSS files and voilà!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
foolery
post Nov 26 2018, 05:45 PM
Post #19





Group: Members
Posts: 9
Joined: 24-November 18
Member No.: 26,762



QUOTE(pandy @ Nov 26 2018, 01:34 PM) *

QUOTE(foolery @ Nov 26 2018, 06:12 PM) *

Will sending you those give you perusal access to all the pages...?


No, we can't access files on your computer. It's enough if you find those two CSS files that the HTML you pasted refers to, preview_g.css and preview_002_p.css .

If you often have problems finding files, download the freeware Everything. It's small, super fast and really good. Much better than Window's search feature. I use it daily.
http://www.voidtools.com/


Will download and run Everything tonight. Until then am hoping the attached files are the two to which you referred...


Attached File(s)
Attached File  preview_g.css ( 1.93k ) Number of downloads: 402
Attached File  preview_002_p.css ( 3.81k ) Number of downloads: 390
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
foolery
post Nov 27 2018, 01:42 PM
Post #20





Group: Members
Posts: 9
Joined: 24-November 18
Member No.: 26,762



Wow! Everything works unbelievably fast!

So anyway, I see three folks downloaded the files I posted. Did you find anything interesting...? I am in queue right now with Avanquest to talk to one of their support people.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

2 Pages V  1 2 >
Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 24th August 2019 - 04:04 AM