|
HTML - Text Check And Formatting Suggestions
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 Similar TutorialsHi, 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 I'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? 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. 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! 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 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. 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 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 everyone, Hoping someone might be able to help me - I'm a Latin teacher, trying to design a website for my students to practise their verb conjugatiosn and noun declensions, so what I'm wondering is how I have, for example, a grid with text boxes for students to write the correct endings in and then a submit button which then checks what the student has written in the box and then maybe a pop up window appears saying "you have got 2 endings wrong, try again" or something like that... any ideas? I got as far as looking at forms but couldn't work out how to adapt them to the purpose I'm looking for. Would be very grateful for some help on this! PinguisIuvenca Apologies in advanced if this has been solved in another forum. I found my answer googling around but i need it refined. One checkbox with two disabled radio buttons. When user clicks on check box it enables both radio buttons and a input text field. Code: <script type="text/javascript"> function enable(x){ if(x.checked){document.formTest.rRegular.disabled=0} else{document.formTest.rRegular.disabled=1}} </script> </head> <body> <form name="formTest" method="POST" action="--WEBBOT-SELF--"> <p><input type="checkbox" name="cbFlower" value="ON" onClick="enable(this)">Flowers</p> <p><input type="radio" checked name="rRegular" value="V1" disabled=1>Regular Package <input type="radio" name="rDeluxe" value="V2" disabled=1>Deluxe Package</p> <p><input type="text" name="tFlower" size="40" disabled=1></p> </form> I'm sure its a simple modification to the 'funciton enable' so that it enables the other radio button and text box. I need to repeat this process for other groups of similiar check boxes with 2 or more radio buttons and a text field. They need to be independent of each other. If this one get's solved I can copy the function and modify it for the other groups. Unless there's a simpler way. Thanks for your help I'm working on a site for a friend. She designed it all in Photoshop, but she didn't know what to do after that. I sliced it up in photoshop, and saved it to html. The problem is it uses tables for everything. I know tables are not the way to go and I want to do it all with CSS, but I've never created a site from scratch, I've just hacked templates alot. I have no problem reading and editing CSS, but like I've said I've never tried to style a site from scratch. Is there a good tutorial around to take a sliced up psd into html/css? I can do it if I have some direction. Thanks, Joe ps - here is the site I'm trying to work on: http://sewandsew.joeipson.com Here's the website that I'm trying to fix up: http://web1.pas.rochester.edu/~sps/ For my screen resolution (1680x1050), the text on the right frame seems to be shifted too much to the right and viewing it on a lower resolution makes it so the user has to scroll to the right to see the entire text. Just wondering if there was a way to get rid of that empty space so the text could shift over closer to the left frames? Also, i've noticed that when i click the links on the right frame, a scroll bar appears on the bottom to allow me to scroll left and right, though it really doesnt change much. Is there a way to get rid of that? Hi everyone, I'm currently in the process of re-thinking my layout www.ballermag.com and I would love to hear some feedback or ideas from the pros on this forum Not sure if this sort of post is frowned upon here in this forum, but I thought I would give it a try. If we are not supposed to do this here, just ignore this message and accept my apologies... If I'm going to rebuild the site, what should I start with? Any suggestions would be a big help! Thanks for reading, Milkman I am trying to add a photo gallery, slide show images (10photos) to my site and I would like to get some suggestions from you guys. Thanks I'm in a nonprofit org that has an events page & a job posting page. We're currently using an old guestbook format that is getting spam on a daily basis. I'm looking to replace it w/ a more secure forum or something which would require posters to sign-up or something (in hopes of preventing spammers). I'm looking for recommendations for something EASY to setup. Sorry if this is in the wrong forum...wasn't sure where to post this! Thanks in advance, Shelly Hey guys!! I am a newbie at the whole HTML thing so looking here for some advice from you experts! I am looking for a simple way of making small buttons for people to post on either their website or social media. Like you know those sites where they ask you to give them a free link if they provide a free service for you? does anyone know of any good software or a really easy way of making a picture button like this? Thanks in advance for your help!! Cheers Hi, I am trying to set up a pictures page on a web site. My first idea was to set up two iframes so that the user could scroll sideways on the top through the pictures and each picture would link to itself in a bigger size targeted to another iframe... like this. I put a few of the pictures in here just to show you what I was thinking... the page really isn't working well, I just threw it together to show you the structure I'm talking about. This would work, but I'd also like the description to change, so I was thinking of using Javascript (I don't actually know javascript yet, so I'm guessing at this) so each picture would change TWO iframes, one as the picture and the other would be the description. The problem with that would be that I would have to make a new html page for each description... I guess I could do that, but would there be anything easier? All the solutions I have thought of like using a getElementByID javascript to change the picture and text wouldn't work because of the iframe. If there is another solution, I don't even need an iframe. I was just checking to see if anyone had any suggestions on this, either a simpler solution to the iframe idea or a completely different idea. It really doesn't matter, I just want a good looking, easy to use pictures page. Hey guys I just got an oppurtunity for an internship this summer and I need some Ideas for a small little portfolio (some small web pages and such) also maybee some banner ideas. Here is the email I got "We design and create anything from a simple 3 to 5 page website to huge applications for an organization or even a municipality. My ongoing project is www.ourfortworth.com (OFW.) It is a web community I created in 1999 just for kicks. Since then, it has grown to an average of 85,000+ visitors each month. OFW focuses only on local information and advertising for local businesses. The "full color display type" ads you see at the top and on the sides of each page are something we are constantly making for new or existing advertisers. We usually change or update the ads when ad contracts renew every three to six months. We are just starting our Restaurant Guide to complement the business directory we are working on. Most of the work initially would be the ads I mentioned above and the basic 3 to 5 page websites for small businesses. I would like to talk with you when you have time and get a feel for the style of work you produce, your basic design style, etc. to see if we might be a good fit to work together. " Any programs that y'all know that work well for making banners? Also I know HTML pretty well , what would help me practice getting better at it or what should I move onto? Just looking for some Ideas.. (By the way I'm 17 and know XHTML) Thanks, Randy http://www.danielbourne.net/pdwcs/1/about.html this seems to work fine in firefox but in internet explorer creates pading and i cant see how could someone lease look and see what im doing wrong ? Hi All, I am wondering if someone can recommnd an solution or point me in the direction i should be going. I am looking at creating a dynamic form, what i would like to do is use a drop down and depending on the dropdown selected the required fields would populate. I have attached an file to show as an example. If someone clicked on Item A they would get one set of fields to fill out. If that same person selected Item B they would get different fields to fill out ... All being mandatory.. Thanks ahead for any help or suggestions ... This is a great place to get info. |
|||||||