Lines On Left And Right

[Skulltower]

how to do that on left side and right side there would be a line and on center would be you content? i should look like: www.l2j.lt

[Corey Bryant]

The first two things that come to mind are a background image in a divide or a border on the divide.

[grumpyoldtechs]

you could do it like this

<div style="border:1px solid #CCCCCC; border-top:0; border-bottom:0;">
your content
</div>

the code above is by no means the best way to do it (styles should be in a style sheet).

or you could have a 700-760px by 1px image which a line/small gradient at each end and have it as a background image of a <div> container.

dont use the site you linked from as an example the coding is shockingly bad (most likely photoshop export)

[Skulltower]

then how to make that those lines would be a little to left? like:

| Content |

[grumpyoldtechs]

i don't get what you mean?

do you mean something like:

add this to your style sheet:
#wrapper{
border:1px solid #CCCCCC;
border-top;
border-bottom:0;
margin:0 auto;
padding-left:10px;
width:700px
min-height:500px;
}

this in your html file:
<div id="wrapper">
some content
</div>

[Skulltower]

it looks like: http://88.118.204.69/pradedam/it-is.bmp
and i want it to look like: http://88.118.204.69/pradedam/it-should.bmp

[grumpyoldtechs]

add margin-left:150px; to the css i gave you


to make it how you want decrease the width increase the margin-left and margin-right.


width:400px;
margin:0 200px 0 200px;


might work better

[Skulltower]

thank you.