css

How to reuse css styles from Telerik RadControls for ASP.NET Ajax

Telerik RadControls have builtin support for skinning and uses CSS to style all their controls. However, when plugging these controls into an existing website, what is the best way to merge the styles of the existing site with RadControls own styles? Update: Given the following options (thanks to Zhaph): Add the RadControl's CSS to my...

Methods to make a layout compatible with window resize as well as font resize

Hi Guys, Is there a good advisory / best practice manual etc. out there which outlines methods to make a page layout fluid in the following two ways: a) The layout should be robust under window resize b) The layout should seamlessly handle font resizes committed by the user Every time I design a page layout I end up using different, ...

Internet Explorer 8 and Checkbox CSS Problem

Hello all, I'm currently having problems with Internet Explorer 8 ignoring padding/line-heights that I have on a list which includes a check box. To start off here is my CSS and XHTML markup here, the issue occurs with the list element which includes Private. At the moment Firefox 3, Internet Explorer 7, Safari 3, Google Chrome render...

Css, child-divs and floating

Hello... I'm tired to work with this divs :(. Here is my problem: I have 2 divs: <div id="content"> <div id="row_left"></div> <div id="row_middle"></div> <div id="row_right"></div> </div> <div id="bottom"></div> css: #content { overflow: hidden; width: 100%; } Content-div is including another 3 divs, which should stay horiz...

How does Almost Standards Mode change rendering from Standards mode?

All the documentation I can find suggests that almost standards mode differs from standards mode only in the way images in table cells are aligned. This question : http://stackoverflow.com/questions/1414748/internet-explorer-8-and-checkbox-css-problem, however indicates that the rendering in IE8 and Opera changed between the two modes, ...

Avoid Multiple (40) jquery confirmation dialog boxes - reuse?

I'm working on fixing up a legacy web application with jQuery. I have a form that has 40 buttons that each have some type of confirmation that use javascript confirm. I want to switch these over to use the jquery modal dialog. I have programmed several of them like below and they work fine. Problem is that there is 40 of them on th...

Jquery tools Overlay CSS Conflict, Image positioned under the overlay

First here's what I'm usingh and trying to do: the minimal setup for this effect: flowplayer.org/tools/demos/overlay/index.html then the Apple Leopard Preview Effect: flowplayer.org/tools/demos/overlay/apple.html Now here's the page I'm having the issue with http://gentle-mist-64.heroku.com/pictures My Issue: when I click on an image...

How can I get two block elements to stay on the same line?

I have two span elements that I would like to stay on the same line. In FF and other browsers, my code works fine but in IE6 it breaks. Can someone please tell me what I am doing wrong? Here is the code I am using: <span style="font-family:Arial;text-align:left;font-size:30px;color:#06a;">test</span> <span style="font-family:Arial;floa...

CSS <a> border margin issues

I've got an interesting box-model problem here. I have a header full of links, and for some reason my 0px margins are ignored and appear as 2px margins surrounding each link. I've set up a test page at http://www.gimmesomeoven.com/test.htm to illustrate the problem. Each link in the header should be a 56px square link with a 1px border ...

How do I get my page title to have an icon?

I would like to have my site's logo shown in the icon area of the title rather than the default white document. Exactly as stackoverflow has it. ...

lightbox js overlay over whole page and centrally

currently redoing a gallery for a client at www.stagecraft.co.uk/gallery.html but i'm getting problems with my overlay.i want is it's in the middle and on top (brought to the front) of any divs that are in view as newer images, when i get them from client, will be much bigger. any ideas greatly appreciated. or is there a better light...

strict doctype causeing css jquery problems in ie

I use this code: http://blogswizards.com/plugin-development/sliding-boxes-and-captions-with-jquery On a simple gallery site I am building. Specifically I use the last effect: //Caption Sliding (Partially Hidden to Visible) $('.boxgrid.caption').hover(function(){ $(".cover", this).stop().animate({top:'185px'},{queue:false,durat...

How to prevent scrollbar from repositioning web page?

I have a website with center-aligned DIV. Now, some pages need scrolling, some don't. When move from one type to another, the appearance of a scrollbar moves the page a few pixels to the side. Is there any way to avoid this without explicitly showing the scrollbars on each page? ...

HTML: Floating left and right resolution / resize problems by %

I am having issues with the below HTML when resizing the window; 1: Right bar suddenly drops down when the width is resized too small. 2: Spacing between the content and right bar gets larger as the width gets larger. <style type="text/css"> #content { width: 80%; float: left; height: 500px; border:2px solid #00ff00; } #righ...

CSS content behind Adobe Acrobat Reader

Is there a way to put CSS-div content over a embeded Adobe Acrobat Reader session? I've tried with CSS z-index: -1; on the iframe Acrobat Reader launches in but no luck. Any suggestions? ...

Any solution for reducing browser compatibility problem while writing css style as a web designer/web developer

Any solution for reducing browser compatibility problem while writing css style. ...

Is there an advantage to using very specific selectors in CSS?

I understand that in jQuery, it's advantageous to be more specific when using selectors so that jQuery doesn't have to traverse the entire DOM to find what you're looking for. For example, $('span.description') is better than just $('.description') if I know that the description class is only ever applied to <span> elements. Is this the...

HTML/CSS: Is it possible to make a table that can have its column selected?

It's kinda difficult to explain what I want to achieve (and feel free to modify the title if you can think of a better one), so I'll give you an example: Street: First Lane South side 28 City: Duckburg Country: Disneyland ZIP: 1234567890-XY This is what I want the user to see. But I also want the user to be able to se...

Best way to create a div with Label: Textbox and have it nicely centered?

What's the best way to have the following? Name: [Textbox] Inside a div? I find that the Name: part doesn't center nicely with the textbox, especially with a small font. I want the Name: part to be centered vertically. In some cases, the left hand part can be quite long and wrap onto multiple lines, like this: All known addresses: ...

Dynamic CSS and Javascript

How does one create Dynamic CSS and JavaScript On-The-Fly (using PHP). This needs to be done as different pages have different set of elements sometimes, so wrapping and sending a large CSS/JS everytime would be overkill. And why do many sites have link tags like this: <link rel='stylesheet' type='text/css' href='css/style.css?pg_id=43&...