css

How to force horizontal scrolling depending on size of contents

I want to have a horizontal scrollbar if necessary, by having the 'child' divs be added side-by-size instead of getting pushed to the next row when the parent isn't wide enough. My code is below. If you set .mid to have width: 1000px you'll see what I'm going for, only I only want it to be as wide as the dynamically generated children....

CSS working in all browser but not in IE

Hello All. I have one simple login page, where I am applying some of the css code as follows : div.loginheader { width: 100%; height: 25%; position: relative; text-align: center; margin: 0 auto; top: 6%; left: 6%; } img.center { display: block; padding: 0px; }...

Fixed-width CSS floated 2-column layout equal heights problem

Hi, I have a page design I'm trying to implement with a header (menu bar) and underneath that a div with static width in css. This div contains two divs - #contentArea and #menuArea, each of which have a header, middle and footer (header and footer have background images while middle fits to the content). I've applied float: left and c...

excluding a class from style

I'm trying to style all html with the class called sample <div class="sample"> </div> .sample{ } But I'm running into a situation where the class sample could be nested. In this case I want to style only the inner one. How can I tell the css to apply the style only to the inner div and not to the outer sample? Can this be done? <di...

How to align img and h4 vertically?

Is it possible to align this using CSS, so the text will be vertically centered next to image? <div><img class="paragraph-icon" src="images/desc.png" /><h4>Description</h4></div> ...

why does changing the font of a textarea force this button down?

Just curious as to why this bit of css select, input, textarea, button { font:99% sans-serif; } forces the 'submit' button below the textarea and off to the bottom lefthand side on this page. ...

<input type="file"> - custom styles/css

Is there a way to make <input type="file"> look the same in all browsers using some CSS ? ...

How to get resultant HTML after executing all scripts?

How to get effective HTML after executing all scripts? Actually scripts are adding and modifying control and css in the page. I would like to see html of resultant display as a static page. Is there any way to get this? Edit: Suppose if background image is added using javascript, How can i see in Html OR css? Please try to get this befo...

A slide right and left effect

Hi, I have a the following html code : <div class="menuTabs"> <div class="mtabArrowLeft">Left</div> <input class="menutabBTN" name="" type="button" value="a" /> <input class="menutabBTN" name="" type="button" value="b" /> <input class="menutabBTN" name="" type="button" value="c" /> <input class="men...

highlight selection through javascript

i want to highlight the selection.I have gone through this solution suggested by Tim Down , which does the half job for me. http://stackoverflow.com/questions/2582831/highlight-the-text-of-the-dom-range-element I have web pages stored at local,now i need a way to highlight the text permanently.By permanently,i mean i highlighted some tex...

How can I fix style problems with a google map's info window?

By default, a Google Map infowindow has really nasty style, such that the inner content overlaps the close button when a scrollbar is present: Google, by their infinite wisdom, don't do anything as nice as using classes on their elements, so that makes styling the info window very difficult. Does anyone know how I can fix this overlap...

RadComboBox CSS and IE6 problems

Hi This page has 2 RadComboBoxes on it, which are connected in a subcategory way.. with LINQ datasources. I'm getting a strange rendering bug in IE6, whereby it is the RadComboBoxes (which I've got on other pages as well, with the same issue) which seem to affect the IE6 specific CSS (shown below) and cause it problems. Basically the...

Text-align:center on only images in a table?

Im using a td.Image class that has text-align:center; to center images in a table i have. It would be nice to not need to add the class on each td that has a image in it, and still be able to have normal align on other data, is this possible using only css? ...

Cross Site Scripting in CSS Stylesheets

Is it possible to use cross site scripting in a CSS stylesheet? For example a reference stylesheet contains malicious code, how would you do this? I know you can use style tags but what about stylesheets? ...

html drop shadow best practices

What's the best practice for creating drop shadows around html where the html can be liquid? I used to use a table and have 8 png images (4 sides and 4 corners) as backgrounds for each of the outer 8 cells with the html I want the drop shadow around in the middle cell. Not very semantic, but at least the drop shadow imagery were backgro...

Limit width of formatted user input - Javascript, CSS or jQuery

How do you prevent formatted user input past a max width? (e.g., 800 pixels) The user input is formatted because it is entered into a WYSIWYG text editor (CK Editor). This solution doesn't work: // Replicate user input in hidden div // Check width // If width > 800px, remove characters ...because you'd be removing characters fro...

How to create a rounded corner background box using CSS?

How to create a rounded corner background box using CSS? ...

CKEditor add CSS styling to Preview and Editor

Hello! Is it possible to add CSS to style the Editor text as well as the Preview? The CMS has a different set of CSS files from the public part of the website and I want the editor to try (at least) and reflect the way it would look in the site. For example, all tags with a class of .floatLeft{float:left;margin:0 10px 10px 0;} I want...

how to show an modal pop up in the center of screen and maintain the position on resizing the screen also

i have an modal pop up i am showing it in the middle of screen using javascript $('div.openIDPopup').css({ 'height': $(document).height() + 'px', 'width': $(window).width() + 'px', 'visibility': 'visible' }) .fadeIn('slow'); $('div.openId').css({ 'visibility': 'visible', 'top': ($(window).height()...

960 grid system - nested grids have layout problem

Hi all: I've just started developing a hobby site for myself, and trying to use the 960 css grid system to layout my html elements on screen. I got the basic idea and just implemented a skeleton website here on my server There are several questions I've got so far: <div class="container_12"> <div class="grid_12"> <div id='top_bar...