Okay, I am unsure of the this icon is termed " " but it looks like a new half square group or something. Can there be any way We can put a paragrah among big ones of those Like a bordered table but instead of it all staying bordered, only the sides. If I design a graphic in that case obviously the word can’t fit snuggly inside bracket corner edges since the invisible part in the graphic is generally there. I know this may not be making much good sense. So simple speaking, a bordered table that is definitely only half bordered, considering the middle lines currently being invisible.
Thanks for virtually any info!!
(as you are able to tell I ‘m a novice from web editing)
Hell of your question for a new newcomer, though.
WHEN I haven’t ever tried this. So I haven’t so much got a clue if it will work. But it’s likely the only resolution you’ll get because the nature of the particular question.
I don’t think you possibly can pull off what you need with strictly borders so ,, but you might manage to with a mix off faux backgrounds along with borders.
In essence, you’d want to make a GIF file containing just your border colour. The dimensions is a width and height of your respective horizontal borders. For instance, if you wanted them to become 50 pixels long by 2 pixels higher, you’d create your 50 x ONLY TWO GIF.
Then you’d find something to help like this with your CSS (I’m assuming black will be border color regarding example):
/* this gives you your left whilst your top left edge. */ div#border-top-left border-left: 2px sound black; background: URL(black-border. gif) major left no-repeat; perimeter: (whatever); padding: 0; /* this gives you your bottom still left border. You don't want any margins or padding for this or the subsequent two divs to confirm your backgrounds and borders make flush. */ div#border-bottom-left foundation: URL(black-border. gif) underside left no-repeat; perimeter: 0; padding: 0; /* this gives you your right in addition to top right edge. */ div#border-top-right border-right: 2px sound black; background: URL(black-border. gif) major right no-repeat; perimeter: 0; padding: 0; /* this gives you your bottom correct border. */ div#border-bottom-right foundation: URL(black-border. gif) underside right no-repeat; perimeter: 0; padding: 0; /* this is how you put ones content. Add whatever margins as well as padding for spacing purposes you're looking here. */ div#content-inside-the-borders cushioning: (whatever you like); perimeter (also whatever everyone like);
And then ones divs would go in this way. Notice how there’re concentric:
< div id=" border-top-left" > < div id=" border-bottom-left" > < div id=" border-top-right" > < div id=" border-bottom-right" > < div id=" content-inside-the-borders" > Any content goes within here. < /div> < /div> < /div> < /div> < /div>
I typed this through to the fly and also haven’t checked it or tried this, but this should hopefully allow you to get started.