|
HTML - Are Wysiwyg Editors Bad? They Sure Do A Fine Job Screwing Up Text And Images
I'm using WYSIWYG, please look at my webpage he http://www.nwvisuals.com/
You'll notice that the text below the images gets all over the place if you (A) Have resolution that is not 1024x768 (B) Not in full-screen mode Which is really really bad for me. Should I fix it with basic HTML'ing? Is this the downfall of WYSIWYG editors? Similar TutorialsHello. =) I was wondering: is there an HTML editor that can create this layout (and other similar layouts) in WYSIWYG format, and by using DIVs?: I'm a complete beginner with HTML editors, but I'm intermediate with actual HTML code. For several years, I've been creating webpages by hand, WITHOUT using an HTML editor. That means I use my prior knowledge, type the code into NotePad, and then physically open/check/edit/refresh my pages as I go. Since I know a lot of code (and my typing speed is 65 words per minute), I always figured this method was faster (and less frustrating) than using an editor and going to File -> Edit -> Insert -> Table -> 4 Rows, 3 Columns. However, building pages by hand has a lot of negatives: I can't easily detect mistakes/typos; it gets very tiring; etc. So I really NEED to learn how to use HTML editors, and I want to start with something basic. When I say "basic", I want something that will allow me to create DIVs, iFrames, etc. -- in WYSIWYG format. I've used the following free HTML editors, and none of them let me make DIVs in WYSIWYG format : CoffeeCup HTML Editor Kompozer PageBreeze Microsoft FrontPage 2003 Amaya NotePad++ (as a side note, this program has so many options, I got confused/frustrated) I've been using tables to make my layouts for years, but I heard that's "incorrect" so I'm starting to use DIVs now. But, I'm still new to DIVs -- which means they really confuse me and I HATE THEM (? - why are there are SO MANY "float:" and "position:" rules?!! And unlike tables, DIVs don't automatically match the width of the text inside them! By default, DIVs stretch and fit the entire page width! AND, DIVs aren't any smaller than tables!!!). Anyway, since I'm new to DIVs, that means if I manually create them, chances are I'll get it wrong...so I have to keep checking/editing/refreshing the pages. Which is why I need a WYSIWYG DIV creator; it'd be great if I could draw a rectangle and the editor understands that, "Okay, this 'rectangle' is a DIV and she wants it in EXACTLY this spot". Most of the editors I listed above are free and/or so basic that I can't even add DIVs. All I can do is make a boring, one-color, one link class page. And I never saw "Insert: DIV" option anywhere, which means I'd have to type the <div> tags myself. And that's not saving me any time. So, that's my dilemma. I REALLY need to start using HTML editors, preferably one that's free, WYSIWYG, lets me "draw" DIVs, and allows me to switch between Visual Mode and HTML Mode (so I can see exactly how they made the DIVs). If anyone has suggestions or advice, please let me know! (By the way: you CAN mention programs that aren't free. Although I'm broke, I'll write them down until I can afford to buy them!) Thanks in advance! Hi all, I'm looking for a powerful but user-friendly text editor for HTML. One feature I especially need is the ability to use wildcards in both the search and replace strings. Any advice or recommendations? Thank you. Lance Hello. will someone offer some good HTML text editor? (Like Kate) but for windows? Thank you Hey, new to the forums, so please be kind I recently "inherited" a site that was created by someone else using a WYSIWYG, and am in the process of converting his table-based layout and other WYSIWYG monstrosities into lovely CSS and standards-compliant HTML. Only I'm having a slight problem. When I fixed the doctype (the one he used was incorrect), my right column got bumped all the way to the bottom of the page. It's definitely the doctype that caused it, but I'm not sure *why*. I'm using a three-column fixed-width CSS-based layout with a header and footer. The left column (which is the one having problems) and the footer are both navigation areas that use php (which I have zero experience with). The old version (with the working columns but the non-working doctype) can be found here, and the new version (with the non-working columns but the working doctype) can be found here. The stylesheet for both can be found here. I really appreciate any help, because I'm just pounding my head against a wall here. Thanks. ok i know it's rough but here the site - basically it runs fine in firefox, chrome, and latest safari and fine on mobile opera etc, but in ie 7 it completely screws the background box on a few tables on a all the pages pages: run this in ie 7: http://www.gospeldesign.co.uk/sb/ view it in chrome to see how it's meant to look, do you think it's something i'm doing in the css? i'm pretty new to this and only just started using css. thanks for any help. Hi All, im new here so go easy. this might be an easy answer. i am making this website and am positioning items around the site using div tags. the site looks just how i want it to in Firefox but when i open it in IE it has different sizes everywhere and does not match up. also i have a logo in the upper right of the site. how do i get this to resize when the browser size is changed? here is the sites code. <html> <head> <title>Maroondah Trailers</title> </head> <body BGCOLOR="807a7a"> <div style="background-image:url('pictures/bg.gif'); background-repeat: repeat; position: absolute; left: 0%; top: 0%; width: 16%; height: 97%;"></div> <div style="background-image:url('pictures/bg.gif'); background-repeat: repeat; position: absolute; left: 84%; top: 0px; width: 16%; height: 97%;"></div> <div style="background-color: White; position: absolute; left: 16%; top: 15%; width: 68%; height: 82%;"></div> <div style="background-color: ff3600; color: white; position: absolute; left: 16%; top: 15%; width: 68%; height: 4%;"></div> <div style="position: absolute; left: 60%; top: 3%; width: 30%; height: 40%;"><img src="pictures\logo2.gif"></div> <div style="background-color: black; position: absolute; left: 84%; top: 0%; width: .2%; height: 97%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 0%; width: .2%; height: 97%;"></div> <div style="background-color: black; position: absolute; left: 0%; top: 97%; width: 100%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 0%; top: 97%; width: 100%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 15%; width: 68%; height: .2%;"></div> <div style="background-color: black; position: absolute; left: 16%; top: 19%; width: 68%; height: .3%;"></div> </body> </html> heres what they both look like thanks alot Matt I've been customising templates on a CMS over time, mainly using a Mac for the editing side of things, but then checking on a PC with different browsers, of course. I carried out a few changes a while back and things looked fine in Safari, but not so fine when I checked them on IE7. An example: http://www.ukprwire.com/Detailed/Con...uk_11538.shtml Anyone know why the page is extra wiiiiide in IE, but fine in Safari? I've since checked it with Firefox and its fine with that one too. I have never used anything like this before, but is there a way to have a simple html tag set in a page to allow my client to simply type in nothing but text into a text file or box, then upload it via the file manager, and then it is displayed on the site? I guess it is borderline a Blog, but I do not wish it to be. Ideally, my client can just save a txt file and name it "update1" "update 2" etc. and they just keep stacking on each other. Im not sure if I can post the website address here and I hope admin will just erase the site name and not this whole thread. It is www.theoutdoorguys.net and you will see how the home page has updates that are very simple textual updates, yet, I have to be around every Saturday to update them. Seems like if I can have my client type into something and it posts on its own it would be ideal! thank you for any help you can give me. Jason I'm using WYSIWYG Editor by openwebware, and really, I think it's sort of dumb. I'm using it to replace the text editor but it's not working, well it works - but it doesn't submit data. I looked through the code and I saw it was only hiding the textarea id, and adding the WYSIWYG Editor where there is a hidden one, but as I stated above, it's not submitting data. Is there any fix for this? I have no access to source files. Hi Folks, Back in the day (circa 1995), I learned HTML by looking at the source code of some pages and then doing my own thing with the code I saw. This was OK just for simple pages, but that's was all I really wanted or needed. Then came family commitments, job changes etc., and I sort of left HTML behind. Now in my forties, I cycle a lot and want to do a webpage for my travels, with some photographs etc. I tried RapidWeaver, and it does produce some nice results. However, it's still someone else's template, and besides, any more than six pages on my site and it continuously crashes. Saving the document takes about twenty minutes each time, and so I postpone saving it until I've done say, two or three pages. Then it crashes, so I have to redo those pages... Not ideal. So I scouted around and found Flux 3.0. I have to say, it's an impressive bit of kit, but because I stopped using HTML a while back, there are loads of things there that I don't know: CSS and div to name but two. I think the only option for me is to learn (or "relearn") HTML, but all of the sites I've found from my google searches so far, are either for complete beginners, or else for people whose knowledge far exceeds mine. And a google search for 'Flux tutorial' isn't much help, either. Could someone please point me in the direction of an 'intermediate' tutorial, or else one that will help me to hone and update my skills to the point where I can hand code the entire site myself? Many thanks. I have a wysiwyg text editor on my site and I want users to be able to copy-n-paste clip art from their ms word docs into it and have it display on the web. Is there anyway to do that? <div id="myBox"> <p>4 Wheel Madness</p> <img src='sampleimage.png' width="65" height ="65" alt="img"> </div> What would i add to this to make the image go to the LEFT of the box, and then the text to go to the RIGHT of the box? ##### Text here, ##### Text here, ##### Text here, ^ Just like that Thank you for any comments Hello HTML experts; a nooby here. Searched for this and found tons of posts but none seemed to fit my question or fix my problem. To show what I am trying to do, I put all the details he http://www.sticksite.com/align/ Is there a solution that a nooby can understand? THANKS for your time! please, check http://members.dodo.com.au/~rouslan/...ite/index.html I need to know how to get rid off strange effect down the bottom and how do I make text and image aligned on the same "line", "level" e.g. image image text text text text text text text text image image text text text text text text text text image image text text text text text text text text image image text text text text text text text text I'm writing a blog posta nd I want to enter text and images. But when I do, the text and images appear next to one another and I don't want that. I want the text to come UNDER and ABOVE the image rather than on the side of it. Currently, I have: Code: <img src="/images/menu.jpg" alt="Menu" /> <p> </p><p> </p> <p> </p><p> </p> <p> </p><p> </p> Text Here As you can see, I have to enter a lot of manual paragraphs. Is there a better way of separating the text from the images hey ive been doing html a little while now and to move things around my webpage ive been using the <div> tag but when i change the screen resolution the images / words move to a different placee is there another way of doing it so they dont move if im adjusting the screen resolution somebody please help Has anyone else had any problems when using notepad to edit code created with an WYSIWYG editor such as Frontpage or Dreamweaver? In particular, making links, that are correctly coded, work? Something even odder, is that this problem only occurs on the index.html page. If I rename that page the links work just fine. I have asked this same question in other forums and no one seems to have a clue. Has anyone else encountered this or have any thoughts? Hey All, I would like to have a site similar to lol.com, in which the page changes upon every visit. I have been researching and i have found this : http://baremetal.com/gadgets/sequence.html It looks very cool, however i can't implement this, as i NEED to have their hosting, Gay! Anybody know of a random script thing i could use? I would be very gracious, I found a dhtml script, however it was not good enough, somebody could eaisily copy the source, which they wouldn't of been able to had they done the above URL^ Thanks all! |
|||||||