WebEasy 10 display, Why not WYSIWYG? |
WebEasy 10 display, Why not WYSIWYG? |
foolery |
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) |
foolery |
Nov 25 2018, 03:22 PM
Post
#2
|
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; |
Lo-Fi Version | Time is now: 24th April 2024 - 01:02 PM |