Results 1 to 12 of 12

Thread: DIV Borders

  1. Aug 19th, 2002, 05:24 AM #1
    alex_read
    alex_read is offline

    Thread Starter
    Evil Genius alex_read's Avatar
    Join Date
    May 2000
    Location
    Espoo, Finland
    Posts
    5,538

    DIV Borders

    Hi all!

    Can someone tell me how I can display a border on a DIV tag please?

    Code:
    <HTML>
<HEAD>

</HEAD>

<BODY>

	<DIV style="width:100px;height:100px" style="border:5">
		<TABLE width="100px" height="100px" border="0">
		<TR><TD>&nbsp;</TD></TR>
		</TABLE>
	</DIV>


</BODY>
</HTML>

    Please rate this post if it was useful for you!
    Please try to search before creating a new post,
    Please format code using [ code ][ /code ], and
    Post sample code, error details & problem details
    Reply With Quote Reply With Quote
  2. Aug 19th, 2002, 05:40 AM #2
    Rick Bull
    Rick Bull is offline
    Frenzied Member Rick Bull's Avatar
    Join Date
    Apr 2002
    Location
    England
    Posts
    1,444
    It's the border:5 bit that's wrong - you're not specifying a unit (i.e. px). Also you can add a border style and colour like so:

    Code:
    <DIV style="width:100px;height:100px" style="border:5px solid black">
    http://www.rickbull.co.uk/
    Help get full alpha-transparency in Internet Explorer
    Reply With Quote Reply With Quote
  3. Aug 19th, 2002, 05:45 AM #3
    alex_read
    alex_read is offline

    Thread Starter
    Evil Genius alex_read's Avatar
    Join Date
    May 2000
    Location
    Espoo, Finland
    Posts
    5,538
    I did try with the units, it was the colour I missed, thanks for the help Rick!

    Please rate this post if it was useful for you!
    Please try to search before creating a new post,
    Please format code using [ code ][ /code ], and
    Post sample code, error details & problem details
    Reply With Quote Reply With Quote
  4. Aug 19th, 2002, 06:04 AM #4
    alex_read
    alex_read is offline

    Thread Starter
    Evil Genius alex_read's Avatar
    Join Date
    May 2000
    Location
    Espoo, Finland
    Posts
    5,538
    Last one then, can you tell me how I can make the div be positioned in the center of the screen please?

    <DIV style="border:5px solid black; Align:Center">

    Please rate this post if it was useful for you!
    Please try to search before creating a new post,
    Please format code using [ code ][ /code ], and
    Post sample code, error details & problem details
    Reply With Quote Reply With Quote
  6. Aug 19th, 2002, 06:30 AM #5
    da_silvy
    da_silvy is offline
    Conquistador
    Join Date
    Dec 1999
    Location
    Australia
    Posts
    4,527
    <DIV style="border:5px solid black;" align="center">

    i think
    Reply With Quote Reply With Quote
  7. Aug 19th, 2002, 06:34 AM #6
    alex_read
    alex_read is offline

    Thread Starter
    Evil Genius alex_read's Avatar
    Join Date
    May 2000
    Location
    Espoo, Finland
    Posts
    5,538
    nice try! Thanks for the suggestion, tried that one though.
    That's the only 2 ways I've ever positioned an element.

    Please rate this post if it was useful for you!
    Please try to search before creating a new post,
    Please format code using [ code ][ /code ], and
    Post sample code, error details & problem details
    Reply With Quote Reply With Quote
  8. Aug 19th, 2002, 06:38 AM #7
    alex_read
    alex_read is offline

    Thread Starter
    Evil Genius alex_read's Avatar
    Join Date
    May 2000
    Location
    Espoo, Finland
    Posts
    5,538
    It's okay thanks, apparently the align=center bit was taken out of the DIV tag spec in HTML version 4, I've got around it using the <CENTER></CENTER> tags around the DIV.

    Many thanks for all the help!

    Please rate this post if it was useful for you!
    Please try to search before creating a new post,
    Please format code using [ code ][ /code ], and
    Post sample code, error details & problem details
    Reply With Quote Reply With Quote
  9. Aug 19th, 2002, 06:45 AM #8
    da_silvy
    da_silvy is offline
    Conquistador
    Join Date
    Dec 1999
    Location
    Australia
    Posts
    4,527


    that was going to be my next suggestion...

    What browser are you using as <div align="center"> works fine in ie6..?
    Reply With Quote Reply With Quote
  11. Aug 19th, 2002, 06:46 AM #9
    alex_read
    alex_read is offline

    Thread Starter
    Evil Genius alex_read's Avatar
    Join Date
    May 2000
    Location
    Espoo, Finland
    Posts
    5,538
    errr, IE6 ?!?!?!?!

    Maybe I've done something to bugger up my broswer then, weird!

    Please rate this post if it was useful for you!
    Please try to search before creating a new post,
    Please format code using [ code ][ /code ], and
    Post sample code, error details & problem details
    Reply With Quote Reply With Quote
  12. Aug 19th, 2002, 06:53 AM #10
    da_silvy
    da_silvy is offline
    Conquistador
    Join Date
    Dec 1999
    Location
    Australia
    Posts
    4,527
    hehehe

    yeah

    just checked it again to make sure i wasn't going insane

    Yes, it's fine, DIV tags work with the align property
    Reply With Quote Reply With Quote
  13. Aug 19th, 2002, 11:13 AM #11
    punkpie_uk
    punkpie_uk is offline
    Fanatic Member punkpie_uk's Avatar
    Join Date
    Sep 2001
    Location
    UK
    Posts
    645
    hi, it's probably best if you use use css to position the element as align for the div tag is now deprecated.

    Try something like this...

    Code:
    <div style="width:100%; text-align:center;">
 <div style="width:100px;">
   Some text
 </div>
</div>
    This is actually an unofficial way to do it. The official "correct" way is to set the margins to auto...

    Code:
    <div style="width:100px; margin-left:auto; margin-right:auto;">Some Text</div>
    ..but I believe this ins't supported by all browsers as yet.

    Also, did you notice in your original post you had 2 style attributes?
    SPREAD THE WORD!!! Are You Lee McCormick? Because I Am



    Lee M McCormick
    [email protected]

    Lee McCormick.com - Live
    Dynamically Webbed.com - In development but live
    Reply With Quote Reply With Quote
  14. Aug 19th, 2002, 12:11 PM #12
    Rick Bull
    Rick Bull is offline
    Frenzied Member Rick Bull's Avatar
    Join Date
    Apr 2002
    Location
    England
    Posts
    1,444
    Lee's right, CSS is a better way to do it, but I think it only works in Mozilla like that. The text-align thing should work at all as it's only supposed to be inline content (hence text-align) and that should center the text inside the DIV, not the DIV. If IE did what it's supposed to we wouldn't be in this mess right now

    The other thing I do is just indent either side:

    Code:
    <div style="margin:0em 5em;">
  This  should be indented
  5ems from the sides.
</div>
    http://www.rickbull.co.uk/
    Help get full alpha-transparency in Internet Explorer
    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Forum Rules


Click Here to Expand Forum to Full Width