Tag Info

New answers tagged

0

@Vince was a huge help, ty for this great resource. Solution I ended up doing: https://jsfiddle.net/p89buajq/ I am still fiddling with the color but the concept is nice, ty everyone.


1

There are quite some options. I'll skip the options that aren't applicable for your problem: apply text directly to image overlay entire image Here are the useful ones: 1. Text in a box This is the option you chose, you could tweak the opacity a bit so it's more readable on 'noisy' images. Idea 2. Blur the part behind the text 3. Floor fade A ...


1

You can try to provide text-shadow with blur as shown in the image below, so this helps in getting a form of translucent background around the text. Please try:- CSS3 Text Shadow Generator text-shadow: 3px 0px 19px rgba(226, 150, 150, 1);


0

I would use the title to allow the user to hover over the input and view all of the text. Example: <input type="text" title="something that exceeds the width of the box" value="something that exceeds the width of the box">


-1

If I'm interpreting you correctly, you can do this with jQuery. Once you've installed it, add a click event to each row that toggles a "selected" class: $(document).on('click', 'tr', function(event){$(event.target).toggleClass('selected');}) If you have different "odd" and "even" classes for every other row, you CSS should look like this: .odd{ ...


0

Have you thought about a simple border for selection? Here is a simple example: jsfiddle


0

I am not a big fan of alternating background colors between rows. White space and visual grouping should do the trick in most cases. In your case, I would use a lower contrast between the background colors. Use just enough so that the eye notices the change. As far as selection, I don't see anything wrong with using a different background color, a stronger ...



Top 50 recent answers are included