css

css injection, what's the worst that can happen?

We are doing a security evaluation. There is a chance that a malicious user can inject arbitrary css into another user's web pages, although we are not sure it can actually be exploited. I understand he could totally change the page look, even causing nothing to be displayed at all. Is that all? What is the worst that could happen? Can...

How to create an IE6 compatible grid layout from an unordered list?

I want to style an HTML unordered list to look like a grid. The desired result is something like this: I have the following HTML: <ul class="grid"> <li>First item. This is sometimes longer than the second item.</li> <li>2nd item</li> <li class="reset">Third item</li> <li>Fourth item</li> </ul> Styled by the following CSS: ...

How to make a DIV not wrap ?

This requirement sounds wired, but it is actually requirement. I need to create a container DIV style that containing multiple other DIV's. It is asked that these DIV's wouldn't wrap if the browser window is resized to be narrow. I tried to make it work like below. <style> .container { min-width: 3000px; overflow: hi...

Markup suggestions for a layout and some more general questions

Let me explain the basic layout below: |----------------------------| | title banner | | | |----------------------------| | logut-row | |----------------------------| | aN | | <<to be explained>> | | | | ...

Aesthetic Web Colors

What's a good resource for choosing aesthetically pleasing color combinations and themes? At the moment I'm using a color picker and stealing from various places. It's a hack. ...

looking for some CSS troubleshooting ideas -- why isn't my id style being applied

I have two pages, Page A and Page B. Both of them have an item with an ID of "loginLink". Both of them import "header.css", which has the following: #loginlink, #usernamePlaceholder {color:#333;font-size:16px;font-weight:bold;} On Page A, my loginLink displays correctly. On page B, the style defined in header.css doesn't get applied. ...

When styling sIFR 3, When should I use JavaScript/CSS/Flash?

I'm using sifr for the first time today. I have it up and running; however, I need some help. Rather than explain, I'll show you the code below: <div id="pullquote">“Fantastic property, facilities and location. We couldn’t have asked for more!” <em>Mr &amp; Mrs. Smith</em></div> So far, so good. I have then styled that in the s...

How does the Traditional "HTML is only for content" line of thought handle dynamic formatting?

For so long, I've read and understood the following truths concerning web development: HTML is for content CSS is for presentation JavaScript is for behavior. This is normally all fine and good, and I find that when I strictly follow these guidelines and use external .css and .js files, it makes my entire site much much more manageab...

jQuery Remove Div Based On Content

i would like to remove/hide a li based on the content inside it, is this easy to do? eg. the code below: if span#type has no content then li.grouping should be removed or hidden. <li class="grouping"><span class="desc">Options:</span><br /><span id="type"></span></li> ...

IE Input Select Box

I'm looking for the easiest solution to fixing a problem I have in Internet Explorer (6,7 & 8), be it CSS or using jQuery. I have a SELECT Input with a defined width (because of where it sits in the layout). Because of the defined width select is cut off from showing their full values, unlike in Firefox & Safari where they are automatica...

How to add CSS Styles to DataPager

Hi all, I have a simple question. I have a ListView which I have added a DataPager control to. At present the DataPager is just plain numeric based. Just wondering, is it possible to add CSS styles to the numeric numbers IE have a 1px solid border around each number ect. Any help would be greatly appreciated. ...

What is the best way to process external CSS stylesheets and inject into inline CSS elements?

I am going to be writing a PHP mailing list system. Ideally, I would like for the templates styles to be easy to manage. In my current system, I have the styles all hardcoded in the template like this: <a href="http://blah/blah/blah" style="color: #a8a8a8;">click here</a> This works alright until the person managing the template decid...

Mega dropdown lists

I want to make a megadrop down like the one used in Rails gudes site (http://guides.rubyonrails.org/) or the ones used in BaseCamp.CAn they be done using the Rails form helpers?? ...

Vertical align block level element inside a block level element

I need to canter align images (variable width and height) inside block level elements of fixed width and height. The css markup looks something like this: <div style="float: left; width: 100px; height: 100px;"><img src="yada" width="50" height="60"></div> <div style="float: left; width: 100px; height: 100px;"><img src="yada" width="60" ...

Auto adjust height

Hi guys. Im trying to get a div to auto adjust to the height of the div to its right. You can see an example here www.littledesignplanet.co.uk/lloyd The white space div on the left i set the height manually. Is there a way to get this to automatically stick to the same size as the main content div? As each page is going to be a differ...

Which css grid system should I learn?

Duplicate What is the best CSS Framework and are they worth the effort? Can someone Recommend a Bells and Whistles CSS framework? Help me choose a CSS framework: 960 vs Blueprint vs ??? Best CSS Framework? How do you choose a CSS Framework? What is the best CSS GridFramework I started off using Blueprint CSS but have be...

Is there a way to query for element with multiple classes in CSS?

How do I query for an element that have two classes at the same time? For example: <div><span class="major minor">Test</span></div> I want to style all the spans that have "major" and "minor" classes at the same time. ...

show and hide divs with radio buttons inside the hidden div

Basically I have three images (call them img1, img2, img3) with three menus associated with each. (menu1, menu2, menu3) When a user clicks img1, menu1 should pop up with three radio button selections (rad1, rad2, rad3). Say the user clicks rad2, menu1 should then hide and img2 should appear (but rad2 should still be selected). When img...

How to access the properties of a file upload button?

Hi, can you show me how to assign css properties to the button that is of type=file,say: <input type="file" name="coolFile"> I know that in css you need to do this: input[type=file]{ background:#ccf; //and so on } How do I assign values for the button? ...

How do I create two frames with no space between them?

I'd like to have two frames with no space between them. Here's my test case: <html> <frameset framespacing="0" rows="50%, 50%"> <frame frameborder="0" src="red.html" scrolling="no" noresize="1" /> <frame frameborder="0" src="red.html" /> </frameset> </html> red.html is just: <html><body bgcolor...