Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

CSS code

Status
Not open for further replies.
magicandmight

magicandmight

IS-IT--Management
Joined
Aug 27, 2004
Messages
77
Location
US
Is there anything wrong with this css code mainly around the font-family because it will not make the correct font appear:

.text1 {text-decoration: none;
font-weight: 400;
font-size: 13pt;
font-family: Arial;
color: black;
}

Thx
 
Sort by date Sort by votes
Try:
[tt]
.text1 {
text-decoration: none;
font-weight: 400;
font-size: 13pt;
font-family: 'Arial';
color: black;
}
[/tt]

*cLFlaVA
----------------------------
A pirate walks into a bar with a huge ship's steering wheel down his pants.
The bartender asks, "Are you aware that you have a steering wheel down your pants?"
The pirate replies, "Arrrrr! It's driving me nuts!
 
Upvote 0 Downvote
nope no changes...how about I also let you see the html code as well...:

<p class="text1">
We deliver our technology by surrounding it with knowledgeable people, beneficial services and a continuous process of improvement. Knowing which button to push or
which option to take is only the first step in the journey of utilizing our businessto the maximum benefit of our clients.
</p>
 
Upvote 0 Downvote
Works for me. Do you have <STYLE>...</STYLE> tags around your CSS definitions?

*cLFlaVA
----------------------------
A pirate walks into a bar with a huge ship's steering wheel down his pants.
The bartender asks, "Are you aware that you have a steering wheel down your pants?"
The pirate replies, "Arrrrr! It's driving me nuts!
 
Upvote 0 Downvote
<html>

<body>

<font SIZE="1">
<p>h1 { font-family: Arial; font-size: 10pt; color: #FCCD10; font-weight: bold }</p>
<p>.tnbw { font-family: Arial; font-size: 10pt; color: #FFFFFF; font-weight:
bold }</p>
<p>.tnbb { font-family: Arial; font-size: 14pt; color: #000080 }</p>
<p>.tnby { font-family: Arial; font-size: 10pt; color: #FCCD10; font-weight:
bold }</p>
<p>.tsy { font-family: Arial; font-size: 8pt; color: #FCCD10 }</p>
<p>.tby { font-family: Arial; font-size: 12pt; color: #FCCD10 }</p>
<p>.tny { font-family: Arial; font-size: 10pt; color: #FCCD10 }</p>
<p>h2 { font-family: Arial; font-size: 10pt; color: #000080; font-weight: bold }</p>
<p>.hby { color: #FCCD10; font-family: Arial; font-size: 10pt; font-weight: bold
}</p>
<p>.hbb { font-family: Arial; font-size: 10pt; color: #000080; font-weight: bold
}</p>
<p>.tnb { font-family: Arial; font-size: 10pt; color: #000080 }</p>
<p>.tbb { font-family: Arial; font-size: 12pt; color: #000080 }</p>
<p>.tsb { font-family: Arial; font-size: 4pt; color: #000080 }</p>
</font>

<!-- begin theme CSS -->
<style type="text/css">

A {text-decoration: none;
font-weight: normal;
font-size: 11pt;
color: blue;
}



.link1 {text-decoration: none;
font-weight: bold;
font-size: 8pt;
color: white;
}

.link2 {font-family: Georgia; font-size: 12pt; color: #000080 }</p>


.text1 {
text-decoration: none;
font-weight: 400;
font-size: 13pt;
font-family: 'Arial';
color: black;
}
.text2 {text-decoration: none;
font-weight: bold;
color: white;
}
.bbi1{text-decoration:none;
font-weight: bold;
font-size: 10pt;
font-style: italic;
font-family: Arial, Veranda, Times;
color: black;
}
.bbb1{text-decoration:none;
font-weight: bold;
font-size: 12pt;
font-style: bold;
font-family: Arial, Veranda, Times;
color: black;
}

.border{border-color: #000080;
border-style: outset;
border-width: thin;
}
.border2{border-color: #000080;
border-style: outset;
border-width: thick;
}

A:hover {text-decoration: underline;
color:blue;}

A:link { color:blue; }


</style>
<!-- end theme CSS -->

</body>

</html>
 
Upvote 0 Downvote
What is that stuff up top?
is this your .css file? or your html file?

*cLFlaVA
----------------------------
A pirate walks into a bar with a huge ship's steering wheel down his pants.
The bartender asks, "Are you aware that you have a steering wheel down your pants?"
The pirate replies, "Arrrrr! It's driving me nuts!
 
Upvote 0 Downvote
The previous webmaster created it I just left it...though all of it works actually lol.
 
Upvote 0 Downvote
Feel free to shoot the previous web master in a leg with energy-based weapon of your personal choice :)

Also: most of browsers won't change boldface if font-weight is less than 600.
 
Upvote 0 Downvote
Perhaps previous webmaster left said document to show how each style was defined.

Though exactly why I can't begin to fathom.
I do find it beautifully ironic that he wrapped it in a <font> tag.

Did he go on to perform on the Northern Club Circuit? ;)

To possibly provide a solution to your problem, try putting the style definitions in the <head> part of your document.


Code: 
<html>
<head>

<style type="text/css">

A {text-decoration: none;
    font-weight: normal;
    font-size: 11pt;
    color: blue;
   }


   
    .Link1 {text-decoration: none;
    font-weight: bold;
    font-size: 8pt;
    color: white;
    }

    .Link2 {font-family: Georgia; font-size: 12pt; color: #000080 }</p>

  
   .text1 {
    text-decoration: none;
    font-weight: 400;
    font-size: 13pt;
    font-family: 'Arial';
    color: black;
   }
   .text2 {text-decoration: none;
    font-weight: bold;
    color: white;
   }
     .bbi1{text-decoration:none;
   font-weight: bold;
   font-size: 10pt;
   font-style: italic;
   font-family: Arial, Veranda, Times;
   color: black;
   }
     .bbb1{text-decoration:none;
   font-weight: bold;
   font-size: 12pt;
   font-style: bold;
   font-family: Arial, Veranda, Times;
   color: black;
   }

   .border{border-color: #000080;
    border-style: outset;
    border-width: thin;
   }
    .border2{border-color: #000080;
    border-style: outset;
    border-width: thick;
   }

A:hover {text-decoration: underline;
 color:blue;}

 A:link { color:blue; }

</style>

</head>

<body>
<p class="text1">
We deliver our technology by surrounding it with knowledgeable people, beneficial services and a continuous process of improvement.  Knowing which button to push or
which option to take is only the first step in the journey of utilizing our businessto the maximum benefit of our clients.
</p>
</body>
</html>

That might help you out.

 
Upvote 0 Downvote
Amazingly even that didnt work....well I will just hard code it in for right now I guess and work with it for a while...though if you have any more suggestion feel free to offer them.
Thx
 
Upvote 0 Downvote
I figured it out...it was something really stupid. I had a </p> in my code that was screwing it all up. Thx for everyone's help.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

bdwilcox
  • Locked
  • Question Question
More efficient / manageable way to code this HTA w/ VBScript?
Replies
0
Views
1K
bdwilcox
bdwilcox
jizzer
  • Locked
  • Question Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
2K
spamjim
spamjim
Expoverse
  • Locked
  • Helpful tip Helpful tip
Solution to CSS Two Level Horizonal Menu
Replies
1
Views
1K
pmonett
pmonett
PeDa
  • Locked
  • Question Question
CSS two level horizontal menu
Replies
0
Views
918
PeDa
PeDa
PeDa
  • Locked
  • Question Question
Horizontal rule and CSS problem
Replies
2
Views
1K
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top