|
HTML - User Definded Text Sizes
How can I make it so that the end user can choose between three text sizes like is done here
http://www.tsn.ca/nhl/story/?id=294191 Thanks in advance BW Similar TutorialsHey i am just wondering why text size changes between browsers if you set it at a certain size. I set my text at 11px print, and the size from mozilla -> ie6 changes (gets bigger in ie6) but even greater difference in ie7... is there a way to make them all the same for sure without recoding for each browser? thanks in advance, -uberwalla Hello. I'm back again. This time I have a different problem: Because the text sizes in IE are much smaller than in Firefox, the alignment of certain divs comes out disarranged. Notice that in FF, the big red box's position begins at midpoint of the contact us navigation. But, in IE it begins a big close to the end. I think this is due to the different text sizes. I was wondering if I could use javascript to test which browser is currently being viewed, and base on the browser type it would switch between css to correct the differences? (Sorry for the overly huge images) Also, I'll post the code later. Is there a way through HTML forms, CGI, Perl, or javascript to have a visitor to a page edit the text of an html document? Example: I have a fantasy basketball league website with roster pages for each participant. I want to allow them to login to their individual page and move their players around from a bench position to a starter and vice versa. I use Tripod as my hosting site. Thanks for any suggestions!!! Hello.... I have a problem today and I do not know how to over come this problem. If this is in the wrong place, please tell me and I will put it in the right place. Anyway. Today I am trying to make a webpage, where the user, the admin, is able to edit the page to input text. Almost like when you make a blog post and you have a text box and you type what you want and you click submit or post and it goes onto a page. Almost like wordpress. I want to make a custom page from the ground up where there are different divisions of the page and the admin can input or edit text/pictures at anytime. Thank you in advance. Is it possible to have some error text appear if a user is browsing your website with a certain browser using html/css or maybe java? An example being: If - The website is being browsed using Safari Then - SHOW error text = "This link won't work with the Safari browser." Else - DO NOT SHOW error text is that sort of thing viable or just a pipe dream at current? Thanks in advance. Regards, Stoney Hi, is it possible that, to make select option to allow user enter the text...? user can choose from select option.. if did not in the list, then user might need to enter text. Anyone can help me? Html code for Text Boxes that the user writes down his details and then click to a button and his details comes to an eimail... look an example ... http://www.arkadiko-meli.gr/form.asp?i=2 Hello, I am trying to create a page where the user can select four of their best skills and put in their past experience (in years) in previously defined boxes and have that automatically update the "results." But, i need the results to be filterable to match the top three skills exactly. So i put in skils A,B,C,D and i get results of jobs that "match" A,B,C. I have created a javascript for show/hide but i dont know how to add this updatable/filterable content. Here is a demo of my page Quote: <html> <head> <script type="text/javascript"> <!-- function experience(element_id) { var results = document.getElementById(element_id + "_Results"); var element = document.getElementById(element_id); results.value = element.value; } </script> <script> function showhide(id){ if (document.getElementById){ obj = document.getElementById(id); if (obj.style.display == "none"){ obj.style.display = ""; } else { obj.style.display = "none"; } } } </script> <title></title> </head> <body> <form name="compass"> <table border="1" width="100%"> <tr> <td colspan="2">Top Competencies</td> </tr> <tr> <td><select name="competencies"><option value="Setting Direction">Setting Direction</option><option value="Leadership Courage">Leadership Courage</option><option value="Creating the Environment">Creating the Environment</option><option value="Building and Maintaing Relationships">Building and Maintaining Relationships</option><option value="Developing for the Future">Developing for the Future</option><option value="Organizational Savvy">Organizational Savvy</option><option value="Achieving Measurable Results">Achieving Measurable Results</option> <option value="Customer Focus">Customer Focus</option> <option value="Ethics and Integrity">Ethics and Integrity</option> <option value="Composure">Composure</option> <option value="Personal Learning">Personal Learning</option> <option value="Dealing with Ambiguity">Dealing with Ambiguity</option> <option value="Decision-Making">Decision-Making</option> <option value="Interpersonal Savvy">Interpersonal Savvy</option> <option value="Results Oriented">Results Oriented</option> </select></td> <td><select name="competencies"><option value="Setting Direction">Setting Direction</option><option value="Leadership Courage">Leadership Courage</option><option value="Creating the Environment">Creating the Environment</option><option value="Building and Maintaing Relationships">Building and Maintaining Relationships</option><option value="Developing for the Future">Developing for the Future</option><option value="Organizational Savvy">Organizational Savvy</option><option value="Achieving Measurable Results">Achieving Measurable Results</option> <option value="Customer Focus">Customer Focus</option> <option value="Ethics and Integrity">Ethics and Integrity</option> <option value="Composure">Composure</option> <option value="Personal Learning">Personal Learning</option> <option value="Dealing with Ambiguity">Dealing with Ambiguity</option> <option value="Decision-Making">Decision-Making</option> <option value="Interpersonal Savvy">Interpersonal Savvy</option> <option value="Results Oriented">Results Oriented</option> </select></td> </tr> <tr> <td><select name="competencies"><option value="Setting Direction">Setting Direction</option><option value="Leadership Courage">Leadership Courage</option><option value="Creating the Environment">Creating the Environment</option><option value="Building and Maintaing Relationships">Building and Maintaining Relationships</option><option value="Developing for the Future">Developing for the Future</option><option value="Organizational Savvy">Organizational Savvy</option><option value="Achieving Measurable Results">Achieving Measurable Results</option> <option value="Customer Focus">Customer Focus</option> <option value="Ethics and Integrity">Ethics and Integrity</option> <option value="Composure">Composure</option> <option value="Personal Learning">Personal Learning</option> <option value="Dealing with Ambiguity">Dealing with Ambiguity</option> <option value="Decision-Making">Decision-Making</option> <option value="Interpersonal Savvy">Interpersonal Savvy</option> <option value="Results Oriented">Results Oriented</option> </select></td> <td><select name="competencies"><option value="Setting Direction">Setting Direction</option><option value="Leadership Courage">Leadership Courage</option><option value="Creating the Environment">Creating the Environment</option><option value="Building and Maintaing Relationships">Building and Maintaining Relationships</option><option value="Developing for the Future">Developing for the Future</option><option value="Organizational Savvy">Organizational Savvy</option><option value="Achieving Measurable Results">Achieving Measurable Results</option> <option value="Customer Focus">Customer Focus</option> <option value="Ethics and Integrity">Ethics and Integrity</option> <option value="Composure">Composure</option> <option value="Personal Learning">Personal Learning</option> <option value="Dealing with Ambiguity">Dealing with Ambiguity</option> <option value="Decision-Making">Decision-Making</option> <option value="Interpersonal Savvy">Interpersonal Savvy</option> <option value="Results Oriented">Results Oriented</option> </select></td> </tr> <tr> <td colspan="1"><input type="text" name="1" size="100%" value="Consulting to senior leadership" disabled></td> <td colspan="1"><input type="text" id="Requirements1" name="Requirements" onChange="experience('Requirements1')" value="Enter Years"></td> </tr> <tr> <td colspan="1"><input type="text" name="2" size="100%" value="Equal Employment Opportunity (EEO) and related human resource practices" disabled></td> <td colspan="1"><input type="text" id="Requirements2" name="Requirements" onChange="experience('Requirements2')" value="Enter Years"></td> </tr> <tr> <td colspan="1"><input type="text" name="3" size="100%" value="Recruiting with a large company" disabled></td> <td colspan="1"><input type="text" id="Requirements3" name="Requirements" onChange="experience('Requirements3')" value="Enter Years"></td> </tr> <tr> <td colspan="1"><input type="text" name="4" size="100%" value="Leadership and management" disabled></td> <td colspan="1"><input type="text" id="Requirements4" name="Requirements" onChange="experience('Requirements4')" value="Enter Years"></td> </tr> <tr> <td colspan="1"><input type="text" name="5" size="100%" value="Recruiting for diverse functional areas" disabled></td> <td colspan="1"><input type="text" id="Requirements5" name="Requirements" onChange="experience('Requirements5')" value="Enter Years"></td> </tr> <tr> <td colspan="4">Results</td> </tr> <tr> <td colspan="1"><div style="display:;" id="script"><input type="text" name="1" size="100%" value="Consulting to senior seadership" disabled></td> <td colspan="1"><input type="text" id="Requirements1_Results" name="Requirements1_Results" disabled></td> </tr> <tr> <td colspan="1"><div style="display:;" id="script2"><input type="text" name="2" size="100%" value="Equal Employment Opportunity (EEO) and related human resource practices" disabled></td> <td colspan="1"><input type="text" id="Requirements2_Results" name="Requirements2_Results" disabled></td> </tr> <tr> <td colspan="1"><input type="text" name="3" size="100%" value="Recruiting with a large company" disabled></td> <td colspan="1"><input type="text" id="Requirements3_Results" name="Requirements3_Results" disabled></td> </tr> <tr> <td colspan="1"><input type="text" name="4" size="100%" value="Leadership and management" disabled></td> <td colspan="1"><input type="text" id="Requirements4_Results" name="Requirements4_Results" disabled></td> </tr> <tr> <td colspan="1"><input type="text" name="5" size="100%" value="Recruiting for diverse functional areass" disabled></td> <td colspan="1"><input type="text" id="Requirements5_Results" name="Requirements5_Results" disabled></td></div> </tr> <p><a href="#" onclick="showhide('script'); return(false);">hide again</a></p> </table> </form> </body> </html> That is the page, i know it looks long and codey but its just because it has many examples. I really would appreciate any help! Thanks so much for all your past help guys/gals I'm setting up a forum page for a friend. I already found the forum and am making it so that it looks consistent with the rest of his website. Another webmaster already built his site, I'm just creating another page that will include a forum. http://goltoof.com/wchr/wchra_mboard.html This is just a test page. You'll find that I'm using iframe to embed the forum page into the webpage. The problem I'm having here is that I want the table I created to stretch to 100% of the webpage so that people won't have to scroll using the main sidebar. You'll see in firefox it only shows part of the page while in ie the forum table doesn't show at all. Please let me know what I'm doing wrong and ask me to elaborate more if my question doesn't make sense to you. Thanks. I'm using the developer toolbar for FireFox and I've outlined the tables on the following web page. http://www.carlmumford.me/email Are the tables different sizes? Can someone explain to me why there is a slight change in table size when you outline them? I have the images at 600px wide and the tables are 600px with no padding. Ignore the bottom nested table because that's fine, it's the outline of the bigger tables that are bothering me. They show correctly but they are not quite lined up, is this fine? On another note, how do I get the link colours to display in gmail because they default to the nasty blue colour. I can't get them to display properly, what would you use? Hello This is my site: http://www.showlistportland.com When viewed in 1280 x 800 it looks perfect. If you view the page in any other size below that, it cuts the page in half. How can I make it so that at least when viewed in a smaller screen size, the ads on the left side don't get cut off? Any help would be much appreciated!!! Thank you!!! Hi, I have the following javascript which basically scrolls to a certain point of a webpage when the page loads up: <script type="text/javascript"> window.onload=function() { scrollTo(0,200); } </script> Now the problem I have is that this code behaves differently based on what screen size monitor you have. As I have a 15 inch screen monitor, all works fine. But if i view the page on a 19inch monitor, it scrolls down to a slightly different point of the page. Is there anyway round this. Can someone take a look at this page: http://www.robotsandcomputers.com/robots/index.htm in both IE and Firefox and tell me why the images in the right hand side of the screen are larger in IE than in Firefox? I have been through the code and I can cannot figure it out.. Thanks Oh, and something else... On the menu at the top of the page. On that page you notice (in Firefox) that the menu spans the entire screen. But if you click on any other link on that menu, then the menu bar is centered. I removed the <p></p> tags in the menu on the first page because in IE they were adding way too much space above and below the menu links. Is there anyway to center those links (like they are on all the other pages) but still have IE display them correctly? I hope that makes sense.... Thanks.... I am trying to make a generic html page. This page is going to switch between two htm files. For some reason I cannot get the font to increase. I need it to be about 125font size in word. Here is what I have: span class="fontsize100"><Font Color=red>test</font></span> I assume this is incorrect? I want to make changes to the font of the posts of this section: http://foxh0und.tumblr.com/tagged/foxh0undQA I'm really not sure where to find the part for that in the HTML.. what I want to do is change the spacing between each post & have the question in bold and the answer not in bold and smaller font - an example of what I would like to do is in the link below. http://foxh0und.tumblr.com/post/11626236049 any help would be amazing because i feel like it's ruining my whole theme. I am currently having an issue where Firefox allows my images to wrap according to window size but IE puts them one by one down the page instead of putting images side by side according to window size if they will fit. Example is that I have 5 images. 4 of the images are 350pixels X 400pixels and 1 image is 700pixels X 500pixels. I have code that loops through and gets images for each section that is setup. Then I am just displaying the image in 1 line of code which loops through and displays the images for each section. I have 5 sections setup with the five images listed above. My code then displays the section images with links to the sections. <a href="<%= lTemplateFileName %>"><%= (sectionMediaFile != null) ? sectionMediaFile : "" %></a> Firefox puts images side by side and since the 700pixel image will only fit on 1 row it puts that 1 image and then the next row shows 2 images because they will fit on that row. With IE using that code it displays each image 1 by 1 on seperate rows. I want to be able to use 1 piece of code that will allow images to wrap depending if multiple images can fit on that a row. I don't want to limit a <td> to a colspan and create a table out of it. I just want the images to display as many as it can fit on a window size and wrap the next images to the next row and so on and so on. Is there any way that I can set up a page with frames where the frames remain a fixed width and will stay that size even if the browser cannot show them in their entirety? This is a simplified version of what I'm trying to do (with two random sites in the frames for an example) <html> <frameset cols="800, 800"> <frame src="google.com"> <frame src="yahoo.com"> </frameset> </html> How that is working right now is that if you reduce the size of the browser then the frames also reduce in size so that they both remain on the page... I don't want this. I want the frames to remain the fixed width (800) and if the browser is not large enough to display them (<1600), I want it to have a scroll bar along the bottom to scroll further right to view them. I don't really ever use frames though, so I'm not quite sure if there's a command to throw in either frameset or frame tags or if there's something else I need to do. Thanks! here is the (ineffective) code currently: <img style="float: left; width: 169px; height: 73px;" src="img/logo1.png" alt="" /> <h1 style="text-align: center;">random text</h1> the image shifts the left margin such that the text is centered as though the page width was 169px less than it really is. i'm not debating the code itself; the code above behaves as its meant to. aka no surprises. i just cant figure out the appropriate code to center the text across the entire real width of the page as though there was no image. i've tried div tags & all the things google hunting advised. no luck. other than finding this forum, which seems like it'll be a boon! thanx in advance for advise/comments/feedback/help. I have several websites that I maintain and update. A lot of them are just textual changes and I would think my customers can do these themselves by editing a simple .txt file. I was hoping my choices are avalable so that I can just insert this tag into my web pages and then give them login info to their edit page or show them how to upload the .txt file. I hope this is an easy one with several answers. Is it possible these tags could discipline your rankings in the search engines? Thanks, Jason |
|||||||