|
HTML - Wysiwyg Or Hand-codin' ?
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. Similar TutorialsI 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. 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? Hello. =) 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! 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? 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? Hello, I have following div tag where I have a need to change the mouse pointer to a "hand" when it loads. However, this works perfectly fine on IE, but does not work at all on FF. <div id="Div1" class="panel" style=" cursor: hand; margin-right:0.5%; margin-bottom:0.5%;" onclick="javascript:window.open('img_1440.html', '','width=600px,height=400px');" > Please help Thanks, Ruchir Hi all, I'm having some trouble getting my website complete enough to be up and running. I can put up 1 page, but visitors would have no way to navigate my site. I'm new to HTML and know a little bit. I've read up on a few tutorials, but nothing that talks about navigation. does HTML even do this?, or is this a CSS or JavaScript thing? I'm new to this and would really appreciate the help. Thanks a million. -Andrew Hi all, Im afraid im getting a little frustrated. My fault.. Im new here but need your help. I run a forum, phpbb3 based but the style im currently using is very much HTML based. I am looking to have a left hand column within my forum but really dont know how to do it, well to add to what i already have. I think for you to know what style docs i have you would have to have a look yourself or look at my existing source code.. http://www.pricelessparrots.com/phpbb3/ Ok i have the new style ' VistaX '. This link will take you to the original download: It can be found he It seems this style is mostly created using HTML. Could someone please tell me how to add a left hand column to the page. I would like it to be on the left hand side all the way down after the header. I thought i would have a go at it but becoming increasingly frustrated with it. such a simple thing but i cannot get it. Do i float it, using css or what? I thought about using a seperate page to create the table and then include it into the doc but this doesnt work either. Plz help.. Paul Im trying to figure out how to make my page borders absolute. So that the text I enter is forced to the next line and the table expands to accommodate whatever text is entered. Instead, whats happening is the page is expanding to the right, to accommodate the excess text. I've not messed with any html in a long time, used to be I could just use nested tables to accomplish this but no longer. I plan to use this code for an ebay store template so trimming the text or manually splitting it from line to line isn't an option. if anyone could help me or point me in the right direction so I can fix this or learn how to fix it It would be much appreciated. page in question is located here surrenderyourwings(dot)com/layout(dot)html http://surrenderyourwings.com/layout.html a fragment of the code is shown below, <form id="frmmain" name="frmmain" method="post" action="index.php?page=login"> <!--<form id="srch" name="srch" onsubmit="return blockSubmit();">--> <td valign="top" style="padding:4px;text-align:center;height:50px;margin:0 auto;"> <input style="height:20px;background:none;color:#fff;border:1px solid #fff;width:160px;" type="text" value="<?php echo 'Enter WinkedAt code here.';?>" name="wa_id" id="wa_id" onclick="javascript:document.frmmain.wa_id.value=''" onmouseover="return onMouseOver2('You must <a href=index.php?page=login>Login</a> first to add WinkedAt code or <a href=index.php?page=Signup>Sign-up</a> for a free new account.');" onmouseout="onMouseOut2();" /> </td> <td valign="top"> <input type="hidden" id="my_id" name="my_id" value="<?php echo $my_id;?>"/> <input type="hidden" name="error" value="<?php echo $error;?>"/> <input type="hidden" name="msg" value="<?php echo $msg;?>"/> <input style="border:none;" type="image" src="<?php echo _DEFAULT_TEMPLATE_PATH;?>/images/goarrow.png"/> </td> </form> but when i validate it, it prompts errors such as these --document type does not allow element "td" here --Attribute "name" exists, but can not be used for this element. i tried putting divs but still the error prompts..what did i overlook? Hi, Does anyone know how to turn keep an image input type as well as keep have the ability that when you hover over the image you have the hand cursor. In addition its using post method to go through. My goal is to do it without using the A HREF or it wont work. Currently doing: <input type="image" src="images/graphics/art" > What I want to do: <input type="image" src="images/graphics/art" onMouseOver="cursor:hand" > Thanks. I wanted to get my background image in the center of my page. The Html code I'm using is as follows. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> <!-- body { background-color: #FFFFFF; background-image: url(http://i14.photobucket.com/albums/a3...HomePage.jpg); background-position:center; background-repeat: no-repeat; } --> </style></head> <body> </body> </html> When i do it. Half the image dissappears at the top of the page. Can anyone help? Just so you know I am new to all of this stuff. I have been arranging a web site for myself, as a project to learn from. I made myself a nice title/banner picture for my site and would like to align it to the very edge of the page(top/left/right). There are a few PX as a boarder, this is what I DO NOT want. I have it as a larger sized image then I'm displaying at the moment. And was hoping that I might be able to have it stay aligned at all times( If user changes the window size, or their window is large or small, etc.), and have this image be "fixed" at the top (there no matter how far down the user scrolls). I do not know if this should be in the .html or in the .css portion of my page, at the moment it is in the .html . ***A close example of what I want would be the top of htmlforum.com. The title banner boarders the entire top edges of the frame... except the "pic" does not go across the entire top, and the banner stays at the top.*** the code I'm using at the moment is: <img src="http://naluolapa.com/images/Titlepic2.jpg" width="1024px" height="126" alt="title banner, nalu olapa's domain" align="top" > This is a link to what I'm talking about and working on: http://www.naluolapa.com/home/HTML-2.html (yes, I do know that the page is full of errors in the displayed text, I'm more focused on the looks and style then the content at the moment.) I have google-ed many sites, and used lots of different sources for codes. Though none gave me what i want. so I decided to post on here, after looking through many threads too. Thanks for your time! Hi board members I've been hard at this for hours and can't get it working. Following the tutorial on facebook in order to specify the image which is associated with the page in question, my daughter's blog which I coded in notepad Please be advised the facebook links are not positioned where they will finally reside on the page. I have tried the iframe method first which doesn't have image control of this, then tried html5; and then the supa dupa xfbml methods. The latter two are called open graph. However ALL three methods return the rss icon image - so frustrating. The image I want to use is within their parameters and is in my images folder on level above the root. Can you please look at my code and shed some light on this. Note all of this code has been generated by their engine - copy/paste. the lines you are interested in are 11-16; 24-31 and 62 Good luck, Mal from Cessnock http://www.gouramidesign.com/portfolio.aspx#webdesign See that website, how it opens a lightbox type of thing, but wth the image on the left side and then a text on the right side ?What scripts does that website use? I currenty use prettybox, a jquery script, but I dont want to JUST display images, io want to have a website portfolio and thi sis EXACTLY what I've been looking for! |
|||||||