How would this work

[ChatBox]

I've got a headache after trying to figure this out so maybe you guys can help 😀 I'm trying to have at least four in the same line of this coding.

<div class="sidebox">
<div class="boxhead"><h2>Numbers</h2></div>
<div class="boxbody">
12345678910
</div></div>

The CSS is

<style type="text/css">
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
margin: 0 auto; /* center for now */
width: 17em; /* ems so it will grow */
background: url(http://www.vertexwerks.com/tests/sidebox/sbbody-r.gif) no-repeat bottom right;
font-size: 100%;
}
.boxhead {
background: url(http://www.vertexwerks.com/tests/sidebox/sbhead-r.gif) no-repeat top right;
margin: 0;
padding: 0;
text-align: center;
}
.boxhead h2 {
background: url(http://www.vertexwerks.com/tests/sidebox/sbhead-l.gif) no-repeat top left;
margin: 0;
padding: 22px 30px 5px;
color: white;
font-weight: bold;
font-size: 1.2em;
line-height: 1em;
text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
background: url(http://www.vertexwerks.com/tests/sidebox/sbbody-l.gif) no-repeat bottom left;
margin: 0;
padding: 5px 30px 31px;
}

</style>

Is there a way they can be on the same line across the page? Whatever I try and do it just goes down the page. :'(

Another impossible thing I'm sure but it's worth asking. 😛

 

[Deleted member 4320]

Can you explain please, I'm a little unsure what it is you want.

From the looks of things you want a 'sidebar' on your forum but you say you want it in the same line and not a different line?

Do you want the numbers on the same line as the title?

 

[ChatBox]

You know how those box ads are done? I want these rounded things to be added instead of the boxes. Is there a way of doing that?

 

[katy perry is hot]

You want rounded ad boxes? I still don't really get it.

 

[ChatBox]

Yes. Rounded ad boxes. 😛 How there's four or five in a line.

 

[katy perry is hot]

If their for ads, you can go to whatever site makes the ads for you and punch in rounded ones and how many you want in a line.

 

[ChatBox]

It was from a tutorial. There's no part of it to customize how many you want.

 

[Deleted member 4320]

Providing that the style you are using is prosilver, add this on a new line above the code...

			<div class="inner"><span class="corners-top"><span></span></span>

And then add this on a new line below the selected code.

			<span class="corners-bottom"><span></span></span></div>

I hope that helps you out 🙂

 

[ChatBox]

That still doesn't work. When I add more than two it goes so wide.

 

[Deleted member 4320]

You will need to add them in around one box each time, not wrap them round all boxes.

 

[ChatBox]

I will try it.