css

Is there a .NET based CSS abstraction library?

I've been working on a really large project for almost 2 years and the client requirements keep changing. These changes, of course, effect everything and I would like to find a way to work with the CSS in a more dynamic fashion. I assume I could get one of the ruby or python CSS DSLs running under ironRuby/Python but this client is very...

ToolTip - Title not working in IE 6

Hi Friends, I am using a dropdown, which having the width of 100px. But the content with in that dropdown is more than that - its not visible to the user, so i go for title (ToolTip in html). Its not working in IE 6.. What is the alternative method for this.. mouseover event is also not working in . Please help and clarify the bug <s...

Dynamically adding content to a UI with javascript squashes content below in IE7 and 8

Hi there, can anyone help? I have a simple html file which i am filling via javascript, in firefox all the content below autosizes hence the more content i add the content below (in another div) moves down but in IE it doesn't. I am using overflow set to visible this is the html (part of) - its the id="extras" i am adding to, i am ad...

Width of IE explorer scroll bar?

I have a client with a resolution Width of 1200 on their monitor and I need to maximize the width of my web site but I don't want the client to have to use the horizontal scroll bar. What is the max width you can use in a website in IE 7 with a screen resolution of 1200 without needing to use a horizontal scroll bar(Other users will hav...

How can I make multi-line, vertically and horizontally aligned labels for radio buttons in HTML Forms with CSS?

Assuming the following markup: <fieldset> <legend>Radio Buttons</legend> <ol> <li> <input type="radio" id="x"> <label for="x"><!-- Insert multi-line markup here --></label> </li> <li> <input type="radio" id="x"> <label for="x"><!-- Insert multi-line markup h...

How to target the Blackberry browser?

Hi, I am using the following to target iphones, and handheld devices to use specific mobile styles sheets but the Blackberry browers is picking up only the regular screen style sheets. <link media="handheld, only screen and (max-device-width: 320px)" href="mobile.css" type="text/css" rel="stylesheet" /> <link media="only screen and (ma...

body background-image change with fade effect mootools

Hi, I'm changing my background-image css property using Mootools: $(document.body).setStyle('background-image','url(' + pBackground + ')'); And it's its working, but how can a make one fade effect between picture change? Thanks, Pedro ...

different web files created for different browsers

It just occurs to me that for the past decade, all books on HTML/CSS always talk about browser incompatiblities and how to get around that issue by adding more "hacks" to CSS, JS, or HTML. Why is that they never advised that the other way to deal with that (and I believe the best way) is to add code (php, c, whatever) in the first line o...

css and div tag layout problems

I have a header bar that spans horizontally across my web page, which is comprised of one div tag and three nested div tags. HTML: <div id="top-bar"> <div id="leftTop"> LEFT </div> <div id="rightTop"> RIGHT </div> <div id="centerTop"> CENTER </div> </div> CSS: #top-bar { margin: 0;...

How to change the theme of Person.aspx in SharePoint My Sites

I have my custom theme working everywhere except for the profile page for users under My Sites, which is the Person.aspx page. Any thoughts on how to apply the theme to this page? Or even just hard coding custom styling to it? Thanks, Kale ...

How can I find the position in the page of an element using jQuery?

I'm aware of the position method, but that retrieves the position relative to the offset parent. Do I just throw in a loop to transverse up the document nodes? I guess that I'm surprised that it isn't part of the core, and I'm wondering if it's tucked away somewhere that I don't know about. ...

Can Javascript toggle frameborders?

I'm trying to use JS to toggle a frame's frameborder attribute. Here is my test case: <html> <head> <script type="text/javascript"> function off() { var f1 = document.getElementById("f1"); var f2 = document.getElementById("f2"); alert ("before, frame f1 had frameBorder=" + f1.frameBorder); f1.frameBorder ...

CSS issue - my DIV stays collapsed!

Hello all, On the homepage of my website - www.mobiuspc.com, I have some distinct sections that I color coded so I could see how its all laid out. There is the master page section, which works just fine (its the tan bar with buttons like "Components" and such), and at that level and up everything works as best as I could wish for. Down...

Website logo appearing behind background image in I.E.7-8

My website's logo shows up normally in firefox and such, but in internet explorer the logo shows up behind the background image and it's really bad looking. Can someone tell me how to make the logo appear in frount of the background image? Site like so you can take a look at the codeing: http://turquoisegrotto.com/ ...

what is worse for speed when loading CSS, a second LINK element or @import?

need to add a 2nd css stylesheet to a page. do i add a 2nd link line and load it by url, or add a @import to the original? what is worse for page load times? what is worse for server load? what is better for client side caching? what is better/more accepted 'in general'? (note: assume no cdn or memcache, just a normal regular average...

Using JQuery how to show and hide different div's onClick event

I would like to show a div based on the Onclick event of an link. First Click - Show div1 Second Click - Hide remaining div's and Show div2 Third Click - Hide remaining div's and show div3 Fourth Click - Hide remaining div's and show div1 => repeat the loop and goes on.. Code Follows: <div class="toggle_button"> <a href...

Show and hide divs at a specific time interval using jQuery

I would like to show divs at a specific interval (10 seconds) and show next div and as go on and repeat the same. ** Sequence : ** On 10th second show div1 , hide other divs , After 5seconds interval Show div 2 and hide other divs, After 5 seconds interval Show div 3 and hide other divs, and repeat the same for every 10 secon...

How to select an html element that has two class names ?

IE7 doesn't support :last-child pseudo selector. I am thinking of explicitly adding a class name to denote it as the last element but not sure how to select this element inside a css file. Anyone have any ideas on how to do this ? ...

dynamically changing position property in css file after d'n'd

hey guys, hope you can help me, again :) i want to build a little webbased gui designer. the user can switch into editor-mode and can place the components wherever (s)he wants via drag'n'drop. when (s)he switches back to user-mode i want the position-details in the external css-file to be updated via javascript. i looked into some examp...

CSS Menu Displays Incorrectly in Safari

I have written a CSS menu for a site I am helping develop, and it displays correctly in both IE 7 and Firefox 3 (on Windows XP). The intended effect is that the drop down menus should be as wide as the widest element in them (but not wider). In Safari, however, they appear to be roughly twice as wide as they should be. I have no clue as...