Posted by Toby Inkster on 12/11/05 13:20

Els wrote:

> HTML:
>
> <h2><span>Contact</span></h2>
> <h2><span>Classes</span></h2>
> <h2><span>Other Stuff</span></h2>
>
> CSS:
>
> h2{
> width:800px;
> background:url(hr.gif) repeat-x center;
> padding-left:50px;
> }
> h2 span{
> color:black;
> background:white;
> }

How about:

<style type="text/css">
h2 {
background: white;
color: black;
border-bottom: medium solid;
padding: 0 0 0 2em;
margin: 1.5em 0 1em;
font-family: "Garamond", "Georgia", "Times New Roman", serif;
}
h2 span {
padding: 0 0.5em;
position: relative;
top: 0.5em;
background: white;
color: black;
}
</style>
<h2><span>Contact</span></h2>
<h2><span>Classes</span></h2>
<h2><span>Other Stuff</span></h2>

No background image required.

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

[Back to original message]