2 replies to this topic

[welton122]

hi all,

okay i am trying to achieve a new look, basically i have the following code:

div#navigation1 li {

	border-left:1px solid #999;

	border-right:1px solid #999;

	float: left;

	width:101px;

	height: 22px;

	list-style:none;

	text-decoration: none;

}

this shows the two 1px borders close together, forming a 2px border. what i would like is for there to be say a 2px space between the two. This code does the job is all browsers apart from IE8??

Any help?

Thanks,
Jake

[BlaineSch]

Hey Jake,

You can add a margin to the element to pad it from the other elements.

div#navigation1 li {
    border-left:1px solid #999;
    border-right:1px solid #999;
    float: left;
    width:101px;
    height: 22px;
    list-style:none;
    text-decoration: none;
    margin: 0px 1px;
} 

[welton122]

OMG that seems so obvious now lol thanks so much, its been driving me crazy for ages :P.

Thanks,
Jake