Excuse me
I use -webkit-line-clamp attribute to hide extra text when necessary.
Now I have a button for click to show extra data when it is hidden. how can I know when to show the button?
Can anybody help me, thanks!
img
Related
I'm generating an asp:GridView that shows on its own a horizontal scrollbar that has no purpose, it can be seen here (http://s2.subirimagenes.com/otros/previo/thump_9255980horizontalscrollbar.jpg), it's what displays on the bottom of the image.
I'd like to know how can I disable it, shouldn't be too difficult but I cannot find a way to do it.
Thanks for your attention.
RE:http://www.jorgemonedero.com/blog/index.php/portfolio/tamara-rojo-2/
I wish to move the close button (top right below social media icons) to the bottom line alongside photo title/publication and photo count. When I changed the css the button disappears behind a layer?
Someone mentioned I could do this with javascript?
Can anyone help?
Brians answer is pretty much the easiest way to go, or you could give your container #grid-gallery-wrapper a height and then it wouldn't cut off the close buttons when positioned.
I'm tring to basically make a box appear when ever someone hovers over a button like a tool tip. But i want to be able to put html inside the box. I have been able to do this with a div and some javascript to hide and unhide the div but I cant seem to make the div appear where the mouse is when it is over the button. Is there a way to do this?
You could get help using a library like jquery.
Or you can try with something like:
http://sixrevisions.com/tutorials/javascript_tutorial/create_lightweight_javascript_tooltip/
Here is a working demo:
http://sandbox.scriptiny.com/tooltip/
You need to replace the logic to work with your button, but it should be easy.
I'm using a background image for a submit button that I've using for a search form, and am trying to align the submit button/background image it so that it's vertically centered within the search input bar.
Check out the JSFiddle with my code to get a better idea of what I mean:
http://jsfiddle.net/XVx5A/3/
It aligns perfectly for FF and Chrome, but for some reason is stuck above the input bar in IE, and I can't seem to figure out why. Any advice on what's going on here and how to make this work in IE?
Note: I was originally using the image itself to submit the form, but do not want to go that way because of the automatic x & y coordinates messing up the clean url structure.
Thanks in advance for your help.
Floating the button and adding a fixed height to the search field normalizes positioning. Updated: http://jsfiddle.net/XVx5A/21/
You could also make the submit transparent and include the search icon as the text field's background.
Try to remove height:20px from .submit_search_icon. At least on Mac it looks better in Chrome.
In Internet Explorer, there is unnecessary padding that occurs to the left and right within the button when the button name is large. As a result of this, the known solution is to add "width: auto" and "overflow:visible" to the button style, but doing so will inadvertently make the text in the button disappear when the user scrolls the page down and then back up.
I would very much like to use the style I've included so the padding stays removed, but more importantly resolve the issue with the button text disappearing. It's really an odd one!
I've created this DEMO page for you to test the code where it's happening: http://jsbin.com/uhuze3
Note: You'll need IE7 to see the issue, so for those who don't have it, I create this video for you to see the issue. http://screencast.com/t/MTg0NzY2Zj
I was able to resolve this and improve the code a bit.
You can see the code here:
http://jsbin.com/uhuze3/4
This was the old code:
http://jsbin.com/uhuze3
Edit by Johnny5 :
It seem to be the combinaison of "height" and "line-height" that correct the bug.