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)
Well, maybe you answered your own question, why not WYSIWYG?
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?
make that "into..."
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.
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.
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;
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?
Okay, will glean through my folders and try to fins *.css files to attach asap...
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.
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.
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.).?
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à!
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.
Sorry, but I don't get much out of it. There are oodles of linked images in the HTML, all positioned absolute. Don't see how they correspond to your screen shot. Could they be a menu?
I find a couple of background images for empty SPANs, also positioned absolute (instead of just using the background with the box they should be backgrounds for). But they are backgrounds for a top bar and side bar it seems.
I don't find any background that could be the one behind the text in your screen cap.
As suspected it's messy. I simply don't know how to make it better with WebEasy.
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)