css

Is it possible for select lists in HTML to have a horizontal scrollbar?

If you have an HTML <select multiple> of a certain width and height (set in CSS), if there are more values then you can possibly fit in that height, then the browser adds a vertical scroll bar. Now if the text is longer than the available width, is it possible to instruct the browser to add a horizontal scrollbar? ...

Workaround for floats in DOMPDF

DOMPDF does not support floats. However I am listing many tables, and they are mainly key & value pairs. I would like 2 of these tables to appear side by side. i.e. if I could use floats HTML <table id="stuff"> ... </table> <table id="other-stuff"> ... </table> CSS table#stuff { float: left; } table#other-stuff { float: ...

Non-IE6 IE7 hack

I managed to create a page the crashes IE6 and 7 regularly as per here: http://raven-seo-tools.com/blog/2675/crash-ie6-with-only-css I have a solution for non-IE browsers (display: inline-block), but the only way to get IE6/7 working is to use different CSS (display: inline). Normally I would have other browsers use inline-block, then i...

HTML/CSS: What should I use to define image height/width to make it resolution independent?

I've read all over the Internet that I should not define fonts (or anything) with absolute pixel height/width/size and instead, use EM ... so that on higher resolution displays, my web site can scale appropriately. However, what do I use to define IMAGE height/width ... because images won't scale well (they look pixelated) UPDATE: To ...

How to test website for ipad without having ipad , in both condition Portrait and landscape?

How to test website compatibility for iPAD without having iPAD , in both condition Portrait and landscape? on Windows PC ...

Should I learn Sass?

I do a lot of design work with XHTML, CSS, and PHP. A friend mentioned Sass to me and it looks pretty cool. I don't know anything about Ruby or Rails and I am running a windows machine. Does anyone know a good tutorial for a beginner to dig in to something like this? ...

How to randomly change inline images on page load and each refresh, using jquery?

What is the best lightweight way to randomly show inline images from a folder on each refresh or on load a page ? using jQuery. like jQuery version of this http://javascript.internet.com/miscellaneous/random-image.html Update: 24 April This is exactly what i want i just need unobtrusive jQuery version of this <div class=”me-box”> <...

Put text directly to the left of an <LI>

I have a list of songs, and I want to put the word "New!" to the left of the new songs like this: How can I do this so that all the songs line up? I.e., I want the names of songs that aren't new to line up with the names of songs that are new, not with the start of the word "New" Note that this is trivial if "New!" is an image. I.e.,...

Correct way of including remote CSS style sheet in OpenSocial gadget module XML

What is the correct/recommended way of including remote CSS style sheet in OpenSocial gadget module XML? I hope we CAN use remote CSS (to enable client caching etc), so that we can get rid of inline styling... Should a link tag be included in the CDATA section of the html typed Content tag below, or what are your suggestions? <?xml ve...

HTML - Styling a input type=submit as an anchor and removing extra space rendered

Hi, I have the following HTML and you can see the extra space between the links when the page renders. How do trim this space? EDIT: This seems to be an IE problem. <div class="navLinks" style="text-align:right;margin-bottom:30px;"> <form action="/Invoice/SetPaid" method="post"><input id="id" name="id" type="hidden" value="11356"...

CSS - Can't get the z-index to apply correctly in Internet Explorer

I've written a jQuery script to replace <select /> elements with some DIV's and UL's allowing my to simulate the original SELECT but also allow me to style it. So far, aside from a few minor bugs, it works rather nicely. However, in Internet Explorer, the 'options' div is getting rendered underneath the elements below the div. Here's t...

Closing the gap between 2 inline elements

I have a simple div element that contains another div element which contains 2 inline tags. I've associated an onmouseout event to the first div container and an onmouseover event to the second container. The problem is that the onmouseout event is fired when the user hovers their mouse between the two tags in the div and also after ...

change an attribute of css

newbie question in css: I have the following style defined: TABLE.tabulardata th { font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: #CAE8EA url(images/bg_header.jpg) no-repeat; } I want to create an identical style but with different background color. question: is it possible to parameterize...

Validatation error "Value Error : background-position Too many values or values are not" How to solve?

Why validation giving this error. How to solve? ul#navigation li#navigation-3 a.current Value Error : background-position Too many values or values are not recognized : -164px -164px -36px -164px -164px -36px This is error screen. CSS ul#navigation { height: 36px; left: 300px; list-style-image: none; list-style-...

CSS: move a "float:right" element to top (to align with the first element of the list)

hi, I've a sequence of elements and the last one has css "float:left". I would like to display it at the same height of the first element and not on the bottom of the list. (I cannot change the html code, so it is the last in the list). At the same time, I would like to keep it on the right. How can I make it wich CSS ? thanks Code...

You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.

I'm getting this Warning (it's not a error, my CSS is valid). I choosed full report just to check to validate You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible. What is this and how to solve. I'm gettin...

Apply server side CSS to client.

So I'm trying to figure out how to store a CSS in a client side cache and set the alternating stylesheet from the data in the cache. I'm developing a site that allows a user to customize the site. And I think the best route might be to save their changes in a css. But before it's saved I would like to allow them to preview it througho...

Weird duplicate IE div.

Here's a weird bug I've found, IE8 is duplicating my div, but only a part of it. How it looks in IE8: And here's how it's meant to look in FF: And the HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml" ...

How Does Ctrl-K work in Stackoverflow

I am very curious to know how to implement the Ctrl-K (code sample) feature against code, For example: public static void main(String args[]){ System.out.println.out("welcome"); } That will be nicely formatted? Do we require any package to implement this? Any ready made code available to do this? Can any one help me with this...

Is there a good .Net CSS aggregator that combines style sheets and minifies them?

I am looking to see if there is an open source/free project that provides a CSS manager. I am looking for this mainly for performance tweaking and hoping there is a readymade project rather than building from scratch. Features I am looking for include: Combines multiple .css files into a single css file Optionally minifies the resulti...