css

In css, how do I make one line only execute if it is IE6 or IE7

I have this code: #left-nav #left{ width:100px; height: 99px; float:left; border-bottom: 1px solid #344a53; margin-top:-1px; } I want to be able to only do the margin-top:-1px if it is not IE7 or IE8. Also does anyone know this problem with cross browser compatibility? I have to divs side by side in another div, but for so...

Change css locally per domain.

I want to add css to pages with a certain url in much the same way that greasemonkey adds javascript. I guess I could inject some css with a script but that isn't as clean. Are there any browser plugins that let me do this? Doesn't necessarily need to be a Firefox one. ...

Cakephp, dynamically write variables into css file upon load of view?

I'm working out a process to save actions that occur from jquery in my view in cakephp.. I figure an easy way to load the saved values, such as the width and height for a DIV, would be to have cakephp echo a variable as their width / height in the css file, much the same way it would do this in the view file.. I guess I'm not sure exactl...

how to clean the css style of jquery-ui be added automatically when someone use ".draggable()"

this is my code : <style type="text/css"> #draggable { width: 100px; height: 100px; padding: 0.5em; float: left; margin: 10px 10px 10px 0; border:1px solid #DDDDDD; color:#333333; background:#F2F2F2; } #droppable { width: 150px; height: 150px; padding: 0.5em; float: left; margin: 10px; border:1px solid #E78F08; ...

CSS Image Resizing

I have this CSS code: <style> body { position:absolute; background-image: url(art/c11.jpg); width:100%; height:100%; } </style> As I read on the net, I expected that this would resize the background image and fit it to the browser window. But no. I think I am obviously doing something wrong (I don't know...

Possible to add a class to an existing class attribute of object via C#?

I have an existing class for an input, is it possible to add an additional class for the object in C#.net, instead of doing a if/else and not having a preset class on the object in the first place? ...

link css and javascript to xcode iphone app

I have copy and pasted the css and js files for Copy Bundle Resources and removed them from Compile Sources. How do I "link" or "import" them so I can use the css and javascript files? Can anyone enlighten me? ...

What is the real benefit to make pixel perfect cross browser compatible site for anyone?

IF a site is Valid and Accessible and usable but it's some things are showing slightly different on different browsers and almost matching with design? What is the real benefit to make Pixel perfect cross browser compatible site? While nobody will surf same site on multiple browsers and OS. Why anyone think(client or boss) that pixel ...

how to combine menubar's code with page 's code?

hello...i have a php page it have css script. i want to put menubar in that page.how to show menubar at that page without disturbing the css setting for that page? menubar's setting: <style type="text/css"> .menubar { margin:0 auto; padding:0; } html { background:#ffffff; } ...

Can a ::before selector be used with a <textarea>?

I'm experimenting with some styles on <textarea>s and I tried doing some stuff with ::before and ::after selectors and I couldn't to anything to get them to work. So the question is: is this possible? I know the CSS surrounding forms is arcane beyond mention but it seems like this should work. ...

wrapper width:100%; works fine when browser is maximized but when not maximized it cuts off

Basically I'm creating this website and I have the wrapper set to 100% width and it works fine when the browser is maximized but upon not having it maximized and you scroll to the right the content cuts off at the end of the content container and doesnt stretch the full way?? I've looked around everywhere for a solution to this before as...

Problems accessing element style attribute with javascript

I am trying to access the style attribute of a element in order to display a form however, I get this error: Uncaught TypeError: Cannot read property 'style' of undefined. The example below is a simplified example. cookies.php echo "[a href='test.php?flavor=butter']Bake Butter Cookies[/a]"; echo "[a href='test.php?flavor=choco...

img:hover not working in ie

css: .myim { width:50; height:50; } .mydiv { float:right; position:absolute; -index:2; } .myim:hover { width:50; height:50; position:absolute; z-index:2; filter:alpha(opacity=95); filter:alpha(opacity=95) !important; opacity: 0.98 !important; -moz-opacity:11; } html: <div clas...

IE6 won't acknowledge new styling implications of dynamically added content

I have most of my page's content within <div id="ret">. At some point, this content is wrapped inside a <div id="_"> -- this has all sorts of CSS implications, as there is a stylesheet that has already loaded with the page full of rules beginning with the selector #_ #ret{}. However, the new styling implications are not acknowledged (I'...

Setting overflow scroll without bottom scroll

How to set overflow scroll without the bottom scroll. I only need to show the side scroll for the wrapper of the content. regards - dj ...

red free support for images

I am working on a web application for a opthology research firm. They work on cornea images and use red free light to identify lesions (artries and nerve fibers) easily. I have implemented the addAmbient() method provided by microsoft for this purpose and it is working fine. <img id="eyepic" src="GetImage.jsp" height="1291" width="1944" ...

[Firefox 4 beta 1]: Rendering <div> with [display: table-cell] strangely

Firefox displays the cells [#side, #data, #form] with a huge preceding space at the top of their contents. Whereas, Safari & Opera do not do this. Is it something to do with my CSS, or is it Firefox's fault? HTML code: <body> <div id="banner">St. Tom's Ambulance Ball</div> <!-- START[container] --> <!-- "body" --> <d...

margin-top behavior differs between browsers

We have a richfaces table (rich-table style class) and we would like to have some space on top of the table. We tried using margin-top on the above style class with values in px and in %age. But the resultant behavior was different in both the browsers. FF produces more space compared to Chrome. How do we get around this issue and be bro...

tab not showing in IE 6

tab not showing in IE 6, working fine in others http://jsbin.com/ehege/2 how to solve? <style type="text/css"> * { margin:0; padding:0; } li { list-style:none; } a { text-decoration:none; font-size:14px; } #...

What is the difference between -moz-transform and -moz-transform-origin ?

What is the difference between -moz-transform and -moz-transform-origin ? ...