JSBin sample
Get at that with Firebug and you'll notice something about the classes of the generated dialog - ui-widget and/or ui-state are completely absent, but those are the classes that ThemeRoller uses to color UI elements!
Is there some sort of ThemeRoller-compliant dialog generator, or even a script to hack the right display cla...
So I'm trying my hands at a css menu and I have a simple bug that I cannot fix and haven't found any help searching for it. The issue is that when I hover over a drop down menu the parent link stays highlighted and the text reverts back to the original color. Hopefully that explains it. Here's the css code, I'm sure it's a matter of addi...
OK; I'll admit it. I wrote the site in IE 6.0. I didn't know any better at the time. My bad. But it works fine there (at least), and in Firefox 3.0. The code validates.
www.karentiede.com
In Firefox 2.0 and many other browsers, the "content" column overflows to the left and appears on top of the decorative border, making some of t...
Since IE6 does not support the child selector (see http://kimblim.dk/csstest/#ex1), what is the alternative when dealing with this browser?
I do not want to modify the markup, and I'd much much prefer a CSS-only solution...
And yes, it is the direct child that I wish to target.
Thanks!
...
Whats the best way to implement rollover 'buttons' like Stackoverflow has for 'Questions', 'Tags', 'Users' at the top.
It is actually implemented like this :
<div class="nav">
<ul class="primarynav">
<li class="">
<a href="/questions">Questions</a>
</li>
<li class="">
<a href="/tags">...
How can I vertically align a table in the middle of the screen with css?
...
Could you help me fix the menu on this this page? The menu list items don't have a width defined, so they display at 100% width in IE7. If I make the span.right have a float: left, it fixes the problem, but then the rounded corners don't work. A possible solution might be to get rid of the right span and set a padding and background i...
Hi,
I'm developing a site using jQuery, and jQuery UI tabs. For some reason, my tabs (unordered list) are showing their bullets in all browsers (tested thus far) except Firefox 3 on OS X. It displays them in Safari OS X, FF 3 Windows, and Google Chrome Windows (IE displays all the divs in a big stack in the corner... but that's anot...
before posting the whole code, i wanted to make sure I am not missing a simple issue here.
var dv = $(myElement);
var pos = dv.offset();
var width = dv.width();
var height = dv.height();
alert(pos);
alert(width);
alert(height);
here, width alerts fine, height alerts fine but offset alerts [object Object] (in firefox)
am I missing ...
Hi I am developing a simple application based upon ASP.NET MVC. I have altered the default master.css to my have my own styles. Now the only problem is that i am adding background-image property to my one of my UL->Li->A to create menus. It is working fine in firefox but the images are not showing up at all in Internet explorer (IE7/8).
...
I was browsing the html of my favorite site...ahem...and I saw this in the markup:
<link href="/Content/all.min.css?d=20090107" rel="stylesheet" type="text/css" />
what does "?d=20090107" do? I'm assuming it's a date of some kind, but I'm not sure why it's in the path to the file. Any ideas?
...
At http://docs.jquery.com/UI/Tabs#Example there is a short HTML example of how to use JQuery UI Tabs.
I put the HTML in a local index.htm file.
I downloaded all the CSS and Javascript files, and saved them in local files:
but the closest I can get is the same example without any color in the tabs.
I've looked around for images, etc. bu...
I have a site I'm working on where I want to mark if a row of data has been changed.
If something has been changed in that row I would mark it with a custom attribute
like so.
<tr>
<td isDirty="true">
....row data
<td>
</tr>
This works great with jQuery and it doesn't add to much code to my page.
But is this really the corre...
I have a block of preformatted code (<pre>) which overflows horizontally so there is an horizontal scrollbar to allow the user to view the content.
overflow: auto;
However, in IE7 (maybe other IE versions), the scrollbar overlaps the last line of my content (which is especially irritating when there is just one line of content).
I've...
In my test, I have 2 spans both set to display:inline-block with a border for visibility. Firefox renders space between each span. Even setting margin:0;padding:0; doesn't do anything to fix this. My expectation when setting the inline span element to display:inline-block is that the 2 spans render flush against each other, as if you flo...
Using jQuery, how would you find elements which have a particular style (eg: float: left), regardless of whether it's an inline style or one defined in a CSS file?
...
I have a sketch that I want to put up on my website, and I also intend to write a short play at some point which I'd also want to make freely available.
I'm trying to work out the best way of representing this in HTML. I basically need two columns - one for the character speaking, and one for the text. Each speech obviously needs to lin...
Hi all
I want to know how to get X and Y postion of HTML elements such as img, div in JavaScript.
thanks
...
---HTML
<div id="story">
<div id="individual">
<img src='uploads/1231924837Picture.png'/>
<h2>2009-01-14</h2>
<h1>Headline</h1>
<p>stroy story etc stroy story etc stroy story etc</p>
</div>
<br />
<div id="storynav">
<a href='home.php?start=0'>1</a>
<a href='home.php?start=1'>2</a>
<a href='home.php?start=2'>3</a>
<a href='home....
I have a fixed width DIV containing a table with many columns, and need to allow the user to scroll the table horizontally within the DIV.
This needs to work on IE6 and IE7 only (internal client application).
The following works in IE7:
overflow-x: scroll;
Can anyone help with a solution that works in IE6 as well?
...