css

Expandable Banner on Mouse over

I am currently working on a website, where my client asked me to place a Banner which expands on Mouse Over. Similar to this website ( http://www.londontown.com/majorcampaigns/ ). When we hover on LondonTown.com Banner it just expands and show rest of the Ad. I tried my level best but i couldn't figure it out, Please help me. ...

Why is jQuery.position() behaving differently between webkit and firefox/MSIE

Here's a long one. I'm trying to implement horizontal scrolling in my site. It's working fine in Safari and Chrome, but not in Firefox (I'll not get started on IE's issues just yet). From what I can tell, Webkit is using the relative position of the scroll bar grabber div, while firefox is taking it's position relative to the document. ...

Thickbox 3.1 IE8 scrolling problem

Hi, Having a slight problem with http://jquery.com/demo/thickbox/ In IE8, the overlay window doesn't scroll when you scroll down in the browser. So if you click something at the bottom of the browser window, the overlay window pops up but at the top of the screen so you have to scroll back up. This only happens in IE8, all other brow...

set cursor to pointer in a grid.

I have a Rad Grid and I simply want the cursor to be a pointer on hover of every row. I've tried Css classes and it hasn't worked. I know there is a simple solution, i just don't know how to do it. Below is what i've tried <style type="text/css"> .UseHand { cursor: pointer; } <telerik:RadGrid ID="RadGrid1" Skin="WB" runat="serv...

What language should we use for creating print material with lots of tables, colors and images?

We are looking for a good way to produce documents for print like the one below, which have content in them that is shared with other pages (the scanned document below is one page in a 102-page booklet). For example, the "Desired Outcome(s)" section is restated on several other pages. When we want to tweak or add to it, we currently have...

Is there an addon which you can test css selectors in firefox?

I was wondering if there is such an addon in firefox where you can test out css paths to check if they are finding the correct element? I was looking for something similar to xpather for xpath locations. ...

Is it a Best Practice to separate css and JavaScript logic on JQuery Plugins?

We are starting to contribute to the JQuery libraries with some useful plugins that we are using in our web sites. We want to make sure that we cover the basics best practice towards the creation of plugins. My idea (which I don't know if this is a best practice or not), is to keep separate any styling from the actual logic of the Plu...

Changing background images, Jquery + CSS

Hi all, I am working on a clients website and want the background images on the "cruise_offers" div to change, possibly only 3 - 4 images in rotation. My jquery knowledge is quite basic so any help would be great. I would prefer it to work with jQuery as I am using it elsewhere on the site. My markup: <div class="cruise_offers"> ...

A floated image does not count toward DIV width, how can I make it so?

The following code: <div> <img src="" style="float: left;"> <p>Lorem Ipsum...</p> </div> Renders a div container with text, and a floated image on the left. Great. The text included therein also expands the div as much as it can while maintaining the text in a single line (unless otherwise writ). However, with a floated image,...

How to shorten blockquote to wrap around floated div?

Hi, I'm stumped on a css problem. I've put up a test page here: http://georgecrawford.com/test/ for you to check. I have a left-floated sidebar div, and a main content div which follows it (and which should wrap around it). If the content is just paragraphs, there's no problem, as the text wraps nicely around the float. However, I hav...

HTML CSS Making the background image stagnant

I'd like to make it so the background image stays stagnant/put while the website scrolls up and down. How do I go about doing this? ...

Is 1.0em the same as 100% for font sizes?

Hello, I am trying to debug why having font-size: 1.0em in jquery-ui is causing my font sizes for my page to go huge(over 16px) without me doing any actual resizing of the fonts. Well, in Firebug I saw a weird thing for an accordion. At the base, it had font-size: 1.0em but later that was overriden by font-size: 100%. Could that cause s...

How to set a:visited and a:hover programatically in ASP.NET

Hi, can someone tell me how to programatically set a:visited and a:hover programatically? I am dynamically building up some hyperlinks server side and want to know how to specify unique css behaviour for each link. Otherwise i would set them all in a stylesheet. Thanks. ...

What CSS will prevent overlap of these nested list items?

Please view the following HTML/CSS as a webpage. It displays an outline with borders around the various elements. The containing list intentionally allows for horizontal scrolling within a fixed width. The trouble is that when you scroll to the far right of the outline, you can see that the borders (all hot colors) of the inner elemen...

is there any solution for calculation inches high of an advertisement inside HTML?

Hi , I'm developing an advertisement portal for a newspaper and I want to add an astonishing feature to my website. here is my idea : I want to add a capability to let user to write his own advertisement's text withing an area then let him to tailor it as the way he/she wants it then at the end , the program calculate the inches high o...

CSS: Work with not()

Hello, I have a CSS that looks like this: a:focus { background-color: #eeeeee; } Now in CSS3 there's the not() attribute. How could I work with this when I want add the focus-background-color to all elements but with one exception: I want that this isn't added to a-tags/elements inside .audio_wrapper ...

IE7 and IE6 are giving trouble with navigation using an unordered list (extra spacing etc.)

Hey guys! I feel like I have gotten a good grasp on IE6 and 7 recently, but today I was working on a site and I just seem unable to fix this problem. http://arboroaks.bythepixel.com/tyrone/ Check it out in Firefox and Chrome and IE8. All looks good! But then, go into IE7 and some extra padding gets added, as well as the links have...

Unwanted horizonal scrollbar appears at bottom of browser (IE7)

Hi there - Please take a look at the following sites: www.crandic.com www.midwestsites.com In IE7, an unwanted, horizonal scrollbar appears at the bottom of the browser for both sites. In FireFox 3.5.7, the scrollbar does not appear. Any suggestions would be GREATLY appreciated! Thanks much! ...

"Hidden" CSS file works only for FF, Opera

My friend sent me a link to this little page which shows a simple HTML+CSS layed out page. However, if you look at the source code, you'll notice there's no link to the css file. If you're using ff with firebug, you can see that under NET, the css file is linked through a sent header (just wanted to show y'all that). My question is, do...

Positioning Layers and text gradients with css

I'm a CSS newbie trying to get some text gradients going on. I tried this code here but it didn't work for me, most likely because the h1 object is nested within a #header div. I imagine there's something to do with layers that I don't know about. Either I get a gradent block that is in front of everything or it's not appearing at all. ...