ccc

Is there a way to place two square or rectangular borders side by side with CSS?

Please register or log-in into NamePros to hide ads

DarkDevil

not sure what you mean...
a boarder is a boarder, its neither square nor rectangular

__________________
Sometimes I lay awake at night and I ask "Where have I gone wrong?" Then a little voice says "This is going to take more than one night"

ccc

Quote:

Originally posted by DarkDevil not sure what you mean... a boarder is a boarder, its neither square nor rectangular

Well, I mean... when I put a border each around two paragraphs of text, then it will assume a square or rectangular shape which I can then manipulate each one (using px) into an equal size and shape.

I guess my qustion is : Can I put two paragraphs side by side and put a seperate border around each paragraph using CSS? I've tried to do it and what ends up happening is, the second paragraph winds up, not next to the first paragraph, but underneath it. If both paragraph's, with borders, could be represented by an upper cased "D" they would look like this on my page:















D D

pistol

hmmmm, ok. i'll pretend to understand what you're saying for a bit....

Why not put the paragraphs in two divs, have a width for each div, and absolute position them?

so like in your CSS file it would be like


#div {
border: 2px solid #000;
width: 100px;
}

and then your paragraphs in your html file would be like:

<div id="div" style="position: absolute; top:0px; left:0px;">
<p>paragraph 1</p>
</div>
<div id="div" style="position: absolute; top:0px; left:105px;">
<p>paragraph 2</p>
</div>

hopefully that'll make sense.

ccc

Quote:

Originally posted by pistol hmmmm, ok. i'll pretend to understand what you're saying for a bit.... Why not put the paragraphs in two divs, have a width for each div, and absolute position them? so like in your CSS file it would be like #div { border: 2px solid #000; width: 100px; } and then your paragraphs in your html file would be like: <div id="div" style="position: absolute; top:0px; left:0px;"> <p>paragraph 1</p> </div> <div id="div" style="position: absolute; top:0px; left:105px;"> <p>paragraph 2</p> </div> hopefully that'll make sense.

Thank you, pistol. It made perfect sense and worked very nicely.


P.S. The secret to understanding what I say is very simple: Assume you're dealing with someone who knows so little about html, css and javascript he doesn't even know how to phrase his questions or if the codes he's using are invalid or long out of use.