css

CSS Default Units

Can I change the default unit from pixel to mm? For example I want when move an element left and top to be in mm not in pixel? ...

html iframe query

I have the following scenario:- In an html page, display a top bar followed by another html page included dynamically on to the lower part of the page (for which I've used an Iframe). So, scroll bars for the window as such should not come up. Instead, a scroll bar for the included page should come up. I could do this using an overflow: ...

Does Firefox/Opera handle positioned/multiple background images?

Having issues getting specific background images to display in Firefox/Opera, all other browsers are playing ball (except obviously IE, for which I've had to compromise). Currently, Opera won't allow multiple background images like so: background-image: url('/images/h2_default_bg.png'), url('/images/dashed_bg_default.gif'); background-...

Tool to Convert External CSS to Inline CSS in Ruby?

I am messing around with GoogleDocs and it has very very primitive CSS support. If you upload an MSWord .doc or an HTML file and export it as HTML, all styles are applied inline. They have a style block in the html file, but when you upload the HTML file back to google docs, it doesn't apply any non-inline styles. So I was thinking "m...

RadEditor display issue (LI)

Hello, I have an issue using Telerik RadEditor with IE (not Firefox, not Chrome and not Safari). I think that i have a conflicting css style but i have no idea of wich one (tryed to delete most of the styles). I also tryed to add a ContentEditorArea.css. How RadEditor displays in IE8 (not very different in IE7) : http://www.skalae.fr/...

HTML/CSS: My Mini-Chat is overflowing in IE

So here's another IE cross-compatibility issue. My website, www.zerozaku.com, is compatible with Chrome and Firefox, but IE has an issue with my Mini-Chat overflowing out of the box. Could anyone help? P.S. I've only tested it on IE8, Firefox, Chrome ...

Are tables in HTML supposed to be bad? Why is there so much talk about tableless CSS?

Possible Duplicate: Why not use tables for layout in HTML? I have read a lot about "tableless CSS", using CSS to format a page rather than tables. Are tables considered bad? I would think them especially useful for formatting form data (labels and input fields in rows) to maintain a neat look by correctly lining up the input f...

How to give option to add css classes/IDs to content to in CMS's WYSIWYG content builder/editor to non-technical client?

How to give option to add css classes/IDs to content to in CMS's content WYSIWYG builder/editor to non- technical client who doesn't know html, css but knows MS Word. some time to make content according to design XHTML tags not enough. use of css classes needed. Should we give only css .classes to user or #Id can be given also? and ...

How to fix IE7 float-clear combination

I have a field_wrapper class div which contains the 3 sub divs field_label, field_input and field_error I need to put the field_label, field_input side by side and field_error below the first two. Please see below css code to know how i achieved this, My problem is Its is not working in IE7. clear both applied to the field_error is not...

Modal label elements wrapping to newline in webkit browsers

I'm currently having a problem with CSS styles in Webkit browswers (Chrome 4.0.249.89 & safari 4.0.4) in which I have a modal window that has a list of labels, radio buttons and some more text describing the what each radio button does. The modal displays correctly in FF 3.5.7 Here's the html for inside the modal, <div id="rta_top"> ...

Extra padding at bottom of HTML linked image in Chrome, IE6, and Firefox

I am having a problem with a linked image. <TR class="a"> <TD><A href="http://CA_NB_1_1-pr.jpg" rel="lightbox"><IMG src="CA_NB_1_1-th-pr.jpg"><BR><BR></A></TD> <TD class="hdsmlbr"><A href="http://127.0.0.1/odds/aptrqr2/view/1"&gt;35 Savoie Drive, Moncton, New Brunswick, Canada</A></TD> </TR> This image has padding at the bo...

Rebuilding a CSS, what tools should I be using

I have an existing CSS and would love to revamp it, what CSS tools should I be using to do this? I have an existing web application that already has tons of CSS, but want a total revamp. Tools and suggestions about how to do this would be great. ...

Javascript/Jquery: using a variable in the css-property of animate

Hi! Why does this work: <something>.stop().animate( { 'top' : 10 }, 10 ); but this doesn't: var thetop = 'top'; <something>.stop().animate( { thetop : 10 }, 10 ); To make it even clearer: At the moment I'm not able to pass a css-property to the animate function as variable. Thank you! ...

How can I get horizontal scrollbars at top and bottom of a div?

Since I'm pretty sure there is no native html or css way of doing this, I'm open to doing this with JavaScript. Obviously, I can get a scrollbar at the bottom of my div using overflow: auto in CSS. Is there some javascript that could "clone" the scrollbar from the bottom and place it at the top of the div? Maybe there's another way? ...

CSS nested Div with position absolute?

Here is a reproduction of a far more complex case: <!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" > <body> <div style="position:absolute;left:500px;top:200px;width:200px;background-color:red;";> AS HDSKLAJ...

Which Windows web development software supports HTML5 and CSS3?

I am looking for development software that has a live preview of the page as you code it, and is aware of HTML5 and CSS3 syntax. Obviously it'd be useful if the live preview enngine was HTML5 and CSS3 capable too. I favor lightweight editors over heavyweight IDE's as I don't want much more than syntax highlighting, suggesting and checkin...

Javascript navigation help

Hi All, I am working on a small script where there are some list items. If you refer to the below code you will notice that there are 15 list items. Now I just want to display 9 of them say the user log's in the 1st time the first nine should be displayed now if he clicks on list no. 7 then list no 3, 4, 5, 6, 7, 8, 9, 10, 11 should be ...

Why shouldn't I use position:absolute for positioning everything?

This question is asked by one of my students and I want to enlighten him with an example: "Why we should not create site layout by Dreamweaver's AP Div button , it's easier to make layout with AP Div instead Float+margin+padding and if this method is not correct then why it's not good method and why Adobe giving this butt...

How can I prevent floated div elements from wrapping when the browser is re-sized?

How do you make DIV's that are floated left next to each other not wrap when the browser is re-sized such that the viewport becomes smaller? div { float: left; } For example when the browser is fully maximized the divs line up like this: |div| |div| |div| |div| |div| |div| |div| |div| But when the browser re-sized smaller this ha...

Need an online resource to help me style a web applcication.

I have a website that I put together and it's functional but it doesn't look nice. I've assigned CSS classes and IDs to everything to make it easier to come back and add styles later, but I have NO skills when it comes to eye-pleasing colors and layouts. There are many sites that offer free website templates, but they're all so specifi...