css

How can I apply a CSS class to an element with a given id, without modifying the element?

I have a page that looks like: <div id="header">...</div><div id="navigation">...</div> similar for body and footer. I'd like to use a grid system to style the page, all of which seem to rely on giving the divs mentioned a class based on their presentation. But I don't want to do this (and can't because of the way the markup is generate...

CSS Layout Question: Overlapping Images and Too Many Divs?

I recently got a few designs made and am trying to slice and code them to get better at CSS. On my first design, I ran into some issues. First, do I have too many divs? I have a wrapper around each section to allow the expandable background section on the left and right of the content to be a different color than the content itself. I a...

forcing menus to take up 100% of width

I have this top bar menu: http://yoursdproperty.com/ I need to have the text always take up 100% of the width. how do i do this? if I add more links i want the sizing to be dynamic any ideas? ...

find unused images, css rules, js script blocks

We have a fairly large asp.net website. The images, css and javascripts are property organized in the website project but as we are changing the look and feel of the website, I would like to know if there is a tool/add-in that will help me identify which images are not being used in the website. I would like to find the same thing with ...

Myspace Profile 2 CSS question (HTML Box Module)

Hello world, does anybody know how to remove the small grey lines from the HTML Box Module from myspace profile 2.0 via css? I just can't figure out how to select it div.htmlboxMODULE does not seam to work. thx ...

CSS rounded corners bug in Safari?

It seems that the CSS -rounded corners style works on some parts of my Stackexchange site(s) - SF Answers & Phonehow.com and not on others - It displays correctly in Chrome, but not in Safari.. Im not sure if this is a Safari bug, or something I am missing. The nav bar uses the rounded corners style in all browsers, but the tabs (active,...

IE6 and IE7 CSS help

Hi there, working on a site for a client (demo page here, still under construction: http://www.wmaxwell.com/newsite.html ). The 4 tabs line up fine in FF 3.6, IE8 and Chrome, but when I checked it out (using Virtual PC) with IE6 and IE7, the tabs are all crooked. Can anyone using IE6 or IE7 confirm this for me, and can anyone give me so...

Make a class' background color transparent?

Hello, I am making a website that uses nothing but jquery-ui for theming. Well, in my application I need to do alternating colors per row on a list. Right now all of the rows are just the color of .ui-widget-content. Well, I can apply a class on alternating rows with no problem, but I want for the alternating color to be a very transpa...

aligning images with text

Hi, i want to center align an image of 18px height with text next to it. Here is the code i use: <div style="line-height:18px; font-size:12px;"> <img src="somepic.jpg" style="height:18px; vertical-align:middle;">Some text here </div> With that code, the div container is rendered with a height of 19px instead of 18px and text isn't cen...

Changing select's option display style to none under MSIE

Hello folks, Could someone please give me a clue as to why the following code does not work under MSIE? <html> <body> <select id="si"> <option value="">1</option> <option value="">2</option> <option value="">3</option> </select> <script type="text/javascript"> var e=document.getElementById("si"); e.size=3; e[0].style.display="none"; /...

Strange visibility behavior CSS and jQuery

I have a navigation bar that is fixed position top. Inside it is a mailing list signup field. When hovering over the containing div. jQuery slideDown is invoked revealing more input fields in the previously hidden DIV and then SlideUp is invoked when mousing out. The trouble is that everything behaves in Firefox, but in IE7 the bottom...

jquery CSS calc() function

i came across this page CSS LINK i could't help but love the idea of that to calculate the outcome of different units... however i tried this : $('selector').css({'width':'calc(100%-20px)'}); but it doesn't work... anyone has any ideas how this works , or why doesn't this work? ...

How to change a DIV padding without effecting the width/height ?

Hi, i have a div that i want to specify a FIXED width and height for, and also a padding which can be changed without decreasing the original DIV width/height or increasing it, is there a CSS trick for that , or a padding alternative ? Thanks ...

Javascript/CSS Mouseover Area Too Sensitive

Hello, I built a nav area using css (it triggers a javascript function to bring up a sub nav). The issue I'm having is my space is limited, and the navigation area is a bit finicky feeling. http://clients.sugarpillfactory.com/fce/wp/ I'm wondering if there is a technique or method for reducing the hit area in javascript or css? Curr...

What are your recommendations on a jQuery custom select element plugin?

I've seen quite a few online and I thought I'd consult the Stack Overflow community for which they may have experience with and can make recommendations. I basically am looking for a plugin that can replace a select element with custom dropdown that uses CSS (not tables) fair bit of flexibility with styles lightweight ...

HTML & CSS background

Hi, I am fairly new to CSS and I wanted to know how can achieve this: I am writing a page that will display a form in the middle (Represented by the black box). I want it to have white background that will overlap the body background (represented by the red lines). Check out this site for the example image. (Sorry I couldn't post it in...

css class and id on UL

How do i write the same when the ul is a class instead of id? ul#Menu li a{} ul.Menu li a{} not working properly ...

Information bar like stackoverflow

Possible Duplicate: Stackoverflow Style Notifications in asp.net Ajax Hi, I am trying to make an information bar similar to the one here on stackoverflow. I found the Activebar jquery plugin. But I want to be able to customize it. I want a fading effect or a semi transparent background. Can someone please help. Thanks. ...

applying varying styled text

when i write a paragraph i would like the text to look like this: is it something that i have to do in css? i want similar formatting. ...

Background Image for Select (dropdown) does not work in Chrome

I want to use an image for the background of a selec/dropdown. The following CSS works fine in Firefox and IE, but does not in Chrome: #main .drop-down-loc { width:506px; height: 30px; border: none; background-color: Transparent; background: url(images/text-field.gif) no-repeat 0 0; padding:4px; line-height: 21px;} THANKS ...