I'm loading a stylesheet that is only required when javascript is enabled. More to the point, it mustn't be present if JavaScript is disabled. I'm doing this as soon as possible (in the head) before any javascript libraries are loaded. (I'm loading all scripts as late as possible). The code for loading this stylesheet externally is simpl...
I need to create an HTML page (a JqueryUI dialog but this isn't the problem) containing an image on left (size is fixed to 75x75) and on right some input text boxes, input boxes must resize to all remaining space.
You can see an example at http://img683.imageshack.us/img683/5412/19483174.jpg
The problem is that when I resize the dialog...
I have a website, and I need to have an image centered at the bottom of the visible page.
So in any screen size, the image will still be at the bottom, and centered.
...
In my css file I have this:
#imageDes {
opacity:.70;
filter: alpha(opacity=70);
}
if I use this on html page and open it in IE8, I get an activex warning!
What can I do?
...
With all the new CSS3 border stuff going on (-webkit...) is it now possible to add a border to your font ? (like the solid white border around the blue Twitter logo). If not, are there any not-to-ugly hacks that will accomplish this in CSS/XHTML or do I still need to fire up Photoshop
...
Hello one more time!
I have a strange problem working with HTML,CSS in different browsers: Firefox 3.6 and Webkit browsers (Chrome & Safari).
My HTML looks like this:
<div class="ln-letters">
<a href="#" class="all">ALL</a>
<a href="#" class="a">A</a>
<a href="#" class="b">B</a>
<a href="#" class="c">C</a>
</div>
And...
Hello,
As you guys know, the CSS :hover doesn't work in d.... IE6 for an element except for links. What is the fix for that. I mean how do I apply the :hover to a div for example.
Any fix/alternative/solution?
Thanks.
...
(I posted this on the jQuery forums but it's still awaiting moderation, so I thought I'd try my luck here since Stack Overflow is so awesome. If I get an answer I'll post it here.)
I have a couple of links on my page (inside a <div id="theme-selector">) which allow you to change the CSS stylesheets:
$('#theme-selector a').click(functio...
Is transparentize border, background one by one is the only way? Any other method? And how to hide the dropdown icon of a SELECT input?
...
I use firebug to check colors on webpages, but sometimes the color is from an image. Is there a firefox plugin like firebug that can act as a color sampler this way?
...
So I'm trying to add a badge to the top right corner of a site I'm doing some work on. z-index works to float the object above the page content but each time i try to use position relative the background image disappears only position absolute shows the image. I don't really want to use absolute as the image needs to be positioned on the...
Hi,
I am trying to get the jQuery tools 'expose' function to work properly in IE6. The page is http://204.51.246.10:12123/test-ie6.aspx
You will need IE6 to reproduce the bug (obviously :)). If you click 'Sign In' on the top-right corner (below the 'Join Today!' button), you will notice that the sign in panel (fieldset#login-controls) ...
I'm using semi-transparent PNGs (due to the designer's overlapping of elements) and trying to achieve a layout that represents the design while still working well on the web. Thus I have simple HTML:
<div id="right">
<div id="welcome"></div>
<div id="welcomeRepeatingBottom"></div>
</div>
And I'm trying to use CSS as follows:
...
I have this design which I cannot seem to get right, I would like .sidebar (float:left) to fill the entire height of .page-container which has a fluid height due to the content. How do I go about this?
...
How can I set all images in one line and display only the first 200px of them inside the div?
Without breaking the layout, or moving images to a next line.
online demo
<div id="thumbsContainer">
<ul>
<li><img src="http://img214.imageshack.us/img214/6030/small3.jpg" alt="" /></li>
<li><img src="http://img263.imageshack.us/img2...
Hi css experts
I'm having a problem with my site http://artygirl.co.uk/pixie/about/ I can't seem to get the footer to automatically stick to the bottom of the browser, and show the rest of my background.
Is there a solution better than using position:fixed or absolute?
I think there are possibly other styles over-riding some tests I ...
I want to change the link-style for some of my links, like this:
a:hover
{
/* These links will be blue when hovered-over */
background-color: #3366FF;
}
However, I only want this to take effect in my Navigation Bar, and not for regular links.
I have tried variations on this:
#navbar a:hover
{
/* These links will be blue ...
Alright, I got some help earlier with this, but it never truly got resolved.
I'm pretty sure I'm having a CSS issue, but I just can't figure out how to correct it. Currently, I have these accordions working perfectly, they collapse, expand, expand again when told to etc.
The problem I'm having is aligning the content within these accord...
I am trying to move the nav text (home...) up in the middle to the right. But when I do -120px for the top (nav.li), it eats up part of the banner.
How can I fix that?
Thanks
body { background-color: #D6E2FF; }
#headerimg { margin: 10px 0px 0px 0px; height: fixed; width: 95%;
}
#header { height:auto; background:url("menubar.jp...
I've tried achieving a hover/selected color change for a particular field, but I'm thinking jQuery is the answer. I've looked into some button click tutorials, but maybe I'm not just seeing it or doing it correctly.
The idea here is that when a user hovers over a Headline, the background color changes, when they click the headline to ex...