Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

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

#82865
netdude
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