styling

CSS 'schema' how-to

How does one go about establishing a CSS 'schema', or hierarchy, of general element styles, nested element styles, and classed element styles. For a rank novice like me, the amount of information in stylesheets I view is completely overwhelming. What process does one follow in creating a well factored stylesheet or sheets, compared to ...

what is a good cross-platform css compressor?

i need to compress my css as part of my ant build. i noticed that csstidy does this, but it would not be easy to include this in my ant build because i would need to use a different binary on different platforms. so, is there a java css compressor that people use? ...

How to get started creating CSS for given (dynamically generated) HTML?

The Separat*ion* of Layout and Content is the domain of CSS and HTML - so far well understood. Now about separat*ing*... I'm looking for hints and Best Practices to get started with the task of providing a "skin" or "theme" for a content management system. Background: We are starting to embrace a Portal Server/Content Management Syst...

Best CSS color wheel sites

What site(s) do you recommend for looking at complimentary colors for site design? It would also be beneficial to enter a hex or RGB value and have the color wheel spit back complimentary colors. Most popular: Kuler Others in alphabetical order: 4096 Color Wheel Allprofitallfree - color-wheel2 Color Wheel v1.2 Javascript color sch...

How to choose colors in web development

When I build a site I tend to do a bit of graphic design (developer style) in Paint.NET, but how do I know the colors will all display properly on all browsers on different machines? What color depth to you generally code for? 16bit 256 colors etc. ...

Inherit css properties

I have only a basic knowledge of css, is it possible to inherit a property from one style into another style. So for instance I could inherit the font size specified in my default paragrah tag settings into my hyperlink tags. The reason I want to do this is to make it easier to maintain multiple styles. ...

CSS formatter NOT based on CSS Tidy?

I can't find a css formatter (web based or Windows app) which formats the css where it puts the open brace on its own line aligned with its close brace, plus indents the attributes. The web based css formatters out here seem to be based on CSSTidy which doesn't do what I want. I don't like this CSSTidy format: .example { font-size: 3em...

How can I give each <li> its own bullet image?

I have tried <ul id="contact_list"> <li id="phone">Local 604-555-5555</li> <li id="i18l_phone">Toll-Free 1-800-555-5555</li> </ul> with #contact_list { list-style: disc none inside; } #contact_list #phone { list-style-image: url(images/small_wood_phone.png); } #contact_list #i18l_phone { list-style-image: url(im...

When creating forms, are fieldsets a viable option anymore?

I'm creating a few web forms that have areas to them. Are fieldsets viable options for sectioning forms anymore? Should I just use a div with styles to be similar? ...

CSS Positioning Question - Tables vs. Absolute vs. DL

I'd like to align label/value pairs in the center using CSS without using absolute positioning or tables (see screen shot). In that screen shot I positioned the value (ie. $4,500/wk) absolute and then floated the label right up against it. But absolute doesn't work so well in IE and I've heard it's not a good technique. But how can I ...

What is the best way to determine the source of a CSS issue.

Hello, I have been working on a webpage. It is the first I have actually tried to design using an image and then use proper CSS layout rather than tables. http://www.roccocammisola.com/proj/brunel/bgimage.html I have been having issues with the shadows on either side of the main content area. Of course these are only an issue in IE. A...

Dynamic resizing / repositioning of divs for multi-column viewing

Setup I have a website that draws RSS feeds and displays them on the page. Currently, I use percentages on the divs that contain each feed, so that multiples can appear next to each other. However, I only have two next to each other, and if the window resizes, there can be some ugly empty space on the screen. Desire What I'd like to ...

Print Stylesheets for pages with long horizontal tables.

I have a page that spits out db data in long horizontal tables. I need to print it nicely so it does not cut off. Any tips ? ...

How do I build a Style Library for use in Silverlight Class Libraries?

I have a Silverlight application that is built from a set of Silverlight class libraries. I would like to create a common Silverlight library that contains a set of resources used to define the styles used for all the Silverlight UI libraries. This would be simlar to the <Styles>'s defined in the node within App.xaml file. Is this po...

What is a cool wallpaper or background (if any) for a Main Application Window?

Does the opening Window enhance an application's attractiveness? Should it be a picture or bland Blue and White? ...

How do I apply a dynamic style in code at runtime?

I need to apply a style in code ike this: TextBlock.Style = TryFindResource("MyStyle") as Style; that will be updated dynamically when the resource dictionary is changed (i.e. skin is replaced at runtime). In other words I need the equivalent to using a dynamic resource like this: <TextBlock Style="{DynamicResource MyStyle}" /> ...

How to style the slider control in WPF?

I want to style the slider control so that the height of the draggable thumb is set to 8 pixels. What is the simplest way to do this in WPF? <Slider> <Slider.Style> <!-- which xaml here? --> </Slider.style> </Slider> ...

Button styling using CSS background image

I have used background image and css border to a button. It looks good in Firefox but IE does not show it correctly. The top border is not aligned with left, right borders in IE. How to correct it in IE? Below links for your reference.Screen shot IESelectorScreen shot Firefox ...

Customizing the scroll bar

Can we change the appearance of scroll bar? I mean we want to change the image of the scroll bar, so it can match our web theme. more specifically, i'm pointing at the scroll bar in <div style=overflow:auto> If it can't be done, then is there some other way to make our own "scroll bar", which use our own image? Perhaps if we're insa...

How to read inline styling of an element?

Howdy all. I'd like to know if it's possible to determine what inline styling has been attributed to an HTML element. I do not need to retrieve the value, but rather just detect if it's been set inline or not. For instance, if the HTML were: <div id="foo" style="width: 100px; height: 100px; background: green;"></div> How can I dete...