css

changing scroll bar color using css

can we give different color to scroll bar face color and arrow background ? right now if I apply " scrollbar-face-color " it is applying to both arrow background as well as scroll bar thump is there any way to Set the color for the scroll bar slider and the boxes that contain the scrollbar arrows differently ...

How to create a mobile friendly website [infrastructure]

Hi, if i wanted to create a mobile friendly version of a relatively small website would it be better to have a sub domain that redirects to a completely new url with sperate markup and styling or would it be better to detect the useragent in code and programatically change to a different mobile friendly stylesheet, or is their a better i...

jQuery: find selector only works with IDs and not classes ?

hi, does the "find" method work in jQuery with classes selectors ? For example: var tagsDiv = $(".node-form .taxonomy-super-select-checkboxes").find("div.fieldset-wrapper"); doesn't work. But var tagsDiv = $(".node-form .taxonomy-super-select-checkboxes").find("div#edit-taxonomy-tags-1-wrapper"); works. This is the html code: .....

SharePoint 2010 Center and Fixed Width of all content on page including the ribbon

All, I am trying to make the width of the sharepoint 2010 web site to be within a fixed width and centered across the screen. I would like for it to be 800px and centered. When i do this, it seems like it starts to work until the ribbion bar renters. Here is my attempt so far: body.v4/* _lcid="1033" _version="14.0.4536" _LocalBindin...

Changing an iframe's background when loading.

I have an iframe on in a div, with a background colour. When the page is loading, the iframe placeholder turns white. Is there any way to change the background when an iframe is loading? Thank you in advance. ...

How do you get the width of an element without a defined width?

How would you find out the width of a element that is wrapped by 20 odd other elements, but the only fixed width I know is the main wrapper's which is 800px. All child elements are generally blocks, floating or not, with different paddings and margins. I don't really need the answer to a specific case, I'm just wondering if there are too...

set a corner radius for the lower corners of a tab in a tab navigator

Hi, Using CSS, i can set the corner radius of the top corners of a tab in a tabnavigator: <mx:Style> .tabstyle { corner-radius: 10; } </mx:Style> <mx:TabNavigator tabStyleName="tabstyle" /> However, I also want the bottom corners to have a radius. Does anyone know how to do that?? ...

@font-face not working on a client site?

This is CSS code @font-face { font-family: 'FuturaStdBook'; src: url('site/font-face/futurastd-medium-webfont.eot'); src: local('☺'), url('site/font-face/futurastd-medium-webfont.woff') format('woff'), url('site/font-face/futurastd-medium-webfont.ttf') format('truetype'), url('site/font-face/futurastd-medium-webfont.svg#webf...

Capturing the length scrolled up or down silverlight

I have a Usercontrol which has small image. Clicking on the image gives a popup. When the page is little bit scrolled up or down and then clicked on the image The position of popup is changed. Can I find the length of scroll so that i will be able to add or subtract it from popup's position? ...

Using border-radius and box-shadow together (CSS)

Ok, I know neither of these properties are completely supported yet, but I'm using them anyway :P When I add a border-radius and box-shadow (with and without vendor prefixes), the radius of the border-radius is not transparent to the box-shadow. Example: http://cndg.us/3f41a0 Is this possible to fix? I've also noticed that -webkit-box-...

Empty white space between the 2 images

I have placed 2 images side by side in a div besides input box "Search by Contact". In the browser I find there is a gap between the 2nd image(Button T) and the one on its left. I am unable to remove the gap. Any help is highly appreciated. Here is the link to the html page: Space between button T and the one on its left. ...

IE error on jquery Line 4618

I am trying to save some css information into cookies with the below jquery script. Everything is perfectly fine for Firefox however IE throws an error on jquery Line 4618, whenever i include this file jQuery(document).ready(function() { // cookie period var days = 365; // load positions and z-index from cookies $("div[id*='t...

Need an option to go back to a previous web design.

I'm creating a website for a client in which he wants a link that people can click on to go back to the previous website design and go to that design every time they go back to that website. How would I go about doing this? Would I need to create a cookie and if I do how do I do that? Thanks for all your help, I'll come back to this...

HTML/CSS set div to height of sibling

I have 2 div's contained in a third. One of the contained div's is floated left, the other floated right. I would like the 2 sibling div's to always be at the same height, but am having a problem with this. So far I am only viewing the page in Firefox, and figured I'd worry about any cross-browser issues after I get it working in at l...

ingenious idea needed: how to declare different sizes for different fonts? @font-face?

I've never seen this done, but i get a feeling that there's gotta be a clever way of doing it. css font-size-adjust looks like it was never meant to be, but when i look around I'm seeing some really ingenious css techniques going on. Take this on nettuts yesterday for using @font-face for vector icons. my challenge (notice the 2 diffe...

What is this CSS rule?

In the son of suckerfish drop down menu: http://www.htmldog.com/articles/suckerfish/dropdowns/example/ You see this rule w\idth: 13.9em; This can't be a typo as it appears various times in the css. What is it for? ...

Making "helper" text in a form be a different color then typed text.

<input name="phone" type="text" id="phone" value="Phone #" onfocus="value=''"> I've got two problems here. The main one is I would like the helper text (in this case "Phone Number") to be a different color then the inputted text from the user, to make it easier for the user to differentiate between filled and unfilled fields. The seco...

IE7 (sometimes) not showing website properly

We are a bit desperate... We have launched our website http://www.buscounviaje.com We tested all browsers (IE6-8, Firefox, Safari, Chrome, ...) to make sure everything was OK. However, there are some users (IE7 and IE6) that are complaining that they see everything 'white' with black letters (i.e. CSS styles not being applied). One use...

Added a Facebook badge, throwing off footer placement

Added the for the facebook badge to the site and now it's thrown my placement for the footer off .. it's working fine in Chrome, but IE, FFox and Opera all experiencing problems... Here is a screenshot: The footer (brown bar) is supposed to be at the bottom... Here is the CSS : /* footer */ #footer{ background:url(../imag...

Problem with CSS DIV align

If the doctype declaration is <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 TRANSITIONAL//EN"> what is the best way for horizontal alignment of the DIV's like these: <div id="outer"><div id="inner">Some text</div></div> The CSS is: #outer{ border-top:1px dotted #999; background-color: #F4F4F4; width:100%;} #inner{ width:500px;border...