Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 10 of 10

Thread: Height problem

  1. #1
    Regular Coder
    Join Date
    Oct 2003
    Location
    SC
    Posts
    936
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Height problem

    my height atribute does not seem to work

    here the css:

    Code:
    .HR{
    	height: 5px;
    	overflow: hidden;
    	}
    the table:

    Code:
    <table 	class="ContextTable" id="ContextMenu">
    <tr><td class="ContextMenu" id="LinkOne" onMouseOver="Color(this.id);Stop();Hide(1,4)" onMouseOut="UnColor(this.id);Delay()">Stuff</tr></td>
    <tr><td class="HR" onMouseOver="Stop();Hide(1,4)" onMouseOut="Delay()"><hr></tr></td>
    <tr><td class="ContextMenu" id="LinkTwo" onClick="PrintPage()"onMouseOver="Color(this.id);Stop();Hide(1,4)" onMouseOut="UnColor(this.id);Delay()">Print this page</tr></td>
    <tr><td class="ContextMenu" id="LinkThree" onClick="Source()" 	onMouseOver="Color(this.id);Stop();Hide(1,4)" onMouseOut="UnColor(this.id);Delay()">View Source</tr></td>
    </table>
    what is wrong?

    thanks for any help
    Last edited by JAVAEOC; 02-01-2004 at 10:14 PM.

  • #2
    Senior Coder
    Join Date
    Jun 2002
    Location
    The Netherlands, Baarn, Ut.
    Posts
    4,252
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Eh?

    Define "does not work".
    At any rate, correct the order in which you close your tr and td elements, so </td></tr> , and not </tr></td>; it's syntactically false and may lead more sensitive browsers astray.

    Delving a bit further into the CSS2 specs, it seems to me that the height property does not apply to table cells; try to specify it for the table row it is in instead.
    Regards,
    Ronald.
    ronaldvanderwijden.com

  • #3
    Regular Coder
    Join Date
    Oct 2003
    Location
    SC
    Posts
    936
    Thanks
    0
    Thanked 0 Times in 0 Posts
    no

    the thing is that i can make the table cell as big as i want with my height but i cant make it smaller......

    i tried the table row and it still didnt work

  • #4
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts
    If you want to shrink the cells you can use the CSS "clip" to slice off the content at an arbitrary point.
    Check out the Forum Search. It's the short path to getting great results from this forum.

  • #5
    Regular Coder
    Join Date
    Oct 2003
    Location
    SC
    Posts
    936
    Thanks
    0
    Thanked 0 Times in 0 Posts
    COOL can you give me an example on how to use clip?

  • #6
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Check out the Forum Search. It's the short path to getting great results from this forum.

  • #7
    Regular Coder
    Join Date
    Oct 2003
    Location
    SC
    Posts
    936
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks that helps alot

  • #8
    Regular Coder
    Join Date
    Oct 2003
    Location
    SC
    Posts
    936
    Thanks
    0
    Thanked 0 Times in 0 Posts
    clip doesnt work

    <img class="Court" src="court.gif">

    CSS:

    .Court{
    overflow: hidden;
    clip: rect(10 10 10 10);
    }

  • #9
    Senior Coder
    Join Date
    Jun 2002
    Location
    Wichita
    Posts
    3,880
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sorry, that's all I could think of.
    Check out the Forum Search. It's the short path to getting great results from this forum.

  • #10
    Regular Coder
    Join Date
    Oct 2003
    Location
    SC
    Posts
    936
    Thanks
    0
    Thanked 0 Times in 0 Posts
    but did i do something wrong?

    i have seen clip workin on images before, but not for me


  •  

    Posting Permissions

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