Home › Forums › CSS › DOES ANYONE KNOW HOW: Graphic Center Placed With Lines On Each End › Re: DOES ANYONE KNOW HOW: Graphic Center Placed With Lines On Each End
July 5, 2011 at 1:11 pm
#82865
Member
Hey franklanzkie,
You will be surprised that this is quite a simple technique. The effect in questions is actually created with a simple background image applied to an <hr /> element via CSS.
Here is a direct link to the image being used. GNU Divider Image and here is the CSS that is being applied to the element.
#footer hr {
background: url("i/divider-GNU.png") no-repeat scroll 50% 0 transparent;
border: medium none;
height: 68px;
margin: 0 0 40px;
width: 920px;
}
As a suggestion I recommend you install Firebug a Firefox add-on that allows you to visually see and edit any HTML element on a page, as well as other useful tools.
-netdude