css

have a width larger than 960px with 960?

if i use the custom css generator on their webpage i can have a wider width than 960? so isnt the name 960 kind of misleading? and some persons say that you cant have a flexible grid system (that changes with your browser size) with 960. but you can download a fluid version from the custom css generator. so apparently they didnt know wh...

changing only the particular table content color using css and javascript

hi everyone, I am displaying data in a table on one of my web pages. When the user clicks on a row, I want that row ONLY to change color. I'd settle for that cell. I have a css file referenced on the page with two styles, td_on and td_off, which have same settings except for the background colors. I put the "class" tag in the td like so:...

Fluid 960 Grid System with 24 columns or more?

is there a way of having at least 24 columns using Fluid 960 Grid System? http://www.designinfluences.com/fluid960gs/ cause i want a fluid version and im currently using the fluid version you can download with css generator on 960:s website. ...

creating fixed width with 960?

i use 24 columns fluid version of 960. the html looks like this: <body> <div class="container_24"> <div id="header" class="grid_24"> Welcome to my page </div> <div id="leftbar" class="grid_4"> leftbar </div> <div id="content" class="grid_12"> content ...

how can i resize font of div by resizing the div using jQuery?

Hello every one can any one help me out please? by using this code my font size is go beyound the size of parent div here $(divid).resizable({ maxHeight: parseInt(200), maxWidth: parseInt(180), resize: function(event, ui) { var width1 = parseInt(ui.element.css('width')); ...

Crossbrowser issue in netscape navigator 9

display:inline-block is not working in netscape navigator 9 It works good in IE and firefox too with display:moz-inline-box (FF2) what is for netscape navigator 9? ...

Modern trends for web designing: help me choose a font-family

I want someone to recommend me fonts that are "in" now-a-days and should be available on most platforms. You see, I am a web-programmer and not much of a web designer. I am asked to use serif fonts. ...

Is there a reason CSS doesn't support applying styles from within styles?

In CSS2 and even in the upcoming CSS3, I can't find something that would be completely natural and time-saving - applying CSS styles from within other styles, rather than from HTML. For example: .awesome-image { border: 1px #000 solid; margin: 2px; } .super-awesome-image { .alwesome-image; // or something like that - this is sim...

How to edit and see live CSS effect in IE8 like we see in Firefox > Web developer toolbar > Edit CSS function?

How to edit and see css effect in IE8 like we see in Firefox > Web developer toolbar > Edit CSS function? Where is similar function in IE8 developer toolbar or does any other IE plugin have this type functionality? ...

Style switcher help

I need some help I have made a style switcher, but I cannot work out how to replace the stylesheet, at the moment my code empties the <head> where I need it to just replace the previous stylesheet, this is my code, Menu and javascript <ul id="options"> <li><a class="option" href="<?php echo base_url();?>welcome/setBackground/red">Red</...

How to get min-width or similar to work on whole page? IE7 and 8

Hi, I am creating a Web page, the problem is that when I shrink the window of the browser, the tables and the div will shrink at the size they need to fit the content, and it makes the page look terrible. I have to declare a width of 90% for all elements, but when I declare min-with:700px; to all elements (div and tables) do not obey an...

changing of text color and image background color using css and javascript

hi everyone, i want to write a script for changing of text color and image color on click .. here i want to call the external style sheets (which i ll be creating) to the function .. each color ll be ve ng differnt .css page. so that when i click the orange color the text and the image background should change to to the orange color if i...

YUI - Pros and Cons

I'm about to begin a new project and plan to use YUI and my JS and CSS framework for the following reasons: Treeview with tri-state checkboxes (seems to be the best implementation I could find) Calandar (seen others, but since #1 is on YUI, I'm glad it also has calendar) CSS framework (was going to use 960, but might as well go 100% Ya...

How can I add a scrollbar to an iphone site?

I created a mini-version of a site that's been optimized for the iPhone, but on one of the pages, I have a scrollbar in a container, and it shows up when looking at it on the computer, but not at all on the iphone... Is there some kind of special magic that I need or something? The css is simple: #container { overflow-x: hidden; o...

security warning for javascript and css file?

Hello everyone, I am using SharePoint Server 2007 Enterprise with Windows Server 2008 Enterprise. And I am developing using VSTS 2008 + C# + .Net 3.5 + ASP.Net + javascript (jQuery). I met with the following security warning in browser (at the top of the page in IE) when browse a page -- "An add-on for this web site failed to run. Chec...

Anchor links that point to ID of a hidden element will cause browser to automatically show the element and scroll to it when clicked.

Anchor links that point to ID of a hidden element will cause browser to automatically show the element and scroll to it when clicked. I've seen some girl post a demo of this, but I cannot find it anymore. No JavaScript please. ...

cross-browser tableborder-color resetting

Whats the best way to reset and then rewrite the tableborder-color for the most common browsers, let's say FF, Opera, Safari and Chrome so that it will look the same as in IE. IE: Firefox, etc: it seems that a browser selector is neccessary, because different browsers interpret the same hexadecimal values differently. ...

Set Link as Active by Default

I have 3 links that represent the content for one iFrame in my page. When you click each link, it'll reload the contents of that iFrame without reloading the page. How do i set one link to be active/selected by default, cause what's happening now is the page loads, but still i have to click on the link before the content of the iFrame l...

css selector for first direct child only

I have the following html <div class="section"> <div>header</div> <div> contents <div>sub contents 1</div> <div>sub contents 2</div> </div> </div> And the following style DIV.section DIV:first-child { ... } For some reason that I don't understand the style is getting applied to ...

Change Link Image when active

I have 3 links that represent the content for one iFrame in my page. When you click each link, it'll reload the contents of that iFrame without reloading the page. how do i set the image of my link to change when it's active? here's my code: <div id="tabs"> <div id="overview"> <a id="overviewtab" t...