Posted by Els on 12/11/05 14:06

Toby Inkster wrote:

> 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.

True - I was just being lazy ;-)

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

• Next in forum: Re: The JavaScript Planet! There are now 789 JavaScripts available
• Prev in forum: Re: How to center a table correctly
• Thread view: Re: Html Newbie Question about Tables and Horizontal Rule

[Reply to this message]