Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 15

Thread: rounded border

  1. #1
    Junior Member
    Join Date
    Oct 2004
    Posts
    18
    Member #
    7848
    how can i create a border for a paragraph. i want the same border (rectangular with rounded corners) for every paragraph. the thing is the height and width of the paragraphs will vary.

  2.  

  3. #2
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    Im not sure but i think you have to use graphics for this, not css styles. A site I just to visit dogbomb.co.uk had this, but I dunno maybe you can use css.

  4. #3
    Senior Member Physt's Avatar
    Join Date
    Jul 2004
    Posts
    255
    Member #
    6655
    You can't use just CSS.. you can use basic graphics and CSS.. let me find an old tutorial for you, that used tables.. It really is very basic.. 1 table with 9 cells.. the top right, bottom right, top left and bottom left cells have a graphic corresponding to the corner.. Or you can use CSS and do the same thing.. With either 4 divs or 2 divs and 2 spans.. I'll post the tutorial if I can find it..
    www.controlalternate.com - Web resources and free templates. www.chaosconcepts.net - Custom web and graphic design.
    www.blog.chaosconcepts.net - My Blog

  5. #4
    Banned
    Join Date
    Dec 2004
    Posts
    7
    Member #
    8374
    Hoda nofal romano

    Quote Originally Posted by twothink02
    how can i create a border for a paragraph. i want the same border (rectangular with rounded corners) for every paragraph. the thing is the height and width of the paragraphs will vary.
    That is a simple issue. If you are using dreamwaver, just click on table and you will find that option.

    Hoda nofal romano

  6. #5
    Junior Member
    Join Date
    Oct 2004
    Posts
    18
    Member #
    7848
    just coding. no dreamweaver

    Quote Originally Posted by hodanofal
    That is a simple issue. If you are using dreamwaver, just click on table and you will find that option.

    Hoda nofal romano

  7. #6
    Senior Member Physt's Avatar
    Join Date
    Jul 2004
    Posts
    255
    Member #
    6655
    HTML Code:
    <table border="0" cellspacing="0" padding="0">
      <tr>
        <td>topleftcorner</td>
        <td>top mid</td>
        <td>toprightcorner</td>
      </tr>
      <tr>
        <td>leftsite</td>
        <td>CONTENT GOES HERE</td>
        <td>rightside</td>
      </tr>
      <tr>
        <td>bottomleftcorner</td>
        <td>bottommid</td>
        <td>bottomrightcorner</td>
      </tr>
    </table>
    put images in each of the corners corresponding to which corner it is..
    www.controlalternate.com - Web resources and free templates. www.chaosconcepts.net - Custom web and graphic design.
    www.blog.chaosconcepts.net - My Blog

  8. #7
    Senior Member
    Join Date
    May 2003
    Location
    UK
    Posts
    2,354
    Member #
    1326
    sorry, to query, but what if twothinko2 does not want a tabular version? is there no way of a div version no?

  9. #8
    Junior Member
    Join Date
    Oct 2004
    Posts
    18
    Member #
    7848
    ok, so i did the table thing and everything looks great in explorer but in mozilla i get some space below my corner images. img border="0" table border="0" cellpadding="0" cellspacing="0" still can't get rid of it. any ideas?

    <table border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td bgcolor="red"><img 41b22c40e95ac.png" alt="border" width="50" height="50" /></td>
    <td rowspan="3">blah</td>
    <td><img src="41b22c0e88bce.png" alt="border" width="50" height="50" /></td>
    </tr>
    <tr>
    <td class="bubblel">&nbsp;</td>
    <td class="bubbler">&nbsp;</td>
    </tr>
    <tr>
    <td><img src="41b22c30aec2e.png" alt="border" width="50" height="50" /></td>
    <td><img src="41b22bff668bf.png" alt="border" width="50" height="50" /></td>
    </tr>
    </table>

  10. #9
    Senior Member Physt's Avatar
    Join Date
    Jul 2004
    Posts
    255
    Member #
    6655
    You have 3 td's in 1 and 2 in the next 2 rows.. You need to have 3 in each.. That could cause the problem.. NO content should go in any tds except the (1)! content td and the (4)!! img tds.. The side td's will adjust themselves based on the size of the content and images..
    www.controlalternate.com - Web resources and free templates. www.chaosconcepts.net - Custom web and graphic design.
    www.blog.chaosconcepts.net - My Blog

  11. #10
    Junior Member
    Join Date
    Oct 2004
    Posts
    18
    Member #
    7848
    cool thx


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 01:18 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com