css

HTML5 & CSS3 Support

Hello All, My question is that currently what browsers with what versions support HTML5 and CSS3? This will help me assess when to actually dive into HTML5 and CSS3 Thanks ...

How can I make CSS tabs with drop down menus without Javascript?

I need to make tabs that also have drop down menu and requirements are that they have to work without JavaScript. Is this possible and is there good example of this somewhere? ...

Legendary Annoyance of IE6's margin and padding "behaviour" (Help!)

Everything is OK in Chrome, FF and IE8. But in IE6 there's a strange margin right below the div "middle-column" (inside it there are 3 divs called featured1, 2 and 3.) which is above the divs "left-column" and "right-column"). I already tried everything to get rid of that problem. I tried the "display: inline technique" and CSS resets. P...

Auto width div background + vertical scroll

Hi. Picture a site with a banner of varying height at the top of a page, Below that, div#wrapper-inside inside div#wrapper #wrapper-inside is of fixed width and centered #wrapper has a big background-image Now. When the browser viewport width is smaller than our #wrapper-inside, we get a nice horizontal scrollbar, and when we scroll t...

JQuery CSS menu issue when menu item is active

I'm using a JQuery based css menu for my website. My problem however is if I click on one off the menu items. I want it to stay a cetain color, in my case the borrom half off the images. I got my code from http://snook.ca/archives/javascript/jquery-bg-image-animations/ I used the second example. Heres the example page: http://snook.ca/t...

jQuery get height & width.

$(document).ready(function() { var pic = $(".pic"); // need to remove these in of case img-element has set width and height $(".pic").each(function() { var $this = $(this); $this.removeAttr("width"); $this.removeAttr("height"); var pic_real_width = $this.width(); var pic_real_height = $this.height(); if(pic_rea...

JQuery height condition

$(document).ready(function() { var pic = $(".pic"); // need to remove these in of case img-element has set width and height $(".pic").each(function() { var $this = $(this); $this.css({width: 'auto', height: 'auto'}); var pic_real_width = $this.width(); var pic_real_height = $this.height(); if(pic_real_width<100){ ...

Using css in a StringTemplate Email

Hi, I'm currently using StringTemplate to create my emails on the fly and its proven very easy to use in creation of the email. However, I'm trying to apply some styling to my emails and dont seem able to do this in the normal manner. I can style parts of the mail if I write it inline, eg. <p style="color:red;">Hello again, $name$ !</...

How do i remove box surrounding the image while using hyperlink ?

A rectange is appearing outside the link which i dont want. How do u remove it. No Image <a href="~/Web Pages/Home.aspx" runat="server"> <img src="<%= ResolveUrl("~/Images/TestToday.png") %>" alt="No image" width="200" height="200"/> </a> ...

css two column list with balanced column height

Hi, I would like to create a 2 column list. ----------------------------------- price 1.5 ----------------------------------- description Some text about the product written here and will expand the height of this column ----------------------------------- availability Yes ----------...

Aligning text in combo boxes using css

Hi, I want to align the text inside combo boxes to the left (I'm in RTL mode). All the combo boxes are inside a div, some other input tags are in the div, I do not want to change their style. Thanks. ...

Removing dotted borders on click

Hello, I am using this css to remove dotted borders which appear when hyperlinks are clicked a:active, a:focus, input { outline: 0; outline-style:none; outline-width:0; } This is working fine, but doesn't work on input buttons which have background images. For Eg: Please help me remove dotted border because it ruins t...

IE select visible although its parent is hidden

I have a dynamic HTML document, and in a particular point of time it has a markup similar to this (but, of course, a lot more complex): <div style="display: none"> <select><option>some text</option></select> </div> <div> Some text </div> and my problem is that in IE 6, the select is still visible even though its parent is set ...

CSS/JS hosting with Tumblr

I'm setting up a custom themed Tumblr site for someone that doesn't want annual hosting fees. Are there any free places out there to host under 10mb of css/js/jpeg files? (Tried Google docs but they don't allow css/js.) If not, what are some cheaper options? Grazie. ...

CSS positioning challenge

This is a problem I have encountered several times over the years, and I always give up and use JavaScript to do the calculations on the page resize event. Can it be done with pure CSS? I need to fashion a CSS layout like this: +--------------------------- header --> +--------------------------- menu | scrollable content | --...

Is there a more succinct CSS selector expression for this StackOverflow improvement?

I created this user style to make my StackOverflow use much more pleasant. As the screenshots there illustrate, my sidebar contains only the "Ignored Tags" header and input box. I don't care about all of the unanswered tags, nor about all of the tags I've already ignored. Here is the CSS: #sidebar > * { display: none } #sidebar > :nth-c...

How to make Dropdown menu using :hover on <a> in place of hover on <ul>?

IE 6 only support :Hover on <a> then can we make css drop down using :hover on <a> http://htmldog.com/articles/suckerfish/dropdowns/ This example use JavaScript to add hover on LI 'sfhover' class to li elements in the 'nav' id'd ul element when they are 'moused over' and removes it, using a regular expression, when 'moused ou...

define colors as variables in CSS

Hi all, I'm working CSS file which is quite long. I know the client could ask for changes to the color scheme, and was wondering: is it possible to assign colors to variables so I can just change them to have the new color applied to all elements that use it? Please note I can't use php to dynamically change the css file. ...

jQuery selectors help

I have the following HTML <ul class="main-navigation"> <li class="left">&nbsp;</li> <li class="normal">Home</li> <li class="normal">Internet</li> <li class="normal">Movies</li> <li class="normal">Music</li> <li class="normal">Documents</li> <li class="normal">Windows</li> <li class="right">&nbsp;</li> </ul> What I want...

What questions should I ask to client before to start PSD 2 XHTML work?

I have a PSD design file for fixed width site which I'm converting to accessible cross browser xhtml markup. It is not my design and I cannot write server side coding (php, asp.net, etc). My job is to write only XHTML, CSS and javascript/jquery if needed. What questions should I ask my client before starting the work? Edit: Client wa...