•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 423,746 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,375 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 791 | Replies: 2
 |
•
•
Join Date: Nov 2007
Posts: 6
Reputation: 
Rep Power: 0
Solved Threads: 0
Newbie Poster
Hello, I am using the font, tahoma, on my site. I am using H3 tags because h1 tags are to bulky and awkward no matter what size I reduce them to. Is there a way around this? Using a different font or CSS?
Last edited by cscgal : Apr 8th, 2008 at 1:28 am. Reason: Fake signature snipped
•
•
Join Date: Feb 2005
Posts: 427
Reputation:
Rep Power: 4
Solved Threads: 12
Posting Pro in Training
You should be able to resize the text using CSS.
That should resize the contents of any h1 (nopte, in some DocTypes there should only be 1), to the desired size.
Please note: I have set it to being 1em.
By default, that should equate to roughly 16px. This is done so that the text will Resize in compliant browsers and in IE6 (as setting it to px will result in IE6 not resizing the text!).
Of course, if you have altered font-sizes, you may want to adjust it to your own tastes (simple trial and error should do).
To effect all of them... try combining the identifiers...
That should all of them to the same... then you can go and alter each from there if you wish.
Please be aware that Header tags are sometimes used as visual identifiers, and thus more important (lower numbers after the 'h'), should be more visually obvious.
If this is not working, then it is possible that you have somethign 'overiding' your styling.
This could be a similar set of styles appearing lower in the css file (if external), or embedded styling overiding the external styling, or inline overiding the embedded/external... etc.
Altenratively, it could be more "specific" styling 'overiding'... such as
or
or
etc.
So, push comes to shove, try adding hte styling inline to see if it works...
If that works, then remove the 'style', then try it embedded...
(top of the code, in the <head> section)
If that fails, then look through and see if there is anything more specific or lower down the styling that could overide it.
If that works, then remove the embedded code, and try inserting it into your external file.
It may take a bit of time to go through, but you should find the problem.
h1
{
font-size: 1em;
font-weight: normal;
}That should resize the contents of any h1 (nopte, in some DocTypes there should only be 1), to the desired size.
Please note: I have set it to being 1em.
By default, that should equate to roughly 16px. This is done so that the text will Resize in compliant browsers and in IE6 (as setting it to px will result in IE6 not resizing the text!).
Of course, if you have altered font-sizes, you may want to adjust it to your own tastes (simple trial and error should do).
To effect all of them... try combining the identifiers...
h1,h2,h3,h4,h5,h6
{
font-size: 1em;
font-weight: normal;
}That should all of them to the same... then you can go and alter each from there if you wish.
Please be aware that Header tags are sometimes used as visual identifiers, and thus more important (lower numbers after the 'h'), should be more visually obvious.
If this is not working, then it is possible that you have somethign 'overiding' your styling.
This could be a similar set of styles appearing lower in the css file (if external), or embedded styling overiding the external styling, or inline overiding the embedded/external... etc.
Altenratively, it could be more "specific" styling 'overiding'... such as
#contents h1
.maintitletext
h1.maintitletext
etc.
So, push comes to shove, try adding hte styling inline to see if it works...
<h1 style="font-size: 1em; font-weight: normal;">Text Here</h1>
If that works, then remove the 'style', then try it embedded...
(top of the code, in the <head> section)
<style type="text/css">
h1
{
font-size: 1em;
font-weight: normal;
}
</style>If that works, then remove the embedded code, and try inserting it into your external file.
h1
{
font-size: 1em;
font-weight: normal;
}It may take a bit of time to go through, but you should find the problem.
Sometimes life holds wonderful suprises - shame I sleep through them all.
http://www.choose-easyweb.com - Not my design, nor my idea :)
http://www.choose-easyweb.com - Not my design, nor my idea :)
•
•
Join Date: Feb 2002
Location: Lawn Guylen, NY
Posts: 10,900
Reputation:
Rep Power: 32
Solved Threads: 118
You can also use
padding:0px; margin:0px; display:inline; so that H1 tags can be on the same line as other text. Dani the Computer Science Gal
Do you run a computer-related website? Feature it in our niche link directory!
Do you run a computer-related website? Feature it in our niche link directory!
|
•
•
•
•
•
•
•
•
DaniWeb HTML and CSS Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Linear Mode
Other Threads in the HTML and CSS Forum
- Previous Thread: how to convert a string to integer
- Next Thread: Need to create a form for my site
