|
HTML - Html Auto Formatting?
Ok.... I know this is my first post, and I wasn't quite sure where to post this, under html or scripting, but here goes. I run a website wherein I provide translations for Spanish lyrics. My layout is fairly straightforward, but I spend about 3/4 of my time formatting. Check out the following:
http://thelandofoz.us/laposadadelosmuertos.html I have to insert all of my code by hand. My question is, is there anything that I can do to streamline this process? Is there perhaps a way to use a script to dynamically generate code like this from a plaintext file? When I do one of these pages, I usually copy the lyrics verse by verse, then translate them verse by verse like this: Alza tu cerveza, brinda por la libertad, bebe y vente de fiesta, pues el Infierno es este bar. Raise your beer, toast to freedom, drink and come to the party, for hell is this bar. SO... is there any way to make this easier on me? Similar TutorialsHi Guys, Does any body know where in html you can change auto-formatting on or off Because previsouly i had turned it on and when i press ctrl + a then ctrl + X and then repaste the code HMTL would automatically format it.... This would be really handy if some one can tell me please... Thanks. Hi, I made a webpage using dreamweaver 8. When i preview the page in firefox it has not problems in design layout of the page but when i view it in IE it breaks the design format and is messed up. Can anyone guide me as to why it would do it and how i can fix it? Also, when i try to display some text in Chinese, it shows random characters. I changed the fonts in internet options to display Chinese but it didn't work. I have viewed Chinese websites and they i didn't have any problem in seeing the text. Any reason or suggestion as to why it would do this? I would really appreciate any help on this, Thanks, Hi, I have an unusual problem. I am linking pages for my website, and I am sure that I have the formatting correct, but for some reason, when I reference my page (which is in a different directory) from a page within my root web folder, the formatting is gone. I am currently using simple html. My reference is as follows from my page within the root directory: <a href="/directory/directory/page.html">Text</a> The page works perfectly fine when it is in the root directory, but as soon as I move it to the other directory "/directory/directory" the background color and header formatting are gone. I still have my tables in place, but everything else is messed up. Ideas? Help? I am trying to use a google custom search box on a website that I am making and I'm trying to integrate it nicely into the header. No matter what I try though, I can't seem to get the form box to sit in the center of the cell! I have tried formatting the form field, the form itself, the cell, and I haven't found any way to get it to line up with the text. Any insight would be appreciated http://kristybrandon.freehostia.com Hi All, Here is a small html file I have written. This is not formatting correctly in browser. Width is not recognised by browser. Thanks in advance for your help. Regards, Pratap Tripathy ---------------------------------- <html> <head> <TITLE>Analytical Method Report</TITLE> </head> <body> <center><p><b><u>Analytical Method Report</u></b></p></center> <table border=1 width="700px"> <tr> <td width="10px"> </td> <td width="80px">Method</td> <td width="10px">:</td> <td width="500px">11111111111111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111222222222222222222222222222222222222222222222222222222222222 2222222222222222222222222222222222222222222222222222223333333333333333333333333333333333333333333333 3333333333334444444444444444444444444444444444444444444444444444444455555555555555555555555555555555 55555555555555<</td> </tr> </table> </html> ---------------------------------- Hi, I added a rich text editor into my html page for text area fields, let us say description field. The user enters the text, modify its color, changes its size and fonts... The value saved for this field in the database is: <font color="#ff00ff">description text </font> and is showing as it is on the screen. If I look at the source code of the page, I notice the following: <font color="#ff00ff">description text </font> The problem is that, there are two conversions happening: < Converted To < > Converted To > How should I avoid this conversion so that the description text appears in its right format taking into consideration the html tags. Note: in the head of the page, I have the following: <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> I would appreciate any help. Best Regards, Lara Hi all, I've been scouring the net for the past week+ looking for proper techniques to format a site using div tags. I found loads of general information, but nothing practical for me. I'm really not html savvy by any means and I used absolute position div tags to put this page together. I would love to know the proper way of formattting a site. To view the page and source code, you're welcome to take a look he http://tbsnyder.com/siteSetup Basically, what it is, is a huge section of AP div's and then a section of the div id's displaying all of the text/images, etc. For every div tag defined in css, there is the text/images that go with it underneath. I'm sure this is the wrong way to format a site, but it's the only way I know how to since I don't know html very well. If it would be easier to view by having the site on your desktop, I could upload a zip containing everything I would really appreciate any assistance that anyone could give me. edit: something I forgot to add is that one of the reasons I would like to properly format this page is to allow the content to auto-center as the user drags the browser window open. Right now, everything is stationary due to the AP div tags...I tried a few solutions, but everything seems to get overridden by the AP div's. I know CSS is useful for many many things. But I am trying to optimize my website as i'm designing, that way I don't have a giant project once i'm done. Here is my question: What would have a faster load time: Code: <html> <head> <LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen> <title></title> </head> <body> <div id=bold>Hello!</div> </body> </html> or: Code: <html> <head> <title></title> </head> <body> <b>Hello!</b> </body> </html> Below is my simple table from a more complex table. The issue I am having is the first <td></td> is variable height. In my second <td></td>, "abc" should be at the top in that <td> and "def" should be at the bottom in that <td>, leaving some <void> space in the middle which will shrink or grow based on the first <td> height. Any tag(s) can be used inside is the second <td></td> Any suggestions? Thanks Code: <table>
<tr>
<td><br><br><br><br><br><br><br><br></td>
</tr>
<tr>
<td>
abc
def
</td>
</tr>
</table>
Alteast, I think it's a HTML website i'm reading from: http://nw4.novaworld.net/bhd_3_list.lob?page=2 I'm quite lost here, I tried several things, done some searching here and there, and just cant figure it out. I'm not sure if what I want is possible with HTML, if it isnt, please move this post to the appropriate section, thanks. What I want to do is make somesort of a 'Serverstatus block', with some help from the website I posted above. I sometimes host a server in that game, and then it shows up on that website with Game Name, Gametype and Players. Now I want to format that info into a nice statusblock... Though it's not just me hosting a server, there's more people hosting for the same name. I only want that statusblock to get the info only if there's a server with Game Name that contains 'P4F', else it should say 'Server Offline'. I want the info formatted like: Server Name: (namehere) Gametype: (gametypehere) Players: (playershere) I just cant figure this out... I do have some basic HTML knowledge, I know how to format text like that, but I dont know how to read from that website... Could anyone give me an example, tip or website that holds the easiest way to do this ? Thanks in advance, VipleX Is there a way to have my 'website' display the website description directly to the right of the navigational buttons?? Right now my website is displaying the website description directly under the navigational buttons to the right and I want it to display the website description on the same line as the navigational button.... Here is my code: Code: <HTML> <head> <body style="background-color:black"> <title>Zahn Logics</title> <h1 style="text-align:center; color:#ffffff"><u>Zahn Logics</u></h1> <table border="1" width="15%" cellpadding="0"> <td bgcolor="#ffffff" style="text-align:center"> <a href="http://www.zahnlogics.com/philosphy" style="color:red;font-size:20px"> Philosophical Ideas</a> <br /> </td> </table> <table border=1" width="15%" cellpadding="0"> <td bgcolor="#ffffff" style="text-align:center"> <a href="http://www.zahnlogics.com/movie_reviews" style="color:red;font-size:20px"> Movie Reviews</a> <br /> </td> </table> <table border="1" width="15%" cellpadding="0"> <td bgcolor="#ffffff" style="text-align:center"> <a href="http://www.zahnlogics.com/music_reviews" style="color:red;font-size:20px"> Music Reviews</a> <br /> </td> </table> <table border="1" width="15%" cellpadding="0"> <td bgcolor="#ffffff" style="text-align:center"> <a href="http://www.zahnlogics.com/quotes" style="color:red;font-size:20px"> Quotes</a> <br /> </td> </table> <center><table border="1" width="30%" cellpadding="5"> <td bgcolor="#ffffff" style="text-align:center"> <p style="align:center">This website will include philophical idea's, music reviews, movies reviews, funny sotries, and much more! Please visit the site for frequent updates and changes. There is a lot for you to learn and a lot for me to teach, and a lot for me to learn and a lot that YOU can teach!</p> </td> </table></center> </body> </head> </HTML> any help will be appreciated, thanks! Hey guys, so, I'm having some problems creating HTML newsletter emails in Outlook 2003, whenever the newsletter is viewed in a browser it works fine, the layout stays the same and everyones happy. However, when this is put in an email as HTML text the format completely messes up. Does anyone know a way round this? I've tried importing it into Word and saving it, then copying and pasting it in but still no luck. Any help would be great! This might be a silly question but I have my dads resume posted on his site: http://artekengineering.com/ (and click resume button) It was done in word and saved as html. My question is is there a way to make the text a certain size (white space around it on the page) and static on the page instead of it resizing and filling the whole web page? Thanks I'm trying to make a small page that reads a CSV file (exported from excel) that gives me a list of my DVDs with an img that is a link to the file to start the movie. It actually works fine (needs some formatting tweaking), but as it is below, it lists the movies vertically (up & down). Anyone know how I can make it list them horizontally? For whatever reason I prefer it that way. Any help would be appreciated. I'm testing using IE btw. movies-test.html ===== <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> Graphical list </title> </head> <body bgcolor=#C0C0C0> <object ID=data classid="clsid:333C7BC4-460F-11D0-BC04-0080C7055A83"> <param nAme="DataURL" value="movies-test.csv"> <param nAme="UseHeader" value="true"> </object> <table CELLSPACING=25 datasrc='#data'> <tr> <td><center> <a href= <span datafld='location'> </span><img width=290 height=400 src=<span datafld='picture'></span> </a><br> <span datafld='name'> </span> <span datafld='time'></span> </center></td> </tr> </table> </body> </html> movies-test.csv ===== name,time,picture,location 8mm,123,C:/DVDs/images/8mm_cs.jpg,D:/8mm/video_ts/video_ts.ifo 12 Monkeys,131,C:/DVDs/images/12_monkeys_cs.jpg,E:/12_monkeys/video_ts/video_ts.ifo Thirteen Ghosts,91,C:/DVDs/images/13_ghosts_CS.jpg,E:/thirteen_ghosts/video_ts/video_ts.ifo 13th Warrior,102,C:/DVDs/images/13th_warrior_cs.jpg,D:/13th_warrior/video_ts/video_ts.ifo 16 Blocks,105,C:/DVDs/images/16_blocks_cs.jpg,H:/16_blocks/video_ts/video_ts.ifo Hi, I'm just learning html and I'm creating my website in Frontpage 2003. I looked in IE6 and my individual pages are exactly how I want them to look. However, viewing the same pages in Firefox presents me with a problem I'm not sure how to correct. It has to do with the center table. I originally copied and pasted the contents from Excel into the table (which I think was a mistake now). My workaround to this was copying and pasting the contents in the table into Notepad; and also shortening the length of each line; and then re-pasting the contents back into the table. It looks o.k. in Firefox but the alignment is no longer "justified". Can someone please tell me what I should be doing in the html code here? To see what I mean please open the link below in both IE and Firefox. http://www.prosperityteachers.com/ne...ew_thought.htm Much appreciated! Hi everyone, my first post here! I'm trying to develop a website to display weather. Its really quite simple; One computer runs some weather software which gets its data from a weather station, the weather software creates .jpg images of the data it receives and ftp's them every 60 seconds to a webserver that just has a simple html page displaying all of the 6 images on one page again refreshing every 60 seconds. This has been running for some time but I have recently been asked to include data from another computer that monitors tidal height. This computer also ftp's its data every 60 seconds to the same webserver but in a csv .txt file. I can display this txt file directly on the site in a iframe but its really badly formatted. What's the best way of formatting the data client side? I thought maybe with javascript, but its something I have never used before. thanks in advance, Nick Hi I have site it has windows media player embeded in it, it plays some live stream, I want page to load than stream to load it take about 5 seconds to load, I want html code to double click on windows media player so it will be full screen automatically without user doing it. Please help me Thank you. Hi I have a web site which captures visitors details currently using Formail, the online version. This ensures that all fields are entered and sends the information to me in an e-mail. The web site was created in Net Objects Fusion version 7. I have some web design experience but not that much. I can ammend HTML rather than start from scratch. I am testing a product called Salesforce.com which has the ability to capture leads and populates a contact management database which you use as a sales tool. This has the advantage of doing away with the e-mails, having to print them off and re keying the data into our current sales sytem. Salesforce.com lets you generate some HTML which you plug into your web site, which I have managed to do. However, it does not validate the fields so someone could leave everything blank which would then create a blank lead record in Salesforce.com. I have been told that i need to amend the HTML by hand but do not have a clue where to start. If anyone can either help me out with the HTML or suggest a better solution I would be very grateful. The HTML it has generated is below <!-- ---------------------------------------------------------------------- --> <!-- NOTE: Please add the following <META> element to your page <HEAD>. --> <!-- If necessary, please modify the charset parameter to specify the --> <!-- character set of your HTML page. --> <!-- ---------------------------------------------------------------------- --> <META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=UTF-8"> <!-- ---------------------------------------------------------------------- --> <!-- NOTE: Please add the following <FORM> element to your page. --> <!-- ---------------------------------------------------------------------- --> <form action="https://www.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8" method="POST"> <input type=hidden name="oid" value="00D2000000060Zj"> <input type=hidden name="retURL" value="http://www.withdeanfc.co.uk"> <!-- ---------------------------------------------------------------------- --> <!-- NOTE: These fields are optional debugging elements. Please uncomment --> <!-- these lines if you wish to test in debug mode. --> <!-- <input type="hidden" name="debug" value=1> --> <!-- <input type="hidden" name="debugEmail" --> <!-- value="stevematthews@utilitymatters.com"> --> <!-- ---------------------------------------------------------------------- --> <label for="last_name">Last Name</label><input id="last_name" maxlength="40" name="last_name" size="20" type="text" /><br> <label for="company">Company</label><input id="company" maxlength="40" name="company" size="20" type="text" /><br> <label for="phone">Phone</label><input id="phone" maxlength="40" name="phone" size="20" type="text" /><br> <label for="email">Email</label><input id="email" maxlength="80" name="email" size="20" type="text" /><br> Utility Spend:<input id="00N200000018UPJ" name="00N200000018UPJ" size="20" type="text" /><br> <input type="submit" name="submit"> </form> Kind Regards Steve Matthews Hi All, I want to autosubmit my file to google.com. Here is the code I wrote to execute it. Unfortunately output is not what is intended. I tried in IE and mozilla only. Basically I want the script to be browser independent Any help will be appreciated. Below is the code. My file name is autosub.html <HTML> <HEAD> <TITLE>My First JavaScript</TITLE> </HEAD> <BODY onload=""> <FORM NAME="search_Key" METHOD="post" ACTION="http://www.google.com" target="_top" id="search_key"> <p align="center"> Search value : <INPUT NAME="search_value" SIZE="10" MAXLENGTH="3" VALUE="spiderman"></p> <INPUT type="submit" value=Go> </FORM> <SCRIPT LANGUAGE="JAVASCRIPT" TYPE="TEXT/JAVASCRIPT"> <!-- document.write("I love JavaScript"); //--> function myautosubmit() { document.pnr_stat.submit(); document.write("I love JavaScript2"); } </SCRIPT> </BODY> </HTML> When open my autosubmit.html, browser shows "I love JavaScript2" only. Thanks in advance hi guys below is my css code and html code respectively but id doesn't work in mozila the height of outer div and few more divs doesn't increase automaticaly , please help //////////css code //////// * { padding: 0em; margin: 0em; } body { padding: 35px 0px 35px 0px; } #upbg{ position:absolute; text-align:left; margin:0 auto; width: 100%; height:20px; z-index: 1; left: 0px; right:0px; top: 0px; background-color:#434343; } #outer{ position:relative; margin:0 auto; width: 901px; border:1px double #FF0066; background-color:white; z-index: 1; } #container{ position:relative; width: 901px; background-image:url('images/bg2.jpg'); background-repeat:repeat-x; z-index: 1; } #image{ width:30%; float:left; position:relative; } #contect12{ width:69%; float:right; position:relative; left: 6px; top: 0px; } #Contentcontainer{ position:relative; padding-top:10px; width:55%; left:7px; padding:5px; float:left; z-index: 1; } #contect1{ border: 3px groove #000000; width:100%; position:relative; background-image: url('images/2.jpg'); background-repeat: repeat-x; left: 3px; } #lmnu{ position:relative; width: 895px; z-index: 1; left: 0px; } #lMenubar{ position:relative; width: 20%; padding:5px; float:left; z-index: 1; left: 0px; } #lmenu{ width:100%; position:relative; padding-top:10px; } #RMenubar{ position:relative; width: 20%; padding:5px; float:right; z-index: 1; left: 0px; } #rmenu{ width:100%; position:relative; padding-top:10px; } #header{ width:901px;; position:relative; left: 0px; top: 0px ; margin-bottom:2px; } #menu{ position:relative;border-width: 1px; border-color: #666666; width:901px; height:31px; background-image: url('images/1.jpg'); background-repeat: repeat-x; left: 0px; top: 0px; border-bottom-style: solid; } .td { background-image:url('images/1.jpg'); height:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#990033; font-weight:normal; background-repeat:repeat-x; border:2px silver groove; } .td2 { background-image:url('images/1.jpg'); height:30px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#990033; font-weight:normal; background-repeat:repeat-x; border:2px lime groove; } //////////// Html Code //////////// <!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 content="en-us" http-equiv="Content-Language" /> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Rishabh Arts ,Art of Making Confident People</title> <link rel="stylesheet" type="text/css" href="default.css"/> </head> <body> <div id="upbg"> </div> <div id="outer"> <div id="header"><img src="1.jpg" /><img src="2.jpg" /></div> <div id="menu" style="left: 0px; top: 0px" ></div> <div id="container"> <div id="lmnu"> <div id="lMenubar"> <div id="lmenu"> <table style="width: 100%"> <tr> <td class="td" style="width: 169px" >Menu 1</td> </tr> <tr> <td class="td" style="width: 169px">Menu 1</td> </tr> <tr> <td class="td" style="width: 169px">Menu 1</td> </tr> <tr> <td class="td" style="width: 169px">Menu 1</td> </tr> </table> </div> </div> <div id="Contentcontainer"> <div id="contect1"> <div id="image" ><img src="rr.gif" style="float: left" /> </div> <div id="contect12"> skaydasid<br /> dasdgasd<br /> asdgasdas<br /> dasdhas </div> </div> </div> <div id="RMenubar" > <div id="rmenu"> <table style="width: 100%"> <tr> <td class="td2" >Menu 1</td> </tr> <tr> <td class="td2">Menu 1</td> </tr> <tr> <td class="td2">Menu 1</td> </tr> <tr> <td class="td2">Menu 1</td> </tr> </table> </div> </div> </div> </div> </div> </body> </html> |
|||||||