CSS - H1 With Different Font Style Embedded In A Single-line Text Link

Greetings,

I have a class called "header" and I am trying to give it a touch of extra space between it and the next line.

All of my headers are just a few words and thus on one line. I tried placing "line-height: 1.5em" in my "header" class and it shows up correctly in Dreamweaver but not in IE. My thought is, because it is only a single line, that class value does not kick in because there is no second line for that class.

Is there a way to conrol this in CSS or am I going to have to resort to using a....gulp.....spacer?

Thanks in advance!

Hi everyone,

Basically I am working on a yahoo store design, and I have learned through working with Yahoo Store that it is very proprietary and limited in access. They allow me to access external style sheets and some of the layout of the site but I found for a specific tag id that if I alter it's margin value, something in the inaccessible backend creates an embedded style for that tag that overrrides the external style sheet. Yahoo help has been no help because they don't support custom code.

Anyway, I was wondering if there was a way to override or disable an embedded style in general or for a specific tag? I am pretty sure there isn't, but if there is, I would be forever grateful. I would especially appreciate any non-javascript solutions. I think javascript could do the trick but a non-javascript solution would be preferable and that is what I'm looking for.

Thank you anyone who can help out.
-Greg

Hi Please look at this test page of site in progress.

http://thetransactiongroup.net/advisor/NEW/index.asp

On the left side there is a graphical/stylesheet based nav panel.

When you hover over the seventh button from the top, the popout navigation is double spaced. How can I make it like the others: single spaced?

Here is the stylesheet for that section of the nav, including my unsuccessful attempt to make it single spacing:

#nav li.m7 { background: url("m7.gif") -190px 0 no-repeat; }
#nav li.m7 a {
background: url("m7.gif") 0 0 no-repeat;
height:32px;
line-height: normal;
}
#nav li.m7 a:hover { background-image:none; }
#nav li.m7 ul li a { background-image:none; }

--- below is complete stylesheet:
#nav
{
padding: 0;
margin: 0;
width: 190px;
}

#nav li
{
list-style: none;
position: relative;
float: left;
margin-bottom: -1px;
width: 190px;
}

#nav a
{
width: 190px;
display: block;
height:20px;
}

#nav li.m1 { background: url("m1.gif") -190px 0 no-repeat; }
#nav li.m1 a { background: url("m1.gif") 0 0 no-repeat; }
#nav li.m1 a:hover { background-image:none; }

#nav li.m2 { background: url("m2.gif") -190px 0 no-repeat; }
#nav li.m2 a { background: url("m2.gif") 0 0 no-repeat; }
#nav li.m2 a:hover { background-image:none; }

#nav li.m3 { background: url("m3.gif") -190px 0 no-repeat; }
#nav li.m3 a { background: url("m3.gif") 0 0 no-repeat; }
#nav li.m3 a:hover { background-image:none; }
#nav li.m3 ul li a { background-image:none; }


#nav li.m4 { background: url("m4.gif") -190px 0 no-repeat; }
#nav li.m4 a { background: url("m4.gif") 0 0 no-repeat; }
#nav li.m4 a:hover { background-image:none; }
#nav li.m4 ul li a { background-image:none; }

#nav li.m5 { background: url("m5.gif") -190px 0 no-repeat; }
#nav li.m5 a { background: url("m5.gif") 0 0 no-repeat; }
#nav li.m5 a:hover { background-image:none; }
#nav li.m5 ul li a { background-image:none; }

#nav li.m6 { background: url("m6.gif") -190px 0 no-repeat; }
#nav li.m6 a { background: url("m6.gif") 0 0 no-repeat; }
#nav li.m6 a:hover { background-image:none; }

#nav li.m7 { background: url("m7.gif") -190px 0 no-repeat; }
#nav li.m7 a {
background: url("m7.gif") 0 0 no-repeat;
height:32px;
line-height: normal;
}
#nav li.m7 a:hover { background-image:none; }
#nav li.m7 ul li a { background-image:none; }

#nav li.m8 { background: url("m8.gif") -190px 0 no-repeat; }
#nav li.m8 a { background: url("m8.gif") 0 0 no-repeat; height:36px; }
#nav li.m8 a:hover { background-image:none; }

#nav li.m9 { background: url("m9.gif") -190px 0 no-repeat; }
#nav li.m9 a { background: url("m9.gif") 0 0 no-repeat; }
#nav li.m9 a:hover { background-image:none; }
#nav li.m9 ul li a { background-image:none; }

#nav li.m10 { background: url("m10.gif") -190px 0 no-repeat; }
#nav li.m10 a { background: url("m10.gif") 0 0 no-repeat; }
#nav li.m10 a:hover { background-image:none; }

#nav li.m11 { background: url("m11.gif") -190px 0 no-repeat; }
#nav li.m11 a { background: url("m11.gif") 0 0 no-repeat; }
#nav li.m11 a:hover { background-image:none; }

#nav li.m12 { background: url("m12.gif") -190px 0 no-repeat; }
#nav li.m12 a { background: url("m12.gif") 0 0 no-repeat; }
#nav li.m12 a:hover { background-image:none; }

#nav li.m13 { background: url("m13.gif") -190px 0 no-repeat; }
#nav li.m13 a { background: url("m13.gif") 0 0 no-repeat; }
#nav li.m13 a:hover { background-image:none; }

#nav li.m14 { background: url("m14.gif") -190px 0 no-repeat; }
#nav li.m14 a { background: url("m14.gif") 0 0 no-repeat; }
#nav li.m14 a:hover { background-image:none; }

#nav li.m15 { background: url("m15.gif") -190px 0 no-repeat; }
#nav li.m15 a { background: url("m15.gif") 0 0 no-repeat; }
#nav li.m15 a:hover { background-image:none; }

#nav li.m16 { background: url("m16.gif") -190px 0 no-repeat; }
#nav li.m16 a { background: url("m16.gif") 0 0 no-repeat; }
#nav li.m16 a:hover { background-image:none; }

#nav li.m17 { background: url("m17.gif") -190px 0 no-repeat; }
#nav li.m17 a { background: url("m17.gif") 0 0 no-repeat; }
#nav li.m17 a:hover { background-image:none; }
#nav li.m17 ul li a { background-image:none; }

#nav li.m18 { background: url("m18.gif") -190px 0 no-repeat; }
#nav li.m18 a { background: url("m18.gif") 0 0 no-repeat; }
#nav li.m18 a:hover { background-image:none; }


#nav ul
{
padding: 0;
margin: 0;
width: 240px;
border:1px solid #555;
background-color:#fff;
position: absolute;
visibility:hidden;
left:auto;
margin-left: 189px;
margin-top: -22px;
}

#nav li ul.double
{
margin-top: -32px;
}

#nav li ul li a
{
width: 230px;
border-top:1px solid #fff;
border-right:1px solid #555;
border-bottom:2px solid #555;
border-left:1px solid #fff;
color:#000;
height:17px;
line-height:17px;
text-decoration:none;
padding-left:10px;
background-image:none;
}

#nav li:hover ul, #nav li.sfhover ul
{
visibility:hidden;
}

#nav li:hover ul, #nav li.sfhover ul
{
visibility:visible;
}

Hi all. I am in the process of re-coding some beautiful email templates that were pure CSS layouts into nasty HTML nested tables so our clients can still see our newsletter when viewing them in Web based email browsers like Yahoo, GMail, etc. (since these often strip out our CSS sections)

Typically we would define our link styles in CSS using something like: PHP Code:
 a, a:link, a:visited {
        color: #BF28B2;
        text-decoration: none;
        font-weight: bold;
} 



I just realized I am not sure how to represent the same style when using inline styles such as <span style='...'>text</span>. Just what can I do to modify the link styles using inline styles?

Thanks

I am using style sheet for fonts etc. I was wondering is it OK to use style sheet and <Font> tags at the same time on a page. I mean if you are using certain font only once. Why bother creating a class in style sheet and then calling using that class ..