css

Page Performance in IE7 with a large page

Ok so I'm writing a failry complex ASP.NET page that has quite a bit of javascript related to it. The problem is the page has alot going on with it but the browser just acts unresponsive alot of the time and lags while the javascript seems to perform fine. In this page, I send down a array list of available items for the user to select...

center background-position

How can I center a background? ...

css background doesn't show up in ie 6 when using rules like #id.class

i'm making a splash image div that changes the background with different css class, here's rules i defined: #splash { height: 130px; } #splash.homepage { background: #F7EECF url("images/splash_home.png") no-repeat 0 0 scroll; } #splash.projectspage { background: #F7EECF url("images/splash_projects.png") no-repeat 0 0 scr...

Rounded corners in a css table-cell layout?

I need some help with my design. I want to display three equal-height boxes next to each other, like this ASCI art: +------+ +------+ +------+ | | | | | | | | | | | | | | | | | | +------+ +------+ +------+ I also have an example online (with all the CSS). The contents of the boxes varies i...

Internet Explorer 6 (urgh) and CSS - applying multiple classes to a style

Hi I would like to know how well does Internet Explorer 6 interpret the following: p img.blue, p img.red { border:(purple) 1px solid; /* (Please ignore any style errors) */ } What I am interested in the application of multiple classes to the same style. I know that IE6 does not interpret the following correctly: p img.blue.red { ...

Setting a variable based on CSS class in jQuery

Still trying to figure out idiomatic jQuery - here's some jQuery for setting a variable base on the class of a div - is there a jQuery way of doing this more compactly, given that the div in question may have more than one class ... var currentType = 'component'; // text_component, image_component, tagged_component if ($(my_div).hasClas...

Basic concept for how javascript replaces an html input with something interactive?

This is a very low-level, conceptual question. I have a content site where the users can rate comments left by other users using a dropdown form with two choices, +1 or -1. I'd like to "transform" this into a nice-looking up/down arrow, a la reddit comments. I understand that there's a way to do this through CSS + javascript, but I do...

Joomla css path

Hello everyone. I'm having a problem whit this website i'm building - www.bodyheat.uk.com . The first page (home) appears as i "wrote" in the css, but in the other ones the webpage it seems that the webpage cant call the css. Anyone can help me on that? TRICAT answered this "You must have the base of your urls in the pages wrong beca...

Random CSS via JS

Hi Guys, I am trying to rotate random CSS sheets via JS - I have the following script but when I am using it - it doesnt seem to work ? function getRand(){ return Math.round(Math.random()*(css.length-1)); } var css = new Array( '<link rel="stylesheet" type="text/css" href="css/1.css">', '<link rel="stylesheet" type="text/css" href=...

IE6 CSS Bug - ULs & LIs- can anyone help?

Hi I have a CSS issue which occurs in IE6 only. I'm completely stumped and am hoping someone else might be able to help. In IE6, if you navigate to www.moneysupermarket.com/loans and search for a loan of £5000 over 5 years, Homeowner - Mortgaged, you will get the Loans results page. Scroll to the bottom of the page and you will see th...

Add ASP.NET server script to mostly-static .JS / .CSS files without losing IntelliSense?

Using VS2008 and ASP.NET 3.5 (or VS 2010 / .NET 4.0?), how can I include a bit of dynamic ASP.NET server-side code in mostly-static JavaScript and CSS files? I want to do this to avoid cloning entire JS or CSS files to vary just a small part of them multi-tenant sites. Later, I want to extend the solution to handle localization inside...

IE8 and quirks mode

Does IE8 run in quirks mode like IE6/7? I have a webpage that has some truly bizarre code. The content is centered with padding and negative margins. It works correctly in IE6/7 and other browsers but in IE8 the content area is half as wide and not centered (flag for quirks mode). The source code has three blank lines before the DOCT...

Improve code for drop down menu (HTML/CSS/JavaScript)

Hello! Based on this tutorial, I've built a drop down menu for template from Styleshout.com. medigerati helped me so that it works now - at least in Firefox 3.5 and Internet Explorer 8. You can see the menu in action here. But unfortunately, it doesn't work well in all browsers. In Internet Explorer 6 - for example - it isn't displaye...

What are the arguments against using a CSS Framework?

Yesterday I asked a question here that got more momentum that what I thought it would. Here is the question link since it is related. I am interested now in the possibility of that using two frameworks together will be worst than using a JS framework and CSS from scratch or the other way around. The question is clear, if you think ...

IE8 - Container with margin-top: 10px has no margin

EDIT: This happens only in IE8, it works fine in IE7, Firefox, Opera etc First of all, here is a picture I have made in photoshop to demonstrate my problem: http://richardknop.com/pict.jpg Now you should have idea about my issue. Here is a simplified version of markup I'm using (I left out most irrelevant content): <div class="left">...

How do I position an element 40 pixels beneath the lowest reaching DIV on a page when a scrollbar is present?

I am branding several sites I recently created with an image that reacts to hovering and links back to my own site. I'm dynamically inserting the markup and CSS with a jQuery append function that absolutely positions my logo in the bottom righthand corner of the client's site, and it's working great for the most part. However, I need to ...

How to save user's choice of theme of web pages

I have a simple web app, it's done with several JSP pages. I would like to add some style to it. I would like to provide some color theme options say like in a drop down box. I have little basic knowledge of CSS. Here are my questions: I think I should have all styles in one CSS file, and use format like selector#different_ids {propert...

Sifr Horizontal Menu with LI

Hello, I am designing a very simple horizontal menu with sIFR and CSS list. The thing about it is that it assigns a certain width to it that makes texts of different widths´ spacing look weird on screen. I´ve seen a default width and height of a certain amount, but what I need is to make it so that the flash is exactly the size of the ...

alternative to page-break-inside:avoid because of compatibility issues

Hi I have a php file with 's and the things in the div should stay on one page, for this possebillity i found this: http://www.w3schools.com/css/pr_print_pagebi.asp However like you can see its only compatible with opera and nothing more. I dont want to demand my users to use opera so I was wondering if there was a alternative to the...

DIV width not listening to my CSS

The code below is an example of what I am trying to do, I need this div to span 600px wide however regardless if I put max-width: 600px; or width: 600px; it is still the width of my PC screen. How can I make it 600px wide? <style> .errormsg3 { text-align: center; font-weight:bold; color:white; font-size: 16px; back...