Is it possible to change the dark blue selection colour of an input with CSS? I'm aware of the following, but these will not change the inner selection of text in a text field or drop down. ::selection ::-moz-selection ::-webkit-selection ...
I am having an issue wherein my web application behaves different in (IE5 & IE6) as compared with (IE7 & IE8) There is some CSS Issue but I do not want to get in a situation where I make some changes in CSS File and web application would work fine in (IE5 & IE6) and not in (IE7 & IE8) and so my question is: How should I approach proble...
What's the best, most robust CSS-button definition? Ideally, I'd like gradients, rounded images, and graceful degradation down to IE8. It would also be great if the buttons didn't use any images, and the buttons scaled horizontally to fit their content. What's the best solution to this? ...
I'm trying to have a CSS element lock to two sides of its container. The following CSS works for elements such as div, but not for input elements in Firefox left: 20px; right: 20px; top: 20px; height: 20px; width: auto; position: absolute; I've found I can wrap the element in a DIV, but doing so is not really an option as it is very im...
I have a loop which generates tables according to a database content. In other words, the content is changed all the time. Currently all tables are aligned beneath eachother. This makes one huge vertical scroll, I would save alot of space if the tables could be aligned next to eachother. How can I do so? Here is the table code: $disp...
As you know, you can specify dimensions with CSS in px or em. As far as I understand it, em means "line height of the current element's fonts". My approach currently is to always use px (also for margin which seems to be a controversial practice). Question: Can I rely on the ratio of px and em to be the same across browsers? If not, the...
my input array has: results[num_row] = { 'title': title, 'url': url, 'support_url': support_url, 'description': description, 'contacts': contacts }; I get the results back: function formatItem(item){ var highlight = $.Autocompleter.defaults.highlight; var temp = '<span class="title">' + highlight(item.title...
Say for example I have: <div id="container"> <table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> <table> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> </div> And td { width:10px; height:10px; } ...
I have a stylesheet where it contains my styles, but when I load the page the some styles are not being parsed by IE. If I go my stylesheet, it contains my styles that are supposed to be in the element. Funny thing is that everything after this element (the element that didn't have the styles) didn't contain the styles, everything before...
how can my containing div (boxes_blue) recognize the height of the items within? #boxes_blue { display: block; margin: 0 0 0 175px; border: 1px solid brown; clear: both; } #boxes_blue_each { float: right; height: 100px; width: 100px; padding: 10px; border-left: 3px solid #fff; background-color: #004964; color: #fffacf; text-transfor...
I am trying to change the css using jquery: (I am a very early jquery beginner) $(init); function init() { $("h1").css("backgroundColor", "yellow"); $("#myParagraph").css({"backgroundColor":"black","color":"white"); $(".bordered").css("border", "1px solid black"); } What am I missing here? thanks!!! ...
Do we need "CSS reset" for mobile specific site also? like we need for desktop browsers? Can css reset on mobile sites decrease the performance of rendering? ...
I am using ASP.NET Ajax control toolkit v3.5 TabContainer control. Anytime I use the style "float:left" my tab container "lets go" of the div's it contains and all my content appears outside/disconnected from the tab control (there's a black border around the tab area). Online, some people say setting "overflow:hidden" helps, but this ...
Hello people, Is there a css trick to let a div stretch down to the bottom of the screen without visible content in it. Or do I have to resort to javascript? Thanks, Richard ...
Is there a way to make anchor tags have no underline as default, and then have an underline on hover that works in Outlook 2007 for an email newsletter? I've tried multiple ways such as declarations, inline styles, etc. Can't get it to work, anyone have an idea or is it not possible in Outlook 07? thanks ...
Hi, I have an absolutely positioned [element] such that in the CSS, I've explicitly set its left property to -9999px. I have not set the top property. I cannot set it, since I want the element to "stay" where it is in the DOM (even though it's out of the document flow) When I call [element].css('top') in jQuery, FF returns a value. I...
Hello, I am currently trying to see if there is a way to not disable an input but not allow the input to get focus. I am doing this because I still need the backend to retrieve the data but just not allow the user to certain times to edit the input fields. Since disabled doesn't return data to the backend that doesn't work. The way I am ...
I have an input document of XML data that will resolve nicely into data cards that can be printed 2 to a page (or maybe 4 to a page, or 9 to a page, or something). What's the best way for me to style the data for them to be printed that way? For example, how can I say "Make this div extend 1/3 of the way down a printed page"? ...
I'm trying to build a single row css table with multiple cells that has text that is vertically centered inside the cells. Basically the table behaviour I am trying to mimic with css is this: <table width="100%" height="54" border="0" bgcolor="red"> <tr> <td width="20%">text</td> <td width="20%">text</td> <td width="20%">te...
So I want a page that's nothing but a square image which scales up to the height of the window. Fine, great, I do: img { max-height:100%; height:100%; width:auto; } and stick an in a center-aligned div. Firefox loves it, but insists on the height:100%. Chrome doesn't need that, but adds a little bit of height to the page ...