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 gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Can't Make Text "Header" Bold

Status
Not open for further replies.
scripter73

scripter73

Programmer
Apr 18, 2001
421
US
Hi,

I have the following style sheet code. I'd like to make my maroon text within my table bold.

I've already specified the font-weight = bold. What else do I need to do?


/* Make all body text maroon-colored 12-point Verdana with 16-point
vertical spacing between lines of text and 10-point margins. Use
color as the background.
*/

body {font-size: 10pt;
font-family: "Verdana, Arial";
font-weight: bold;
color: #660000;
background:silver;
}

/* Make headings Verdana bold with generous line spacing. If user
doesn't have Verdana, use Arial.
*/
h1 {font: 20pt "Verdana, Arial";
font-weight: bold;
line-height: 30 pt;
}


/* Don't underline links, and make all links red. Make links flash
black when activated.
*/
a:{text-decoration: underlined;}
a:link {color:#083194;font-size:10pt;}
a:visited {color:#6699CC;font-size:10pt;}
a:active{color:#6699FF;font-size:10pt;}

p {font-size: 8pt;
font-family: "Verdana, Arial";
font: italic;
}


My page is on the following link:


Thanks in advance,
scripter73
 
Sort by date Sort by votes
Try

h1 {font: 20pt "Verdana, Arial" bold;
line-height: 30 pt;
}

or

h1 {font-size: 20pt;
font-family: "Verdana, Arial";
font-weight: bold;
}

Hope this helps,
Erik
 
Upvote 0 Downvote
Hi Boomerang,

Nope. That didn't seem to do the trick. In my <html> code, I don't have the maroon text in <h1></h1> tags.
If I add <h1></h1> around my text, then it skews everything in the table because of the line-height, etc.

I don't want to make the text any bigger, I just want to make the body text portion bold.

Thanks for your help, though.
scripter73
 
Upvote 0 Downvote
I do hope I understand what you ment: I've looked at your page and assumed you needed the headers above the links in the tables bigger? If so, then try this:

<span class=&quot;boldheader&quot;>Sweep Bank Information
</span>

and add this to your stylesheet:

.boldheader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold}

Hope I understood what you ment and have helped.....

Quasibobo

*** Don't eat yellow snow! ***
 
Upvote 0 Downvote
Hi scripter73,

Quasibobo's answer is OK. But maybe it's more simple to ad this to your style-sheet:

table {
font-weight: bold;
}

If you have other tables where you want another style then use Quasibobo's example in your stylesheet:

table.uniquetablename {
font-weight: bold;
}

and add a class to your table:

<tabble class=&quot;uniquetablename&quot; .........>

Hope this helps,
Erik



 
Upvote 0 Downvote
I tried both options and they worked great!

Thanks Quasibobo and Boomerang!

 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

waubain
  • Locked
  • Question
Prevent user from getting a 404 error if click on a hover text displaying a hidden image. 1
Replies
5
Views
219
jjgupta915
jjgupta915
pendle666
  • Locked
  • Question
Inserting same line of text of every web page - &quot;link&quot; insert? 1
Replies
6
Views
206
ChrisHirst
ChrisHirst
CoolBreeze007
  • Locked
  • Question
Unable to make HTML element adjust with the resizing of the browser
Replies
0
Views
116
CoolBreeze007
CoolBreeze007
lupidol
  • Locked
  • Question
input:hover[type=&quot;submit&quot;] 1
Replies
4
Views
309
lupidol
lupidol
coldbohemia
  • Locked
  • Question
I'm inserting a text file into a we
Replies
2
Views
159
coldbohemia
coldbohemia

Part and Inventory Search

Sponsor

Back
Top