HTML - Converting From Frames To Proper Layout!
Currently my website uses frames and no css. I need to update it, but I'm in a huge time crunch!!! (And don't know css and only know very very basic HTML)
I need my website to be functional (not in limbo) by next weekend, so it either has to stay how it is now (frames & older HTML) or be totally done by then. Is there anywhere that I can get help to do this automatically instead of waiting until later when I have way more time to learn it myself (that changes your code easily/automatically), or super awesome people who love HTML and will do it for me? It's a pretty simple/basic website and I would be SO so SO appreciative. Similar TutorialsHi everyone. I have a website (this one) which I made starting from a template. I modified it to suit, and learned basic html as I went, but I foresee a problem. The site is currently made up of a small enough number of pages that, when I have to change something in the left menu, or update the copyright notice on the bottom, or do any modification that doesn't involve the actual contents, I can do it in all the html files in a more or less automatic way with a text replacer and have done with it. This is, however, not an efficient solution, and requires reuploading every html page. Now, consider for a moment the layout of this site. There's a left frame with a menu, a top one with tabs, and the main center one with the actual contents. Clicking a link on the left will open the linked-to html page in the main frame. I would like my site to have the appearance it has now, with the frame layout of the other one. This way when changing the menu I'd only have to change and upload one html file, and I could write content without worrying about the rest of the page. I could just adapt the html from the example site and incorporate it in my own, but I've been told HTML frames are an inelegant and inefficient way of doing this, that they sometimes mess up the visualization, that they make it harder for search engines to index you and that I should do it with CSS instead (of which I know not a thing). I'd like your opinion on this before I start potentially wasting time adapting html. Also, whichever way I proceed, I would like to change the colour of the spacer and scroll bars from the ugly standard windows-grey to the violet/blue background colour of my site. Can this be done at all, and if so how? Thanks. I am having HTML page which also includes css. It works properly in firefox, but in IE the whole document is not get well aligned What changes should i have to make to view it in any browser. Thanks Hello, I'm currently hosting my website through another domain but am using a .com which forwards you to my site. Example; go to www.example.com and it takes you to www.bluered.com/example/main.html . The problem is that when searching through Google, it is not recognizing my .com name, only the hosting url. I attempted a Java 301 redirect which I applied to the body section of my HTML but I am not sure if it worked. This is the code I entered: <% response.setStatus(301); response.setHeader( "Location", "http://www.new-url.com/" ); response.setHeader( "Connection", "close" ); %> I replaced the "http://www.new-url.com/" with my .com name and placed this code in the code on my landing page. Can anyone give me some suggestions, tips? It would be greatly appreciated. Thank you I've heard many times "don't use frames, there is better ways to accomplish it", and I was wondering, is this just referring to "invisible" frames, or any frames? For example, look at Kingdom of Loathing. They use frames (or what appears to be frames) and I can't see how they could successfully make that site without. If I had to have all the screens scroll as one rather than separate, and couldn't resize when I needed to, it would be extremely annoying. So, frames are bad, or just the invisible ones? I am still unsure of the proper time to use <td>s <table>s etc. I have been getting into the habit of always useing CSS to format my pages. Will using <table>s make it any easier to make my web pages? Second, I was wondering if there are any good websites providing free help with Fireworks 8. I am not very good with it and want to learn more to make my sites more appealing. Thank-you. Nathan Hello, I'm writing .html text usully like: Code: <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="image" content="no" /> </head> But all website's syntax a Code: <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Language" content="en-us" /> <meta http-equiv="image" content="no" /> </head> Is there any software to make that ? Or i have type by hand everythink ? Hi, I'm writing a terms and conditions page in plain XHTML where we have lots of text along the lines of this: 1 Lorem ipsum intro to 1 1.1 More blurb goes in here 1.2 and a whole bunch of other stuff you can't do 2 La-di-dah here's section two 2.1 this that and the other I'd like to use nested ordered lists (OL tags), but we are quite rigid about the numbering in that the sub-sections must be x.x. This is so we can refer to them without any ambiguity. Getting the layout and positioning is no problem, but I don't see how to write this with OL tags. I tried using VALUE="2.1" in the LIs but this doesn't work. I'm assuming a list is the proper thing to use in this case, but I'm open to other ideas (DL maybe???). I am unsure which of the below methods of embedding a flash object into a web page is correct - and which is a deprecated method. Any help would be very much appreciated! Method one: <object width="800" height="480"> <param name="movie" value="Gallery.swf"> <embed src="Gallery.swf" width="800" height="480"> </embed> </object> -- Method two: <script type="text/javascript"> var flashvars = {XMLFile: "gallery.xml"}; var params = {bgcolor: "#000000"}; swfobject.embedSWF("Gallery.swf", "myAlternativeContent","800", "480", "9.0.0",false, flashvars, params); </script> <div id="myAlternativeContent"> <a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player"/> </a> </div> Hi, my name is Josh, and I'm fairly new to website design, so therefore, also a little new to HTML. I apologize in advance for the length of my post, but I feel I really need to be specific as much as possible. Let me be honest with you. I have very limited knowledge on the subject, but I am a quick learner. Anyway, I'm creating a directory on my website where the visitor would be able to clink on one of 51 links, aligned in 3 columns, to take them to a page listing businesses within one of the 50 states. The 51st link, of course, would be directing visitors to an international listing page. Then below the links for the different states, there is supposed to be 26 links, one for each letter of the alphabet, so the visitor can find a business by name. Following that, of course, would begin the listing of the businesses. Basically, I've been teaching myself HTML so far by viewing the source code of pages I visit, and I discover a basic idea of how to do different things with web design. Let me show you the format I've been trying to grasp with this project by giving you an example code. The following code places the links for the states all at the bottom, and also they are not aligned properly, as the first column appears higher than the second which is also higher than the third. I'm not sure I quite understand the way this code works, or what mistake I'm making with it. What I would actually rather do is have a code creating a drop-down box which the visitor would just select their option, and be directed to the requested page immediately, but I don't know how to do that either. At any rate, I do also need to figure out how to get those state-by-state links to appear at the top of the business listings instead of at the very bottom of the page the way it is appearing now with this code. If anybody could help me figure out what the heck I'm doing, I would really appreciate it. HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <!-- saved from url=(0063)[url]http://www.geocities.com/josh**************/connections.html[/url] --> <HTML> <HEAD> <TITLE>Connections</TITLE> <body background="http://www.geocities.com/clipart/pbi/backgrounds/Template_Pages/aboutme_techie_bg2.gif" bgcolor="#000000" link="#ff0000" vlink="#ff00ff" text="#00ff00" > <table border=0 cellspacing=0 cellpadding=0 width=650> <tr valign="top" align="left"> <H1><A name=top>Connections</H1></FONT></A> <P><IMG height=4 src="" width=500></P><FONT color=#0000ff> <H2>Welcome to...</H2></FONT> <tr valign="top" align="left"> <td colspan=1 height=750></td> <td align="left" colspan=3 rowspan=1 width=639><p><b><i><u><font color="#7F7F7F" face="Arial Black" size="+1"><A href="http://www.geocities.com/josh**************/alabama.html">Alabama</A><br><A href="http://www.geocities.com/josh**************/arizona.html">Arizona</A><br>...</font></b></i></u></td> <td colspan=2 height=750></td> </tr> <tr valign="top" align="left"> <td colspan=1 height=750></td> <td align="center" colspan=3 rowspan=1 width=639><p><b><i><u><font color="#7F7F7F" face="Arial Black" size="+1"><A href="http://www.geocities.com/josh**************/kentucky.html">Kentucky</A><br><A href="http://www.geocities.com/josh**************/louisiana.html">Louisiana</A><br>...</font></b></i></u></td> <td colspan=2 height=750></td> </tr> <tr valign="top" align="left"> <td colspan=1 height=750></td> <td align="right" colspan=3 rowspan=1 width=639><p><b><i><u><font color="#7F7F7F" face="Arial Black" size="+1"><A href="http://www.geocities.com/josh**************/northcarolina.html">North Carolina</A><br><A href="http://www.geocities.com/josh**************/ohio.html">Ohio</A>...</font></b></i></u></td> <td colspan=2 height=750></td> </tr> <P><A href="http://www.geocities.com/josh**************/connections.html#A">A</A> <A href="http://www.geocities.com/josh**************/connections.html#B">B</A>...</P> <P><A href="http://www.geocities.com/josh**************/connections.html#N">N</A> <A href="http://www.geocities.com/josh**************/connections.html#O">O</A>...</P> <P><A href="http://www.geocities.com/josh**************/home.html">Return To Home Page</A></P> <FONT color=#00ff00> <H3>13AD LUC ENT</H3> <ADDRESS>12341 Nellis Street, Springfield Gardens, NY 11413-1440</ADDRESS> <ADDRESS>718.807.8811</ADDRESS>... <H3>Zoom Records</H3> <ADDRESS>19 Embarcadero Cove, Oakland, CA 94606</ADDRESS> <ADDRESS>510.535.9666</ADDRESS> <P><A href="http://www.geocities.com/josh**************/connections.html#top">Return to Top</A></P> <P><A href="http://www.geocities.com/josh**************/home.html">Return to Home Page</A></P> </BODY></HTML> As you can see, my knowledge of HTML is pretty basic, and I'm sure you can tell that I tried to abbreviate this excerpt code as much as possible to conserve space on this post. I placed three dots "..." in many places to signify where large irrelevant portions of the page have been omitted, especially where I eliminated the thousands of business listing codes...lol. It may also have not been necessary to provide as much of the code as I did, but I just wanted to make sure that what I need is understood so perhaps I can get some help. Thank you everyone in advance for your assistance... Hello- A quick question for those in the know: Is it considered "proper" to put multiple between words to space them out, or is another method preferred as the "correct" way to do it? I've used tables and transparent 1x1 .gifs for spacing as well depending on the page, but there are a number of times where it's just easier to lay about ten or fifteen nbsps in there till the text is nudged over where you need it and be done with it. Makes for an ugly source, but seems to work fine. It seems to render properly doing it this way, at least in IE and Firefox, but is it still kosher to do so? Or is everything "proper" supposed to be done with style sheets now? Thanks, Hello, I just recently started "cutting up" a website layout in Photoshop and coding it in Dreamweaver. Though I am aware that CSS would be best for doing this, I am still choosing to use a table for the layout. My question is, what is the proper way of hand coding a table? Mind you, this is a fairly complex table with many rows and columns and cells of all kinds of sizes. I used Photoshop to export the code and then went in and changed what I needed to. Photoshop uses spacer gif's in their table code. I'd like to try hand coding the table so that I don't have to use spacer gif's and then I'll be able to edit the table later on, more easily (to change the bottom layout, but keep top navigation on all pages.) Right now, with the spacer gif's I can't add any cells without the whole layout falling apart. I'm just looking for good code for building complex tables (coding by hand). Thanks! Here's a link to the site I'm working on: http://www.matthewpavkov.com/dtim/index.html hey, i was wondering if anyone know how to convert: sample.mp3 to <p><a href="sample.mp3">sample</a> I have embedded yahoo mp3 player into my website...but it requires that each mp3 be linked in this way. Since I have multiple songs, I think it would be much easier if I were to paste a list of the song names to a textedit file, then somehow make them say <p><a href="sample.mp3">sample</a> thanks for reading my post How do I go about converting an .htm file into a .rar? Or can you do that? How to change this table Code: <SELECT id=SelectPeriod style="FONT-SIZE: 11px; WIDTH: 250px; FONT-FAMILY: Tahoma;background:#cccccc;" onfocus="SetVisibility(Find('TrPrice'), 0);" name=SelectPeriod> <OPTION value="" selected dOption="">Избери</OPTION> <OPTION value="1" dOption="100">Да</OPTION> <OPTION value="2" dOption="4">Не</OPTION> </SELECT> to radio buttons Hello, wondering if someone can help me on the following: I am trying to convert a list of links over 350 collected over the years into html. The data is in text in the following format, <link title> "/" <actual http link> "/" <description> I could type each link into html but there is got to be a way to do it automatically.. since it is already formated in a text file with a clearly defined delimiter. Any ideas?? Thanks in advance for any ideas. Hello everyone, Nice to join a forum for the first time and hopefully this will add extra help when I'm working on my development projects. I have a web site of my own using HTML transitional, but am planning to go from HTML to XHTML strict in the near future. Since the site holds over 3500 pages, it would not be feasible to upgrade every single page. Is there a free program or a web service that can do that job? Im in the midst of converting my new CMS (phpnuke) into a css div layout rather than a table layout because the site has a rather slow loading time. Well, I got the header done nice, and then the footer, but I don't understand how the body structure works... I'm having a bit of a hard time trying to figure out how to get the body flowing nicely. to top it off, I want to move everything over to the left (all the blocks) and I did so in the admin panel, however some blocks still show up on the right (ie- rating blocks and such) and these blocks dont show up in my admin panel. Just a whole lot of questions and could use extensive help from anyone with cms experience. Thank you! http://www.pzproductions.com/home I'm converting my webpages from a .html file to a .shtml file because I'm using SSI in the page. Now, can I just change the file type or do I have to do other stuff to the file? Thanks Gentlemen: I am new to both Html & Xhtml. Can anyone recommend a freeware editor for Xhtml & a conversion tool for Html to Xhtml? |