css

Is it possible to create a CSS-only accordion?

I'm thinking about using an accordion in a "please enable Javascript" page, but I don't know if it's possible with CSS only. I'm almost sure it is for most browsers, but I'm also fearing I'll face some limitation of IE and I'd like to know if any of you tried this already (or not) and could tell me if it's either possible or impossible...

Django css files

i want to create some css styles for my Django templates. Each view will have a css associated, but there will be zones that are not associated to any views in my template. How can i load the css files? is there enough having them declared in the Media of my view, and loading them in the header of the html? Also, is it a correct approa...

centering a div between one that's floated right and one that's floated left

I have a page in which a header consists of three divs - one that's floated to the left, one that's floated to the right, and one that's in between them. I'd like for that central div to be centered, yet sadly float: center doesn't exist and I can't just float it to the left and add padding as it'd have to change depending on the window ...

CSS 3 Column fluid-fixed-fluid

Hello, I am trying to make a three column design with two fluid sidebars and one fixed center. When the browser width changes I want the center to remain and the sidebars' width to diminish. Thanks ...

Why does youtube etc use <object> and not <iframe>?

Why does youtube etc use <object> and not <iframe>? What are the advantages of object over iframe for this case? ...

Why does this site completely break in IE 8 but work perfectly in Firefox 3.6.2?

Maybe HTML/CSS gurus can explain? I find it somewhat ironic given the focus of the site. http://www.vowsjs.org ...

Which advantages have definition list (<dd><dt> etc..) and when we should use it?

Hi, Which advantages have definition list (<dd><dt> etc..) and when we should use it? (Example: use in Zend_Form, but i dont understand why) Does exist other better options? (I beginner, but its look to me that is xml use inside html. If I right XML not wide used recently because yaml, file.ini, json each of them in their field more e...

js/css changing cursor

I'm using css/js to change the class of an element which the pointer is hoving over. The class determines the custom cursor image. Unfortunately, it seems as if the cursor does not update in Chrome unless I physically move the mouse. Unfortunately the app is primarily used through the keyboard, however the cursor image is pretty importa...

how to extend sidebars in 3 column liquid, header and footer in dreamweaver cs4

Hi, When i select Dreamweaver cs4 layout: 3 column liquid, header and footer, the sidebars don't touch the footer at the bottom. If i apply different color to the sidebar1, it appears to be just hanging on the side. How to make it touch the footer? ...

Best practices - Only download CSS you need, or use a minification process?

In the context of improving overall site performance (downloading and rendering speed) there appears to be a contradiction between the following two best practices: Only bring down the CSS that you need for the page being viewed. (Because too many CSS rules cause slow rendering) Always minify CSS and combine it into one file. (Because ...

Scroll block with page in drupal

Is it possible that if i scroll down on drupal the block should also scroll along with the page. Because i have to display long results on the node and i want to scroll the block so that user can see the data on left sidebar everytime. Please help me out ...

In css or jquery, is there a way I can add something to my border on a div?

Is there a way I can put little squares around a div to make it look like handles, one top middle, top left, top right, middle left, middle right, bottom left, bottom right, bottom middle. I have this jquery plugin and I have a div resizeable, but I wanted to know how I could make it look like it has handles. Most likely in css, but ma...

How to get width of <li> stretched to available space in parent <ul> in IE7?

How to get width of <li> stretched to available space in parent <ul> in IE7? In IE 8 and FF Drop-down coming like this which is OK but in IE 7 it's coming like this Edit: 5 july I added live example here see this in IE7 How to get same result like IE8 and FF in IE 7. I don't want to give fixed width to <ul> and <li> This is ...

I was unable to centered a text on left side

<table> <tr> <td class="left"><div class="c">centrated<br>on<br>lef side</div></td> <td>middle-td</td> <td>right-td</td> </tr> </table> Here is the css: td.left { width: 200px; left-padding: 0; } div.c { text-align: center; } Now everything is centered. I want to place the div on left side and everything inside t...

How to disable default <a> behaviour of "href" attribute ?

I have a simple sidebar like this: <div class="sidebar"> <ul class="nav"> <li class="Page1"><a href="Page1.html">Page1</a></li> <li class="Page2"><a href="Page2.html">Page2</a></li> <li class="Page3"><a href="Page3.html">Page3</a></li> </ul> </div> This code exist on each one of the pages: page1.html, page2.htm...

Twitter Widget Height Problem

I'm working on a new website that uses twitter's embeddable widget (see http://twitter.com/goodies/widgets ). You can control the widget's dimensions - width can be a fixed number of pixels or be set to 'auto'. Unfortunately I'm unable to convince the widget's height to be set to 'auto', which causes problems on long pages as large are...

Are these selectors part of CSS 2.1 or CSS 3?

Are these selectors part of CSS 2.1, CSS 3, or both? E[att^="val"] E[att$="val"] E[att*="val"] E:last-child E ~ F Arte these total available selectors in CSS? please tell which selector is part of which CSS version? * E .class #id E F E > F E + F E[attribute] E[attribute=value] E[attribute~=value] E[attribute|=value] :first-child :...

Dynamically positioning elements using jQuery

I am working om a menu bar, each menu bar item is an image, when user places mouse over menu item a div with submenu will appear. I want to place div directly under the appropriate image item (no space, and div will hover above all elements), with right side alignment, meaning the right top corner of div should be under bottom right...

How can i put a border around the page

Hi all, I need your help. Trying to work out how i can put a border around my page. Here is my html and css <html> <head> <title>Royal Aura club</title> <link rel="stylesheet" type="text/css" href="restyle.css" / > </head> <body> <main id="main"> <div id="header"> <h1> Royal Aura club</h1> <div id="nav"> <div class="navitem...

Load less.js rules dynamically

Hi, I'm looking at using less.js (looks great), but our site requires that some styles be loaded dynamically after initial page load. It seems, however, that all LESS stylesheets must be loaded prior to the less.js script load. i.e. this works <link rel="stylesheet/less" href="/static/less/style.less"/> <script src="http://lesscss.goo...