|
HTML - Font-weight No Longer Useful
Hey,
I have been creating websites for some tiem and usually when adding font styles i assigned font-weight:normal; in the CSS which in previous versions of Firefox and IE has lead the text to look exactly the same. Now with IE 7 and Firefox 3 i am noticing differences in my font-weight using my same technique so i researched it a little and found font-weight no longer acts correctly in Firefox 3. Is there a work around for this to get fonts looking the same? Normal content text is not the problem really. When i create Headings though with font size of say 26px it appears to be really heavy and i want to set font weight to normal or lighter to make it thinner but it doesn't work. I hope there is a work around as i don't want to go back to the stone age and have to use images for text to get sites cross browser friendly. Any advice? Similar Tutorialsi have used a combo box in a form in that form i have placed a text field just above the combo box.when the text box is focused the system displays some results regarding to that text field.now when that result is displayed it is displayed over the combo box. now the problem is that when the result is displayed the combo box is not hiding.its coming over the results and thereby hiding the results. can anyone help to reduce the heavy weight component(combo box) into a lower one...... Here's some existing old school code that I will be converting to CSS, but first wanted to get it right. I Will probably leave the line-through attribute as in-line style. I am unable to increase the weight of the line-through. I have tried several different ways, but none seem to work. I have successfully changed the line-through color, but that's about it. <td align="center" class="fon003" > <p> Retail Price <span style='color:#F75F04; font-weight:bold;text-decoration:line-through'> <span style='color:black'>$134.99 </span> </span> - Check our Price </p> </td> ????????? Thanks, Dorian Does anyone know of a font face generator that can convert a TTF or OTF font file into the 4 formats (woff, svg, eot, ttf), that's not font squirrel? That site only supports English fonts with a very low file size limit, and can't convert any foreign fonts. Already tried http://onlinefontconverter.com as well, doesn't work either as I waited like an hour then the server simply deleted my uploads without so much as an error pop-up lol, and now the website is not responding. This is for usage in CSS using the @font-face function. Thanks. Hello, When I try to set a font in HTML it works, but if I set a rule in my CSS to set the same font, it doesn't. Here are the three things I do (not at the same time of course): <font face="Verdana, Tahoma, Arial, Helvetica"> ... ... ... </font> vs body { font-family: Verdana, Tahoma, Arial, Helvetica; } or even... body { font: Verdana, Tahoma, Arial, Helvetica; } Out of all of those, only the first can change the font in my browser...is this a CSS issue because, somehow, the browser has superiority over CSS, and HTML has superiority over the browser? I would appreciate input. Thanks. When I first put on my holiday page, someone informed me that they couldn't see the bottom of the page, even if they scrolled down. I increased the height of the I-frame to 1200. and it fixed the problem, but it increased the I-frame on all the pages. Is there a way to do like a floating I-Frame. Make sense? <iframe name="iframe" width=950 height=1200 hspace=25 src="content.html" scrolling="auto" frameborder=1 ></iframe> link to site: then click on Holiday greeting for page in question http://www.girlsincsoaz.org TIA Please take a look at http://csacalc.com/ and goto "OR FOR A SHORT TIME ONLY, GET A FREE REPORT". as you can see that brings up an email form which the CSA victim fills in and emails to me, and at end of the line he gets a report back from me. I did about 1,000 of these over last 4 years but recently [since Vista] I only get emails from Firefox etc whereas 95% USED to come from IE when I checked I found that this form "defaults" in Vista to the email thing inside MS Office, and if I say NO WAY I WILL PAY FOR THAT AGAIN [seeing I bought Office in 1990 for $1,000] and say send it via Windows Mail [or whatever it is now called] ALL the data is lost. So obviously I need to revise the code that used to work Could someone please explain the most painless way to do this? edit in fact seems we have a new windows now on top of vista/XP so are there even MORE new problems with this "upgrade"? Hi all, Have encountered a problem in my code, in that when i went back to format my page, I could no longer use the submit button. I was able to find that it occurred when i added in the <table> tags within the selector function but I for the life of me cannot figure out why that makes the form invalid or whatever is happening. If any1 could have a look and see what the issue is, it would be greatly appreciated Quote: <?php session_start(); if ($_SESSION['groupid'] < 1) { header("location:login.php?message=You do not have sufficient " . "permissions to view that page. Please login."); } ?> <!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <?php $page = "CapSim"; include("common/init.php"); ?> </head> <body> <?php include("header.php");?> <br/> <br/> <div id="page"> <?php include("dbconnect.php"); // Formatting $content = "<h3 align='center'>".$page."</h3>\n" . "<center>\n" ."<h3 align='center'></h3>"; $content .= "<h4>" . "Number of Tiers in the model" . "</h4>"; $TIER=$_GET["TIER"]; $content .= "<form action='capsim_home.php' method='get' target='_blank'>\n"; $content .= "<input type='text' name='TIER' value='$TIER' onKeyPress='return numbersonly(this, event)' />\n "; $content .= "<input type='submit'value='New Layer'>\n"; $content .= "</form>"; $content .= "<br/>" . "</center>\n" . "<br/><hr width='900px'/><br/>"; // Set up the form and hidden control variables $content .= "<form action='/cgi-bin/".$parentdir."/capsimController.py' method='post' target='_blank'>"; // Default values for fields $u = 10; $x = 15; $m = 16; $q = 1; $S_RT = 10000; $a_a = 2; $a_u = 3; $a_l= 1; $runs = 1; $o_i=100; $default_vals = 1; //Function for printing off the layers within the tiers So everytime I add a picture or text my website page gets "longer". I then move the text or picture with the "div" tag so I can position it where I like. But the webpage is still the same length as it was before I moved the object. So How can I stop the page from getting longer everytime I add text or picture to it? Thanks I redesigned my site, and changed all my page names. Everything I put up is brand new, and nothing links to the old stuff. But when I do a sitemap, it's some how including the old pages, which makes me believe that somewhere, something is linking to one of the old pages, and it's spidering all the old pages. Is there a site or something that I can find what is linking to the old pages? Hi, I am new in web designing. I need your guidance. I want to break a word if it is longer than table width. May be I am not good at Engilsh. So I'll explain it using example. Following is my code. Code: <html> <body> <table align="justify" width="100" border"3"> <tr> <td> TE-sdf-sdf-hkjd </td> </tr> </table> </body> </html> As here you can see the word "TE-sdf-sdf-hkjd" length is more than 100px. So the width of table becomes more than 100px. I want to break the word and fix the width of table to 100px. How can I achieve that? Waiting for your reply. My sticky footer now floats in the middle of the page after i declared a doc type. Any suggestions for a quick fix? doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> HTML Code: <body>
<div id="wrap">
<div id="header"></div>
<div id="logoimg"></div>
<div id="logotext"></div>
<div id="searchbox">
<img src="" align="absmiddle" vspace="2px"/>
<label for="searchfield">search: area, position, area+position</label><br>
<input type="text" name="searchfield" value=""
id="searchfield"/> <div id="geist"></div>
</div>
<div id="main"></div>
</div>
<div id="footer"></div>
Code: body {
background-color: #99ccff;
background-image: url(http://);
background-repeat: repeat-x;
overflow: auto;
margin: 0;
padding: 0;
height: 100%;
}
#wrap{
min-height: 100%;
margin-top: -151px;
}
#footer {
margin: auto;
width: 100%;
height: 100px; /* Height of the footer */
background: #3e4041;
border-top: 1px solid #e0e0e0;
clear: both;
margin-top: 50px;
}
/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
margin-bottom: 51px;
}
h1, h2, p {
padding:0 10px;
}
#outer:after {/* thank you Erik J - instead of using display table for ie8*/
clear:both;
display:block;
height:1%;
content:" ";
}
Ok so I am stuck between two fonts TREBUCHET MS and Verdana. Which looks better? Click here to see them. I would like to put some custom made font on my client web site, but of course the font change when is on server. That is totaly normal. Once I found one javascript that made shure that font stay the same regarding ho is looking at the site. Does anyone have that javascript or know where I could find it? Maybe some other trick? Google wasn't helpful this time. In my website there is an option of font size and when click it will change the font of all the text on that page according to the font the user pick.... how will I do that? hey. i'm sort of fairly okay with HTML because of the myspace days but i can't figure this out for the life of me. i am trying to change a title font on a tumblr and i found where it needs to be changed, i changed the font.. and it's not working? it's still the same font as before. this is the coding that i changed. .title{color:#fe9abd; font-family:'Leckerli One', cursive; font-size:30px; line-height:14px; letter-spacing:2px; font-weight:normal; text-align:center;} so the font should be 'Leckerli One', cursive. yet it still looks like this. (this hi goodmorning part) am i doing something wrong?? How would I get a text that looks faded. I don't want the text fade in and out, I just want the font to look kinda old. Does anyone know where I can either find it or give me the name of the tag Also, how would I embed music from Itunes, I'm having trouble with that. I know this must be a simple process but I cant figure it out. Yes I did try the search function, but obviously not that well or I would have found this At any rate, do I have to load them all in a special file than connect it through like a CSS sheet or something to that affect? This is all very new and Ive read a bit so I think I can keep up. Hey all, Im still having problems finding the best IE / FF fonts for displaying my RSS feeds, does anyone recommend anything other than the verdana, arial and georgia options? The Safari fonts in OSX looked very well designed for the job, any chance of a similar windows version? If I wanted to use a completely unique custom font on a website could this be achieved across IE / FF and Safari? Somehow having the unique font loaded from the server when the user opens the page withot a font install prompt? Thanks and merry xmas! I'm currently using .em for font size. I have set the font size and font in body, but the font is not being applied to inputs and the font size is not being applied to lists. My font size is currently set at 1em, and I have to put 100% as font size in my divs for it to be 1em. I'm wondering how and where I should set the font and font size so it will apply to everything? |
|||||||