css

Is it possible to mimic CSS ridge border, but with custom colors?

I essentially wish to have a "ridge" style border but with custom colors. With border-style: ridge it seems you can't put different colours in, the browser just uses one slightly lighter and one slightly darker than the colour specified. My current solution is this, but it's not ideal due to the extra <div> <div id="header"> <!-- blo...

How to use one background Image for a main div which have two div, one on left and one on right.

Hi, I want to make an HTML, CSS page where the layout is as: <div id="content"> <div id="left"> ..... </div> <div id="right"> ..... </div> </div> The content div has a background image which should be repeated in y-direction. Also the left and right div should be side by side over the same background image.I am able to accomplish it but...

Flex Builder: Style is displayed in design perspective, but not in browser when I compile and run it

Hi, I am trying to use image as a background of my application, I have not success :( Here is the code which shows how I do it: <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundColor="#FFFFFF" borderColor="#ECEEEF" color="#000000" cornerRadius="5" creationComplete="main()" xmlns:MyComp="components....

Global variables in css style sheets.

I hava an absolute url in my stylesheet. http://localhost/images/myimage.jpg. I also have a config class with the following constant const SITE_ROOT = 'http://localhost/images' On php pages i write config::SITE_ROOT . "/myimage.jpg" so when i move the site to the production server i can change the site root in one central location....

Is this a IE Bug or am I stupid?

I have several pages and one stylesheet. The page bodies get two classes: Their name, and the language. For example: <body class="contact english"> Now, in the stylesheet, I have an special rule for the german version of the "expertise" page: body.expertise.deutsch .container { width: 590px; } In IEs 6, 7, and 8, this styl...

CSS Hover ParentChild Items

I'm trying to setup a CSS style to highlight a table cell in a nested table when the table is hovered over. See sample code below..... <html> <head> <style type='text/css'> table { border: solid 1px black; } table.Content:hover td.ContentIndent { background-color: #AAAAAA; } </st...

iphone webview not response until I hold on for about half a second

Hi, I created a webview in my iphone app but every first time I open it (on my real device), I have to tap on the screen and hold on for about half a second, then the app can response to my touch events. I don't know if this is some kind of mechanism or something wrong with my code. (I use this webview to load some complex javascript ...

CSS previous sibling selector

~ is for the next sibling. Is there an equivalent for the previous sibling? If there is not, a succinct no would suffice. :) ...

What is the best way (CSS/Tables/Inline Styles/External Stylesheets) to format an email?

I'm planning on composing HTML mail for a mailing list. How should I format it? The two dichotomies I've contemplated are: CSS, specifically, aligned divs, versus tables for layout Inline styles style="width: 60%" versus external stylesheets What is the going best practice or give me some war stories regarding email formatting? ...

Lookup an unassigned CSS class style using jQuery

Does jQuery provide a way to lookup a style defined in a CSS class without first assigning that class to an element? e.g. given the following CSS I would like to retrieve the Color style assigned to myClass - .myClass { color: #ff0000; } So far the only way I've found is to temporarily assign the class to an element and then interr...

How to minimize the no of css

Just like javascript compressor, i use the same technique for css. First, i merge all the file into a single file and then compressor. But, the behaviour of HTML is not same as earlier with multiple css file. What is the best way to minimize the the no of CSS File? ...

How to apply 100% height to div?

I want to make the last/third div to be filled the whole remaining space. I given the 100% height but there is scroll bar is coming, which i dont want to show. I there any CSS solution for same. if not possible from css then the jQuery/JS solution will be fine. <html style="height:100%"> <head> <style type="css"> html , body { ...

Border causing problem in Opera

Hello, I am creating a table. Inside the table each cell (td) has a Div with the style ({border: solid 1px #B5B8C8;) In IE and FF it works. Not the problem is with opera browser. Because of this 1px border it adjusts/increases the size of td. How to fix this issue? ...

IE 8 css comment question

Hello as always there are some differences with looks of websites in firefox and IE 8, now my problem is I have some paragraphs that are not properly aligned so I'd like to add some margin properties for them, the problem is that they are not found in the style sheet but in the head element of html within style tags ... how can I change ...

Style Dojox Grid Row depending on data

Hi Folks, iam trying to style an Row inside an DojoX (1.2.3) Grid depending on values from the grid. GridLayout: var view1 = { noscroll: true, rows: [{ field: 'TASK_ID', name: 'ID', width: '80px', get: this.getColor ...

CSS "position:fixed" rendering in FF 3.5 vs. 3.0

Hi Guys, Is there a fundamental difference between how position:fixed; is handled by Firefox 3.0 and Firefox 3.5? I ask this because I had been using Firefox 3 as the development platform for an ongoing project and this was upgraded to Firefox 3.5 today. The structure creating the trouble is a div situated at the very top of the viewp...

Clueless. jQuery Image Swap problem in Firefox, works on IExplorer 8

Hi all I'm having a problem with a series of social buttons, and their rollover event. I have 6 images, with class 'social32' which I'd like to change from their 'off' status to their coloured one. All files are named like 'facebook_32.png' & 'facebook_32_off.png' $(".social32").each(function(){ var t=$(this); var src1= $(this)...

JQuery Accordion - bottom-up in stead of top-down

Hi there, I have a question about the accordion plugin for jQuery. Basically, I've got it to work on my site nicely, there's just one thing that I'd have liked it to do and that is bottom-up opening in stead of top-down. What I mean by that is that my 3 buttons just stand in the vertical menu (div) in the bottom. And when you click it, ...

IE7 float right problems

Html=> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; <html xmlns="http://www.w3.org/1999/xhtml"&gt; <head> </head> <body> <div style='border: 1px solid red; width: 100px;'> <a href="#">foo</a> <a href="#"style="border-color: blue; float: ri...

Webkit browsers not fully rendering background-image

I've got a simple webpage with a centered background image around the main div. The background image renders fine in IE and Firefox, but on Webkit-based browsers (Chrome, Safari), the background image only partially renders when the page is initially loaded. It's almost as if the browser just quits trying to render it. If I resize the br...