|
HTML - Html Text Formatting
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 Similar TutorialsI'm trying to apply simple formatting (i.e., bold, italic, etc.) to a scrolling text box on my site: www.soulsticemarketing.com/faq.htm Does anyone know how to do this? I have a very little task here and I can not figure out the best way to do it without using tables.... I will if I have to but I would rather not. below is a paragraph on my website: Rebuttal – They fail to mention that any taxes/bond use to buy Golden State Water Company will result in a reduction in water rates far in excess of any tax. See details in the Summary Flyer..... I want the the next line to go under the the word "They" (the first word after rebuttal) so the word rebuttal is just off on the left by itself. Here is the code of the paragraph: <strong>Rebuttal</strong> – They fail to mention that any taxes/bond use to buy Golden State Water Company will result in a reduction in water rates far in excess of any tax.... Thank you guys so much in advance I could really use the help! Hey all, I'm not sure if this goes here, but I believe my question is a combination of both HTML and perl (cgi script). I have a website with multiple forms, one being a text area. The user is going to copy/paste test from a file into that text area. The thing is, it has to keep the formatting, so whatever the user typed in the text area is EXACTLY what gets sent through the email. I have worked around this and when using the unix's mail client, i sent it as a content-type: text/enriched. this kept the formatting of the text area and still allowed me to bold some things on the email. What I WANT to do, is send it using Content-type: text/html but still keep the formatting in the text area. Hope this makes sense, thanks. This is the site in question: http://www.kzoo.edu/ultimate/home2.htm I'm pretty bad at HTML but I've been making due with various guides and such so if you're actually looking at the code it's probably really messy. -I'd like all of the links on the left to be fixed, so that scrolling down and such doesn't affect their movement. How could I do that? -I'd also like the "last updated" on the bottom to be fixed, but I'd also like it so that it's always on the bottom regardless of what resolution you're using. How could I do that? -Finally, I want to figure out how to enter text in a paragraph in the center of the page without affecting the location of the links on the left. I tried using the center tag and such, but it would create a new line and mess up the spacing on the left. Thanks. I want to replace the asterisks with numbers in superscript format - so instead of five asterisks I would just have a '5' on the upper right of the character the row of asterisks was adjacent to: http://episin.blogspot.com/2011/07/f...iological.html Thank you I every one I'm working on a page where the text is set up in HTML and I'm getting some pretty different results on different computers. This really is a 2 parted question. First if you would be so kind as to visit this page and tell me if the text is properly sized and formatted as to fill the areas between the images: http://www.reelectjusticecliffordtaylor.com/bio.html I've included a screen grab of what the text looks like on my PC when I see it live. at this link: http://www.johncliffordtaylor.com/text_example.jpg Second base on what I've seen up to this point I would like to know if there is a way to get the text to appear more uniformly in different browsers on different PC's. So far I'm just working with: body,td,th { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 16px; color: #2B24A6; (pretty much navy) } that are embedded right inside my page HTML page. So I'm very open to any ideas on how to get the text to appear more consistently across many computers and browsers. Thx for the help every one! John Here is my code: <!-- DT Centrepiece - files/permissionchecker.asp Version 1.0 --> <!-- DT Centrepiece - Connections/CP3.asp Version 1.0 --> <!-- DT Centrepiece - files/site.asp Version 1.0 --> <!-- DT Centrepiece - files/pagepermissions.asp Version 1.0 --> <!-- DT Centrepiece - files/settings.asp Version 1.0 --> <!-- DT Centrepiece - files/customcode.asp Version 1.0 --> <!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> <!-- DT Centrepiece - index.asp Version 1.0 --> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="shortcut icon" href="favicon.ico" /> <title>DT Centrepiece 3 - Home Page</title> <link rel="stylesheet" href="design/style.css" type="text/css" /> <!-- DT Centrepiece - files/menuconstructor.asp Version 1.0 --> <script type="text/javascript"> <!-- var time = 3000; var numofitems = 2; //menu constructor function menu(allitems,thisitem,startstate){ callname= "gl"+thisitem; divname="subglobal"+thisitem; this.numberofmenuitems = allitems; this.caller = document.getElementById(callname); this.thediv = document.getElementById(divname); this.thediv.style.visibility = startstate; } //menu methods function ehandler(event,theobj){ for (var i=1; i<= theobj.numberofmenuitems; i++){ var shutdiv =eval( "menuitem"+i+".thediv"); shutdiv.style.visibility="hidden"; } theobj.thediv.style.visibility="visible"; } function closesubnav(event){ if ((event.clientY <48)||(event.clientY > 107)){ for (var i=1; i<= numofitems; i++){ var shutdiv =eval('menuitem'+i+'.thediv'); shutdiv.style.visibility='hidden'; } } } // --> </script> </head> <body onclick="closesubnav(event);"> <a name="top"></a> <div class="skipLinks">skip to: <a href="#content">page content</a> | <a href="#pageNav">links on this page</a> | <a href="#globalNav">site navigation</a> | <a href="#siteInfo">footer (site information)</a> </div> <div id="masthead"> <!-- DT Centrepiece - files/sitetitle.asp Version 1.0 --> <h1 id="siteName">DT Centrepiece 3</h1><!-- DT Centrepiece - files/utility.asp Version 1.0 --> <div id="utility"> <a style="text-decoration:none">Welcome, Administrator</a> | <a href="manage.asp">Manage</a> | <a href="myaccount.asp">My Account</a> | <a href="logout.asp?continue=/cp3/index.asp">Log out</a> </div><!-- DT Centrepiece - files/global.asp Version 1.0 --> <div id="globalNav"> <img alt="" src="design/gblnav_left.gif" height="32" width="4" id="gnl" /> <img alt="" src="design/glbnav_right.gif" height="32" width="4" id="gnr" /> <div id="globalLink"> <a href='category.asp?page=Home+Page' id='gl1' class='glink' onmouseover='ehandler(event,menuitem1);'>Home Page</a><a href='category.asp?page=Home+Page+2' id='gl2' class='glink' onmouseover='ehandler(event,menuitem2);'>Home Page 2</a> </div> <!--end globalLinks--> <form id="search" action="index.asp"> <input name="searchFor" type="text" size="10" /> <a href="index.asp">search</a> </form> </div> <div id='subglobal1' class='subglobalNav'> <a href='index.asp?page=Home+Page'>Home Page</a> </div><div id='subglobal2' class='subglobalNav'> <a href='index.asp?page=DT+Browser'>DT Browser</a> | <a href='index.asp?page=Home+Page+2'>Home Page 2</a> </div> <!-- end globalNav --> </div> </div> <!-- end masthead --> <div id="pagecell1"> <!--pagecell1--> <img alt="" src="design/tl_curve_white.gif" height="6" width="6" id="tl" /> <img alt="" src="design/tr_curve_white.gif" height="6" width="6" id="tr" /> <!-- DT Centrepiece - files/breadcrumb.asp Version 1.0 --> <div id="breadCrumb"> <a href='index.asp?page=Home+Page'>Home Page</a> / </div> <div id="pageName"> <h2>Home Page</h2> <img alt="small logo" src="images/icon.png" height="48" width="48"/> </div> <div id="pageNav"> <!-- DT Centrepiece - files/sectionlinks.asp Version 1.0 --> <div id="sectionLinks"> <a href='#InternetNZ+treads+softly+on+bank+code'>InternetNZ treads softly on bank code</a> <a href='#Story'>Story</a> <a href='#Capsule'>Capsule</a> <a href='#Capsule2'>Capsule2</a> </div><!-- DT Centrepiece - files/relatedpages.asp Version 1.0 --> <div class="relatedPages"> <p><strong>Related Pages:</strong></p> <a href='index.asp?page=Home+Page+2'>Home Page 2</a> </div><!-- DT Centrepiece - files/customad.asp Version 1.0 --> <div id="relatedPages" class="relatedPages"> <!--Insert your custom website ad here. This ad will show under the related links. If you don't want to put an ad on your site, then simply delete the contents of this file. If you need this file back at any time, you can download it from our website. --> </div> </div> <div id="content"> <!-- DT Centrepiece - files/feature.asp Version 1.0 --> <div class='feature'><a name='InternetNZ+treads+softly+on+bank+code'></a><p><a href='deletecontent.asp?id=16&page='><img src='icons/delete_16.png' alt='' border='0' alt='Delete Content' /></a><a href='editcontent.asp?id=16&page='><img src='icons/documents_16.png' alt='' border='0' alt='Edit Content' /></a></p><a href='http://www.stuff.co.nz/4153156a28.html' target='_blank'><img src='http://www.fnbholdrege.com/media/Online1.jpg' alt='' width='280' height='200' border='0' /><h3>InternetNZ treads softly on bank code</a></h3><p><p> In a move that is likely to disappoint consumer advocates, InternetNZ has proposed only minor changes to a controversial banking code of practice that came into effect a month ago that could leave consumers footing the bill for Internet fraud. <br /><br /> The changes proposed by the non-profit society would mean that consumers could still be held liable for losses for Internet fraud, up to the value of any money in their account or their overdraft limit, if they accessed Internet banking using a computer that was not up-to-date with "any recent major security upgrades or releases".</p> <h6>[Via <a href="http://www.stuff.co.nz/" target="_blank">Stuff.co.nz</a>].</h6></p></div><!-- DT Centrepiece - files/story.asp Version 1.0 --> <div class='story'><a name='Story'></a><p><a href='deletecontent.asp?id=2'><img src='icons/delete_16.png' alt='' border='0' alt='Delete Content' /></a><a href='editcontent.asp?id=2'><img src='icons/documents_16.png' alt='' border='0' alt='Edit Content' /></a></p><a href='http://www4.webng.com/dtapplications/' target='_blank'><h3>Story</h3></a></h3><p>This is the new DT Centrepiece 3. This is a story.</p></div><!-- DT Centrepiece - files/capsule.asp Version 1.0 --> <div class='story'><table width='80%' cellpadding='0' cellspacing='0' summary='' align='center'><tr valign='top'><td class='storyLeft'><a name='Capsule'></a><p><a href='deletecontent.asp?id=4'><img src='icons/delete_16.png' alt='' border='0' alt='Delete Content' /></a><a href='editcontent.asp?id=4'><img src='icons/documents_16.png' alt='' border='0' alt='Edit Content' /></a></p><p><a href='http://www4.webng.com/dtapplications/' target='_blank'>Capsule</a></p><p>This is the new DT Centrepiece 3. This is a capsule.</p></td><td><a name='Capsule2'></a><p><a href='deletecontent.asp?id=5'><img src='icons/delete_16.png' alt='' border='0' alt='Delete Content' /></a><a href='editcontent.asp?id=5'><img src='icons/documents_16.png' alt='' border='0' alt='Edit Content' /></a></p><p><a href='#'>Capsule2</a></p><p>This is the new DT Centrepiece 3. This is a capsule.</p></td></tr></tr></table></div> <p style="font-size: x-small" align="right"><a href="#top">Top</a></p> </div> <!--end content --> <!-- DT Centrepiece - files/siteinfo.asp Version 1.0 --> <div id="siteInfo"> <img src="images/icon.png" width="20" height="20" /> <a href='siteinfo.asp?page=About+Us'>About Us</a> | <a href='siteinfo.asp?page=Site+Map'>Site Map</a> | <a href='siteinfo.asp?page=Privacy+Policy'>Privacy Policy</a> | <a href='siteinfo.asp?page=Contact+Us'>Contact Us</a> | ©2007 DT Services </div> </div> <!--end pagecell1--> <br /> <!-- DT Centrepiece - files/admin_page.asp Version 1.0 --> <div id="admin"> <a href="addcategory.asp"><img src="icons/add_16.png" border="0" alt="Add Category"></a> <p> </p> <a href="addpage.asp?page=Home+Page"><img src="icons/add_16.png" border="0" alt="Add Page"></a> <br /> <a href="deletepage.asp?page=Home+Page"><img src="icons/delete_16.png" border="0" alt="Delete Page"></a> <br /> <a href="editpage.asp?page=Home+Page"><img src="icons/documents_16.png" border="0" alt="Edit Page"></a> <br /><br /><br /> <a href="addcontent.asp?page=Home+Page"><img src="icons/add_16.png" border="0" alt="Add Content"></a> <br /> <a href="deleteallcontent.asp?page=Home+Page"><img src="icons/delete_16.png" border="0" alt="Delete All Content"></a> <br /> </div> <!-- DT Centrepiece - files/menuend.asp Version 1.0 --> <script type="text/javascript"> <!-- var menuitem1 = new menu(2,1,"hidden");var menuitem2 = new menu(2,2,"hidden"); // --> </script> </body> </html> For some odd reason, it shows this in Firefox and this in Internet Explorer... Any help? Cheers 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 slowly put together a very simple content management site for a footy club i run, the data is stored in a mysql database and lined to the web page using a dynamic table from within dreamweaver, it displays all the info except one thing it appears in one huge paragraph, take a look at my page Link is at: http://itdesignz.co.uk/Clients/RTFC/cms/home.php The Data in the mysql has the spaces and enters breaks in it, but these are not reflected in my page. I am really new to dreamweaver and am not sure how to overcome this problem, Please help Andy 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> ---------------------------------- 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>
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> 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? 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, 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. 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! 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 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! |
|||||||