HTML - Is There A Way To Change All Fonts/all Backgrounds In Fp2003/with Html?

First off I want to say that I'm new to this forum. Thanks in advance for the help you can give to a noobie.

Here's the "dummy page" I put up: http://www.mrcrepe.com/work.html

The table I made in dreamweaver. I put it as 900px wide with 1 row and 2 columns. The border color I made a redish/pinkish color as you can see on the outsides, but how do I make that "separater border" into the same color? Right now it's just that silver line.
Thanks in advance.

-Brian

hi all,
One strange issue with html <a> tags.We have XP English and Japanese machines
and issue is getting only in XP Japanese machines.

Issue is tat on clicking any link,link font size gets increased and its comes over other links.Its like a new layer of big font sized links over the old links.
Any idea why this happens?

Following is my JSP section
=============================

<div onselectstart="return false" id="systemMenu" style="position:absolute;top:-75px; left:-20px; ">
<label>Screen #&nbsp;:&nbsp;</label>
<input tabindex="1" suggest_sel_event="selectScreenIdValue" type="text" title="Provide screenId and Hit Enter key" id="screenIdEntry" name="screenIdEntry"/>
<button tabindex="-1" id="SUGGEST_screenIdEntry" onclick="suggestScreenIds()"></button>
&nbsp;|&nbsp;
<a tabindex="2" href="javascript:selMenu('showHomePage.do','PARENT','')">Home</a>&nbsp;|&nbsp;
<a tabindex="3" href="javascript:doHelpFunc()" onmouseover="">Help</a>&nbsp;|&nbsp;
<a tabindex="4" href="javascript:aboutiCargo('<%=mainWebBuildVersion%>')" onmouseover="">About</a>&nbsp;|&nbsp;
<a tabindex="5" accesskey="o" href="javascript:exitlogOffIcargo(ctxPath+'/logout.do','logOffApp')">Lo<u>g</u>off</a>&nbsp;|&nbsp;
<a tabindex="6" accesskey="x" href="javascript:exitlogOffIcargo(ctxPath+'/logout.do','exitApp')" >E<u>x</u>it</a>

</div>
===================================================
CSS Used In the page
=====================


<STYLE>
body{
margin:-1px;
scrollbar-base-color: #C6CEDE;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #C6CEDE;
scrollbar-face-color: #C4CED9;
scrollbar-highlight-color: #C6CEDE;
scrollbar-shadow-color: #C6CEDE;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;

}
#footer{
position:absolute;
left:1%;
top:99%;
width:97%;
text-align:center;
font-size : 8pt;font-family : Arial,Verdana,Sans-Serif;
/*font:menu;*/
color : #000000;
/*background-color:#CCCCCC; */
}
.footer{

text-align:center;
font-size : 8pt;font-family : Arial,Verdana,Sans-Serif;
/*font:menu;*/
/*background-color:#CCCCCC; */
}
div.footer table{
border-collapse:collapse;
padding:0px;
word-spacing : 0px;
width: 99%; /*100% of container produces horiz. scroll in Mozilla*/
border: 0px;

}

div#systemMenu{
color:#ffffff;
font-weight:bold;
}
div#systemMenu button{
border-collapse:collapse;
color:#ffffff;
font-weight:bold;
font-size:12px;
border: 0px none;
background-color:1F3E6C;
width:0px;
height:0px;
}

div#systemMenu input{
/*font-family : Arial,Verdana,Sans-Serif; font-size : 8pt;*/
font:menu;
width : 75px;
height : 15px;
color : #000000;
text-transform : uppercase;
background : #ffffff;
border-right-width : 0px;
border-bottom-width : 0px;
border-left-width : 0px;
border-top-width : 0px;
border-top-style : none;
border-left-style : none;
border-right-style : none;
border-bottom-style : none;
border-collapse:collapse;

}

div#systemMenu label{
border-collapse:collapse;
color:#ffffff;
border: 0px none;
background-color:1F3E6C;
text-decoration : none;
/*font-weight:bold; font-size:12px;*/
/*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/
font:menu;
}

div#systemMenu a{
border-collapse:collapse;
color:#ffffff;
border: 0px none;
background-color:1F3E6C;
text-decoration : none;
/*font-weight:bold;font-size:12px;*/
/*font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;*/
font:menu;
}

div#mainErrorDiv table{
padding:0px;
word-spacing : 0px;
width: 99%; /*100% of container produces horiz. scroll in Mozilla*/


}

/*********************************FONT STYLES********************************/
.iCargoRedText {
font-family : Arial,Verdana,Sans-Serif;
font-size : 10pt;
color : #336666;
font-weight : bold;
}
.iCargoSmallText {
font-family : Arial,Verdana,Sans-Serif;
font-size : 7pt;
color : #000000;
}
.iCargoPageText {
font-family : Arial,Verdana,Sans-Serif;
font-size : 10pt;
color : #000000;
}
.iCargoErrorMessage {
font-family : Arial,Verdana,Sans-Serif;
font-size : 9pt;
color : #336666;
list-style-position : outside;
list-style-type : square;
}
.iCargoInfoMessage {
font-family : Arial,Verdana,Sans-Serif;
font-size : 9pt;
color : #000000;
}
div.loadBox {
/*font-family: Arial, sans-serif; font-size:9pt;*/
font:menu;
color: #FFFFFF;
border: 0px none #FF3E3E;
background-color: #1F3E6C ;
text-align: center;
position:absolute;

}
</STYLE>

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

soak digital did a great helping me! thanks!

(sorry for the added post, i had a question but i answered it myself. D'OH!)

when i add more information to my background it gets lower... then if i move this info up the page the empty background space stays there how do i get rid of this empty space at the bottom of my page? ive tryeed using both html and css codes but the problem stays the same someone PLEASE HELP

Hi,

I was wondering if it is possible to have more than one background to a certain element in a page.

ie. I have an element called main so within <div class="main"></div> Can i have two backgrounds, and can one of these only ever appear at the bottom as a sort of footer section?

Thanks for any help,

I've seen it done, but probably not in html. Every time the page is reloaded, the background colour within certain areas of the page will change to one of a series of pre-set colours.

Usually this is all background divs or table cells that have been earmarked for this colour change, but how on earth do you set that up in html? Any ideas?

I am srahasan. I have faced some problem with manually change the encoding of the HTML files to US or Western ASCII.

pls any one help me about this matter.


thnx in advance.

srahsan

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"); 
}

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?

My main background for my website is a jpg image. Once it ends, it repeats itself; the problem with this, is that it interferes with some text I have on the page when the image repeats. Is there a way that I can have two backgrounds? After the first ends, I would like to put another background image for further down the page. So I am thinking something like this:

<body background = "image.jpg" >
SITE STUFF GOES HERE
</body>
<body background = "image2.jpg">
MORE SITE STUFF
</body>
</html>

But it's not working. Any ideas? THanks
(I am super new to this, sorry if this is a stupid question)

I'm going to be building a website, and instead of adding color to the background of the page, I'm going to add an image of a scene. How can I add it so that the image does not scroll but the content does. I've seen it done in the past.


Thank you.

Hi y'all. Could anyone tell me if it's possible or, even better, supply the code for this. I want to create tables on a page with a semitransparent background so the underlying backgrounds shows through. To do this I've used the following code:

<style>
table, tr, td { background-color:transparent; border:none; border-width:0;}

body {
background-image:url('background_image_url');
background-attachment: fixed;
background-position:center;
background-repeat:no-repeat;
border-color:000000;
border-width:5px ;
border-style: solid;
}

table table { border: 0px }

table table table table{border:0px}

table table table {
border-style:solid;
border-width:3px;
border-color:000000;
background-color:transparent;
}
table table table td {
background-color: FFFFFF;
filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50; -khtml-opacity:0.50; }

table table table table td {filter:none;}

</style>


My problem is that the text and images in the tables also go semitransparent. Is there anything I can add to the to make the text and images clearer against the table background?

Alrighty,

I've got div backgrounds that aren't showing up! Some are showing in ie but not in firefox, and some aren't showing anywhere.

Here is a screenshot of what I'm experiencing (IE is on the left, firefox on the right)



Also, the light blue background around the top nav. should be behind the page content as well (meaning the crappy "multi-monitor mounts" image and the crappier "featured products" text)

any help would be appreciated!

Thanks