css

GWT: Disable middle mouse button scroll for firefox

Hi. I made in GWT custom modal message box. It has also bottom layer. This means that I expect restriction of any user action at the page except clicking 'Ok'. I made something like this (click on the 'show dialog box'). I have made bottom layer that covers all bottom controls. It has style: .glass { background-color: #000; op...

My page layout breaks in IE7, rights itself if I hover over/open a menu item...

As you can see if you go to the link below in IE7/AOL, the layout breaks if you resize the window. However, click the products menu tab and it rights itself. I haven't a clue why or how to fix it, and it looks sloppy. On resizing the page, the logo and breadcrumb trail div stay where they ought to be, but my horizontal nav menu and ev...

Positioning an iframe

I need to load a page with an iframe in a way that its header is hidden. I tried the following but for some reason it isn't working: <div style="width:945px; height:600px; overflow:hidden;"> <iframe src="innerpage.html" frameborder="0" height="700" scrolling="no" width="945" style="top:...

Rotating an image using css

I'd like to rotate an image on a webpage through four orientations at 90 degrees apart. I'd prefer this to happen on the client machines. Can this be done using css? Or will I need to use javascript? Thank you for your time. ...

Manipulating and Converting Table Items using jQuery

Ok, I've hit a brick wall. I have a project where I need to convert items (Photos) listed in a table into a UL for further jQuery Manipulation (ideally using jQuery Cycle - http://www.malsup.com/jquery/cycle/ ). I had located this Stack Overflow post (http://stackoverflow.com/questions/577669/how-to-transform-html-table-to-list-with-jqu...

css declaration effeciency

Does separating CSS code into multiple declarations cause more overhead for users? I have seen some .css files organized like so: /* Font Styles */ #text{ font-size: 12px; color: white;} .highlight{ color: red} /* END */ /* Div Positioning */ #text{ position: absolute;} /* END */ Could this cause any potential inefficiencies? I unde...

Can CSS stylesheets be bidirectional?

Can CSS be bidirectional or is a stylesheet inherently tied to the direction of script (RTL vs. LTR)? I.e. can one and a single stylesheet work for both left-to-right (English) and right-to-left (Hebrew) languages? If so, what are guidelines to take into account? If no, how can a ltr stylesheet be transformed to rtl? ...

img not showing

I have the following javascript function to create an image that will show on hover of another image, but the image does not load... just the little symbol that goes in place when it cannot find an image. What is wrong with this code: function createimg() { var img = new Image(); img.src='images/imageoverlay.png'; img.id = '...

Why won't the margin-top property update using jQuery.animate?

I'm playing around with jQuery for the first time, making a little photo slider plugin to get my feet wet. I can't seem to get the margin-top property to update on my tags. I thought the margins were collapsing, but now I'm not so sure. Please show me the light! I was thinking the problem was with the the 10px margin on .slider-frame a...

Changing the size of a background for a div using css

I have an image for a background for a div that doesn't exactly fit. Is there a way, using css, to change the size of the image (e.g. background-size:10%)? .header-tab { background: transparent url(/resources/images/light-green-gradient.png) repeat-x scroll 0 0; } ...

HTML <sup /> tag affecting line height, how to make it consistent?

If I have a <sup /> tag in a multi-line <p /> tag, the line with the superscript on it has a larger line spacing above it than the other lines, irregardless of what line-height I put on the <p />. Edit for clarification: I don't mean i have lots of <p />s, each which is on a single line. I have a single <p /> with enough content in it t...

IE8 inherits width of parent element

Hi, I want a box with at least two elements inside and every element should be as big as the biggest element. This works fine in FF/Safari but not IE. <html> <head> <title>whatever</title> <style> .box { display: table; width: 250px; border: 1px solid red; padding: 10px; } .top { ...

CSS Trouble in IE7

Hello all, In IE7, I get gaps in between my div. Better explanation of my problem if you view it in both IE7 and Firefox. Compare this in firefox to IE7 [Edit][Removed URL]. What is the problem?? ...

How to change a QPushButton icon when it has focus?

I'm using a QPushButton in an S60 Qt app. I want the button icon to change when it has focus. I've tried this... navButton->setStyleSheet("background-image: url(c:/Data/navArrowsNotSelected.png);"); setStyleSheet("DoubleViewWidget QPushButton:focus {background-image: url(c:/Data/navArrowsSelected.png); border: 2px solid yellow}"); ....

Strange margin-behaviour with Sifr spans in link (screens)

I'm making a menu and it's supposed to look like picture nr 1 on this link. However, at this moment, it looks like picture nr 2. There's no logic in this behaviour, since all three elements have the same css-attributes. Moreover, let's change the word "Reiki" to "Psychotherapie" and see what happens... (picture nr 3) For some reason t...

Can changes in an element's width modify another element's font-size using jQuery?

Hi folks, I have a container whose width is fluid (depending on the size of the browser window), though it has a max-width of 950px. The container has a nested header h1 element which has some text as a strapline. I want to somehow make this header text get smaller as the container gets narrower (using jQuery). I think it'll work some...

How to design a cross client / browser compatible email?

What are the proper practices in designing an email with a reasonable expectation that it will show up correctly for Outlook 2003, 2007 and in a webmail client? I'm subscribed to various email newletters and have viewed the source on them and have seen some of them have 2000 lines of HTML&CSS along with IF statements I've never seen befo...

html style not work in FF in MVC view

I have the following view: <div style="width:600"> <fieldset style="width:600"> <table style="width:600" > <tr> <td>TEST</td> <td ><span class="displayData"><%= Html.Encode(Model.MyDESCRIPTION)%></span></td> <td style="width:100%;" >&nbsp;</td> <td st...

CSS Fluid Width inside div with fixed width

I have two divs inside a wrapper div of width 880px. The first div contains an image which can be any width, I'd like the second width to scale with it i.e: Div 1 = 300px Div 2 = 580px << this div scales to fit the parent div. Setting a width of 100% on the second div ignores the fixed width on the parent div. Is this possible using ...

(x)html/css: list items distributed in columns

Hi all, Is there a way, with the help of CSS, to let a single list (ul or ol) behave like this: 1. 4. 7. 2. 5. 8. 3. 6. 9. In other words, have their subsquent elements be distributed in columns? ...