|
HTML - Alien Fonts Appearing On The Page
Similar TutorialsAs stated can anyone see where my "main" issue is this page... http://materialmaterial.com/products/sunshop/ I have checked it in FF, Chrome and Opera and there is problem with any of them but for some reason in Safari the entire content is thrown to the right of the main container. Also, it works fine throughout the rest of the site (which is in static HTML /the shop part is dynamic...) I am sure that it is a simple miscalculation in the CSS but I cannot find it... Any help would be humbly appreciated... Thanks soak digital did a great helping me! thanks! (sorry for the added post, i had a question but i answered it myself. D'OH!) Hi all, This is my first post here. I was wondering if anyone can give me some advice on some goof looking fonts I can use in my HTML documents. I would like to hear some suggestions on fonts that look good when they are small like 8pt. I'm use Verdana and it looks good for the most part, but I see some websites where they have small bold fonts that look good. Some examples I was looking at were target.com, sears.com etc... I would appreciate any ideas. Thanks Hi all.... Ive been having issues trying to get these two lists below to look the same. Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>MESH, Inc. - Home</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div id="container">
<img id="banner" src="images/topbanner.png" alt="top banner">
<ul id="top-nav">
<li><a href="mcad_project.html">mcad<span id="mcad"></span></a></li>
<li><a href="niosh_project.html">niosh<span id="nios"></span></a></li>
<li><a href="mcad_project.html">mcad<span id="moad"></span></a></li>
<li><a href="mcad_project.html">mcad<span id="scad"></span></a></li>
<li><a href="cloud_mapping.html">cloud<span id="clou"></span></a></li>
<li><a href="cloud_mapping.html">cloud?<span id="what"></span></a></li>
</ul>
<ul id="nav">
<li><a id="active" href="home.html">Home</a></li>
<li><a href="products.html">Products</a></li>
<li><a href="services.html">Engineering Services</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="publications.html">Publications</a></li>
<li><a href="contact_us.html">Contact Us</a></li>
<li><a href="about_us.html">About Us</a></li>
</ul>
<div id="content">
<div align="center"><span style="font-weight:bold;">ENGINEERING SERVICES</span></div><br>
<p>
Since 1978, MESH has been providing clients with engineering services to
solve their most complex problems. We specialize in:
</p>
<ul id="services">
<li>Software and hardware interfaces </li>
<li>Real-Time Software </li>
<li>Prototyping </li>
<li>Sensor Interfacing </li>
<li>Signal Processing </li>
<li>Electronic Design </li>
<li>User Interface and Design</li>
</ul><div align="center"><span style="font-weight:bold;">CHEMICAL/BIOLOGICAL STANDOFF MONITORING PRODUCTS</span></div><br>
<p class="padding-bottom">MESH provides leading edge technology to safeguard people and facilities from chemical and biological hazards. The MESH standoff systems, unlike point detectors, are not dependent on airborne threats finding their way to the detector or sampling point. The standoff sensors include: </p>
<ul id="services2">
<li>MCAD – Standoff sensor for chemical vapors at distances in excess of 6km </li>
<li>Dragonfly – Standoff aerosol sensor (either chemical or biological). </li>
<li>Firefly – Standoff vapor or aerosol hyperspectral imager based on innovative technology, resulting in an affordable approach to the next generation of chemical sensing. </li>
</ul>
</div><!-- end #content -->
<div id="footer">610-932-7754 <a href="mailto:info@meshoxford.com">info@meshoxford.com</a></div>
</div><!-- end #container -->
</body>
</html>
Heres the style sheet.... dont think this is the problem Code: body {
margin:10px;
background-color:#f0f0f0;
font-family:verdana,arial,helvetica,sans-serif;
font-size:16px;
overflow-y:scroll;
}
#container {
width:776px;
margin:auto;
background-image:url(../images/container-white-bg.png);
box-shadow:#333 15px 15px 30px;
}
#banner {
display:block;
width:760px;
height:120px;
padding:8px 8px 0 8px;
background-color:#066;
}
#top-nav {
width:768px;
height:81px;
padding:8px 0 8px 8px;
margin:0;
list-style-type:none;
background-color:#066;
}
#top-nav li {
float:left;
margin-right:8px;
}
#top-nav a,#top-nav span {
position:relative;
display:block;
width:120px;
height:81px;
line-height:81px;
font-size:90%;
font-weight:bold;
color:#000;
text-align:center;
background-color:#cff;
}
#top-nav span {
position:absolute;
top:0;
left:0;
background-image:url(../images/gallery-banner.png);
}
#top-nav span:hover {
opacity:0.5;
filter:alpha(opacity=50);
}
#top-nav a:hover {
text-indent:-9999px;
}
#top-nav #active-top:hover {
text-indent:0;
}
#top-nav a:hover {
text-indent:-9999px;
}
#top-nav #active-top span {
display:none;
}
#mcad {background-position:-8px -8px;}
#nios {background-position:-134px -8px;}
#moad {background-position:-260px -8px;}
#scad {background-position:-386px -8px;}
#clou {background-position:-512px -8px;}
#what {background-position:-638px -8px;}
#nav {
float:left;
width:120px;
padding:0 8px;
margin:0;
list-style-type:none;
background-color:#066;
}
#nav li {
margin-bottom:2px;
}
#nav a {
display:block;
width:120px;
padding:30px 0;
font-size:90%;
font-weight:bold;
color:#000000;
text-align:center;
background-color:#699;
}
#nav a:hover {
color:#fff;
}
#nav #active {
background-color:#cff;
}
#nav #active:hover {
color:#000;
}
#content {
float:left;
width:610px;
padding:25px 15px 10px 15px;
}
h1 {
margin:0 0 10px;
font-size:140%;
text-align:center;
}
#content p {
margin:0 0 10px;
font-size:90%;
color:#000;
}
#services {
font-size:110%;
color:#000;
}
.text-indent {
text-indent:20px;
}
.padding-bottom {
padding-bottom:16px;
}
#footer {
clear:both;
line-height:30px;
font-size:90%;
color:#cff;
text-align:center;
background-color:#066;
}
#footer a {
margin:0 40px;
color:#cff;
}
Thanks Coothead edit: photo of what it looks like in FF Hello! I have a problem with my webpage, only occuring when I am surfing with Firefox. I have an identic code on two different pages, but on one of them the letters look normal, on the other one they are suddenly messed up. At the pictures it can be seen. I have no clue why it is happening... can anyone help? The text is good at for example: http://www.hungarybudapestguide.com/restaurants/ - but if I go in to read about whatever restaurant later described the texts are messed up in Firefox as seen on the picture. How come? Hi, It's the first time I'm using custom fonts on a site, wondering why these rows don't work in Internet Explorer? HTML Code: @font-face {
font-family: Myriad Pro;
src: url(fonts/MyriadPro-Regular.otf) format("truetype");
}
@font-face{
font-family: Giddyup Std;
src: url(fonts/GiddyupStd.otf) format("truetype");
}
@font-face{
font-family: Orator Std;
src: url(fonts/OratorStd.otf) format("truetype");
}
is it possible?? it's not working by any approach! i read about htaccess but didn't know how exactly i can use it to embed a font, if it solves firefox problem how can i use it?? here is the code, u will see eveything i tried 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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<LINK REL=FONTDEF SRC="http://www.site.com/CHILLER0.eot">
<style>
@font-face {
font-family: CHILLER0;
font-style: normal;
font-weight: normal;
src: url(http://www.site.com/CHILLER0.eot);
}
@font-face {
font-family: CHILLER0;
font-style: normal;
font-weight: normal;
src: url(http://www.site.com/CHILLER.TTF) format("truetype");
}
.psycho {
font-family: "CHILLER0", Verdana, sans-serif;
font-size: 48px;
color: #000099;
}
</style>
</head>
<body>
<!--[if !IE]> <!-->
<embed type="application/pdms-weft-plugin" font_face="CHILLER" src="http://www.site.com/CHILLER0.eot" hidden="true" pluginspage="http://pakdata.com/products/pdms-weft-plugin" />
<!--<![endif]-->
<p class="psycho">This Looks Embedded to Me</p>
</body>
</html>
really appreciated :hat: Hi, I have the html coding below that shows the bullet point with a caption below it. How would i format the actual bullet point to be a different size and colour to the caption below it? Thanks Code: <ol> <li>abc</li></br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa <li>abcd</li></br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa <li>abcde</li></br> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </o> Hi. I'm a FP/html/website builder noob. Is there a way to change all fonts/all backgrounds in FP2003/with html? e.g. Is there an easy way to change all fonts in headers, text areas, tables etc from one font to another. Thanks. Hi, I would like to know exactly how do I specify a font and a color for specific head line or titles in a text using HTML. For example what code should I use if I wan't an Italian Cursive, 16th Century font light gray color as a headline. I'm really not using Dreamweaver, I've done everything with HTML, but if you consider it's easier to use CSS, would you tell me how is it done? Thanks a lot. I made a email signature, i used dreamweaver to make it. Looks good when i preview it. But when i add it to email as signature it doesn't show colors or the correct font. I dunno why? Can someone look at source code of my html and see if i made a mistake. Thanx http://users.bigpond.net.au/sublimecreatures/email.html Hi all, I have been trying in so many ways now to make the favicon appear in IE 6. It works fine in FF but not in IE. I made sure the name was "favicon.ico". I tried clearing my cache and readding the bookmark. None of them seems to work. Can anyone give any suggestions as to why it is not working? If there are HTML errors on the page or if the image size is too big would that prevent it from working. If that is so then why would it work in FF? Also does it have to be in the root folder or in the same folder as the page for IE? Has anyone gotten it to work in IE with a link to the images folder like this... <link rel="shortcut icon" href="/images/public/favicon.ico" type="image/x-icon" /> This is what I have and it works in FF but not in IE. Thanks for any help, Jehan Hey, I'm new here so I hope this is in the right forum. I am trying to make a program just to simply store information in a better fashion and presently cannot get an HTML file to appear in the right place. Also note that my experience in HTML programming is very basic, as in started-fooling-around-with-it-the-other-day-basic. Here is my code: Quote: <html> <head> <title>Title</title> <link rel="stylesheet" type="text/css" href="main.css"> </head> <frameset frameborder="0" border="0" framespacing="0" rows="100,*"> <frame marginwidth="0" marginheight="0" src="html/message.html" name="top" scrolling="no" target="text" noresize> <frame marginwidth="15" marginheight="15" src="html/home.html" scrolling="auto" name="main" target="text"> </html> The layout will as message.html appearing as a horizontal window at the very top of the screen just show the most recent news and topics, index.html will appear on the left hand corner of the screen allowing links for navigation, and home.html will appear every where else in the center to bottom right hand corner of the screen. I have the links up and running for the index.html and can bring up new files that appear in the index frame but I need them to appear in the home frame, what is the line the line of code for this. Thank you for any help. Why favicon do not appear on this my page? http://www.astrosport07.webs.com/pakistancricket.html On some other pages of same website they appear, for example: http://www.astrosport07.webs.com/parcska2009.html Greetings, Goca Hey everyone, hope your having a good a day! My header on my wordpress blog is appearing twice and I don't know why. It's fine on my homepage but on the other two pages, it appears twice! I would love some help with this but would prefer to PM my blog address if that's ok with you? Thank you, I really appreciate this because I'm a COMPLETE newbie and have no idea about html ect. Thanks again! Steve I recently picked up some javascript code from an external site to set up a feedback form for the site I run; I did some messing about with it and came up with what is currently at the site: http://www.trekandromeda.com/Temp/feedbacktest.html . Trouble is, the left hand button (no matter which of the four is placed in that position) always appears as a very small one with no type on it. I have no idea what in the code might be causing this and would very much appreciate any help on this score. Thanks! Hi all-- Even this seems like a stupid question to me, but I can't seem to figure it out. I've been creating a site for awhile now, with many images. I've uploaded all the images to the server, but some of them still aren't showing up. I've checked and rechecked my paths, links, that the images are uploaded, etc. and I can't figure it out. There doesn't seem to be any rhyme or reason on images showing up or not. Here is one of the URL's: http://www.playdr.com/classicphotote...tanytease.html. (Keep in mind it is adult, but no nudity--I don't want to offend anyone) If anybody could give me ANY help at all, it would be greatly appreciated--this is driving me nuts. Also, I don't know if this is of any interest, but the server this is on just got updated, and I have had a little trouble with it so far, so I don't know if that might be a factor as well? Anyway, thanks again in advance for any help. Hi! I'm working on adapting a we-based system called OTRS (open ticket request system) for our offices here and I've just finished modifying all the headers and css and stuff for our needs. Now, I did it in Firefox and I'm brand spanking new to this game so when one of the header logos didn't appear in IE7, it took me about an hour to figure out maybe it was IE7 that was the problem, and it turns out it is... so would someone mind having a look at this below? It's very basic, but what's happening is that the picture 'HeaderCropped' isn't displaying, the border outlines don't even show, only that funny little graphic that appears when a picture is missing ( I don't know what it's called). Obviously I'd like to be able to see the picture in both FF and IE7, but will this take a major overhaul of this code? (It took me quite a while to do this little bit!) Thanking you in advance! -Emily _________________________________________________________ # include Copyright.dtl $Include{"Copyright"} # set some html variables #<dtl set $Env{"Box0"} = ">> "> #<dtl set $Env{"Box1"} = " <<"> # check refresh <dtl if ($Data{"Refresh"} ne "") { $Data{"MetaHttpEquiv"} = "<meta http-equiv="refresh" content="$Data{"Refresh"}">"; }> <html> <head> $Data{"MetaHttpEquiv"} <title>$Config{"ProductName"} $QData{"TitleArea"}</title> $Include{"customer-css"} </head> <a name="top"></a> <body> #<!-- start CI layout --> <table border="0" width="100%" cellspacing="0" cellpadding="0"> <tr> <td width="100%" class="header"><img style= width: 454px; height: 109px; "src="/otrs-web/images/Standard/HeaderCropped.jpg"> </td> <td width="100%" class="header" title="www.alliedpensions.com"><a href="http://www.alliedpensions.com"><img border="0" src="/otrs-web/images/Standard/APTLogo.jpg" width="150" height="100"></a></td> </tr> <tr> <td colspan="2"><hr align="left" width="100%" height="2"><!-- end CI layout --><!-- end header --></td></tr></table></body></html> Hi all - I've got a DIV on this site which needs to scroll horizontally. It was previously working, and then I messed around with the code and the scroll bar stopped working ... and now I can't get it back again. The scrollbar appears but is blank with no buttons. this is the link: http://www.gmbfilms.com/november/ebp...wesome%20Video you see the thumbnails - there are more in the div and before I could scroll to the right to see them. Now it doesn't work! hopefully this is an easy fix. Any help much appreciated! Thanks Hi, My textbox does not show flashing cursor in Firefox but cursors are properly displayed in Ie. Googled found a bug in firefox (textbox + ucrser). Not able to find the workarround. Please help. Thanks with regards |
|||||||