css

make element take up the space of a block, but render as inline

Here is an example of what I'm working with. http://jsfiddle.net/5J4PE/ I want the red and greed boxes to show up wrapped tightly around the text (like it is when using inline-block). However, I want it to take up the space like when using block, such that the boxes appear stacked instead of in a line. I don't want them to be the same...

relative positioned elements don't hide with jQuery hide() in IE 7

I am trying to show and hide elements on my page with jQuery's hide() method, and it works perfectly in all browsers besides IE 7. These elements are hidden when the page loads in the jQuery(function($){} method, and then can be later shown or hidden by the user. In Internet Explorer, not all elements are hidden. Some (so far, only bu...

Weirdest IE bug ever? -- hovering a link causes page elements to jump up and cover others

Ok, I've been dealing with IE bugs for a long time now, but this one is beyond me. IE 7 and even 8 does it for sure, I've not seen it on FF or Chrome. So here's a live URL which produces it: http://mog.com/music/America/Holiday Reproducing isn't easy, it can take a few times to make it happen. Watch your scrollbar to see it change s...

Prevent website url in print from javascript

Hello (Prevent website url in print from javascript?) I am sure some simple solution exists. I have a webapp, and I use a specific css for printing this form, which is working great. However on each paper it always prints the "URL" for the webapp, which I do not want. I am not sure but I suppose it's the browser that automatically inclu...

How do I use a sprite to the right of text with an unknown width?

Given the following example: http://cl.ly/2UAa How do I use a sprite on the right side of the "see more..." line so that it always adjusts with the width of the text? Should I create a separate element that will float with the text, or is there a way to do it directly within the link. ...

HTML to CSS Menu style conversion required

I am not good with CSS... TAKE A LOOK AT THIS jsFiddle i am trying to convert this into a CSS Horizontal Menu... like THIS CSS VERTICAL MENU but i am failing... please F1! F1! F1! ...

CSS copyright issue?

There are plenty of websites that inspires me. If I like design or their css or javascript, can I copy it to my local folder and use it? To give you an example, if I find a site xyz.com and liked their login screen. Can I copy their css, background images (plain gradient ones) and create my own version with little modification? ...

How to get a DIV to be the correct width in IE8?

This sounds pretty simple, but I am stuck. I need to set a DIV to be 434 pixels wide in IE8. The following is my code. This works in FF, but IE8 always renders the DIV with a width of 414 pixels. Why does it chop off 20 pixels? <html> <head> <style type="text/css"> #box { width:434px; background-color:red...

Aligning in multi-element div

Hi, I have this div that is showing the products for an e-commerce site. I have it well alligned with css and a table inside it, but using tables for content seems to be frowned upon/not the best so I'm trying to do it correctly, hasn't worked out so far. The products div looks like this: Crude unedited screenshot : http://img255.image...

Issue with jQuery keydown

Hi folks, I am facing an issue with this simple jQuery code. I have attached the HTML structure as well, The code is setting focus to the input field fine if I make a click anywhere on the div with id "scroll-pane", but if I click anywhere else in the screen, for example, code above the div id "scroll-pane", it doesnt bring the focus...

A scrollable area with the overflow hidden but no scroll bar

Is there a way of having an overflowing div that hides the overflow, doesn't have a scroll bar but is still scrollable (by means of the mouse wheel / touch input)? e.g. <!DOCTYPE html> <div id="longtext" style="width:100px; height:100px;"> Lorem ipsum.... </div> My CSS attempts have failed as overflow: hidden; s...

General tips for semantically cleaning up HTML, CSS & JS?

As I've gotten deeper into using jQuery with various sites I've worked on, I've found that I can get lost on whether a class attribute value is appended to an element in the DOM in order to attach an actual CSS style, or to bind an event to it. As such, I've started leaning towards using the rel attribute on anchor tags to denote if som...

How do I make a j-query photo gallery slider play nice with duplicate slider?

Hello, First off, I am very new to j-query. That being said, I have a very simple j-query photo gallery slider that holds images and fades into new ones every few seconds. I have a page where I duplicated it, and gave it different css and class/id names in the js to make a different one. I want both on the same page. Now that I have the ...

Removing table line

I want to add two table or more consecutively and they must be seemed like one table. <html> <head> <style type="text/css"> .cls { border:1px solid #000000; } .cls td { border:1px solid #000000; } </style> </head> <body> <table class="cls"> <tr> <td>aaa</td><td>bbb</td><td>ccc</td> </tr> <tr> <td>ddd</...

Is there an online tool to compile LESS?

I'm trying to use LESS in my webpage, but am having trouble compiling it. It's built to work on ruby, which I don't have permission to install on my pc. Is there an online tool for this compilation? I know that lessphp exists, but I can't find the demo on their site any longer. To summarise, I'm looking for a quick and dirty solution t...

CSS not applying to jquery ajax content

I have a page that has a jquery AJAX function $(document).ready(function() { var options = { target: '#return', beforeSend: function() { $('#processing').show(); }, complete: function() { $('#processing').hide(); $("#SymbolSearchRes...

<li> elements have some mysterious left padding added on iphone over 3G but not over wifi

I'm having some strange issues on <li> elements when viewing my webpage on an iphone. There appears to be a mysterious padding added to the left of ALL <li> elements on the page (almost like a padding-left:30px) when viewing the webpage over 3G/Edge/GPRS. However, when viewing the page over wifi, the padding disappears, and the page ren...

Tooltip as toolbar: jQuery, CSS, or...?

I'd like to use a tooltip as a toolbar and would like some suggestions on the best way to do so. Here are my requirements: Implemented in CSS or jQuery (or both) Tooltip shows after a second or two of hovering Tooltip has buttons for further UI On mouseout, tooltip remains visible for a second The tooltip remains visible on mouseover ...

JavaFX and CSS Basic ?'s (regarding Checkboxes)

I have a couple questions regarding JavaFX (1.3) and CSS. First of all, when I create a CheckBox node and set its styleclass, I can't actually get the checkbox to show up. It just looks like a text-label. Do I have to specify something specific to actually get the checkbox to appear? Also, what is the CSS class/id I would use to modify ...

HUGE Internet Explorer 8 bug with display: table

I have the weirdest bug ever... I'm experimenting with display: table, and my proof of concept works on the very first try after opening a new process, but any subsequent reloading of the page breaks the design. Here is the simple HTML page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/...