For questions about stylesheets and how they are used with graphic design (for strictly coding questions please use StackOverflow!)

learn more… | top users | synonyms

2
votes
2answers
168 views

Is there a way to get the equivalent of a color in different blending modes?

I have to make a button with some shadows using HTML/CSS and I've been provided with a PSD file, which has a shape of the button and some effects applied to it. One of the effects is an inner shadow. ...
0
votes
1answer
244 views

Images not displaying properly in Firefox

I am having an issue with Firefox rendering a few of the .png's that I have loaded into a Wordpress blog that I am preparing for a client. The images look fine in IE 8 & 9, and chrome, but it ...
0
votes
1answer
1k views

Color palettes - RAL to hex or RGB

I'm looking for a way to transform the RAL color palette to hex or RGB so I can use the colors in CSS (all/any of them). Is there an XML file someone can point me to, or a database somewhere, that's ...
2
votes
1answer
136 views

Spacing nav menu type

When designing a horizontal menu for a website in photoshop (like the img attahced) whats the best way to space them ? In html/css i would just use float:right; margin-left:20px; but in photoshop the ...
2
votes
2answers
125 views

Is there any way to lock down Photoshop to prevent designers from creating styles that cannot be rendered in CSS?

Photoshop is a much more powerful design tool than CSS, and given free reign to design at will, designers will often tweak things like font settings to a degree that cannot be recreated on the web. ...
1
vote
2answers
550 views

Creating Rolodex-Style Flipping Numbers Sprite in Photoshop?

So Apple recently had a countdown to their 1 billionth app download and it used a rolodex flipping type of effect. This actually turned out to be running on a sprite image which is composed of ...
4
votes
4answers
14k views

Clean, simple CSS styles for text and table-heavy sites

I just want some basic, clean-looking CSS styles to apply to a site of mine that's a web application with lots of forms and tables. Anyone have a theme or a set of CSS or a site I can look at to ...
0
votes
1answer
246 views

DIfference between IE and FF. Colors [closed]

I have a problem with my CSS code. Buttons look differently in IE7 and FF Here are my buttons: Here is my code: .list-common-wrapper .button-unfixed .button-unfixed-normal[disabled] ...
3
votes
7answers
2k views

PSD fonts and Html Page fonts

I am a web developer. What happens is that the Client sends a PSD (Photoshop designs) to the company. Then the designer needs to create a HTML page from the PSDs What happen every time is that the ...
0
votes
1answer
272 views

Design tips for a web design by a beginning developer

I'm currently in the process of making a design for a web application. Although I'm very interested in design, I'm actually a programmer, and I don't have a lot of experience with design. That's why ...
1
vote
1answer
419 views

How do I breakdown a PSD Background To Tileable layered elements

I'd like to create a scaleable multi-resolution web effect similar to iBooks and started by building on this tutorial. The problem is with the background image: As you can see it has two masks on ...
0
votes
2answers
205 views

GUI for web design?

I have a friend who has like 250 hyperlinked flowcharts. He wants to put them into a web app. The thing is, it needs to be simple HTML. There are some websites out there for flowchart HTML, but the ...
0
votes
2answers
576 views

Having trouble making a CSS3 background

I wanted to make a rather simple double-CSS3 gradient background, which would look like the one in use on my website now. I can't, however, conjure up the code to get both gradients working at once. ...
2
votes
2answers
328 views

Whatever happened to opensourceampersand.com

It's gone, which is a real shame, I should've made more use of it. Where's the best place to go to get free ampersands that I can then embed using @font-face in CSS?
0
votes
2answers
74 views

Which UI treament of a large photo is more successful?

I am about to launch a beer app on Facebook, and while it's a minor detail, I am deciding between two ways to display the photo: Option 1: http://cl.ly/082D0I3A1u0S0W0S1x2w Padding is less ...
1
vote
2answers
313 views

Recipes for HTML/CSS [duplicate]

Possible Duplicate: How to create this 3-columns fluid layout? I'm new to HTML/CSS and I'm having a hell of a time getting things to lay out like I'd expect them to! It would be really ...
3
votes
3answers
798 views

CSS - Using different fonts within a typeface?

After exploring typography more I've learnt the different between a typeface and a font :) I'd like to know how I can call the fonts 'Arial Black' or 'Arial Narrow' within CSS? The font-family ...
0
votes
1answer
103 views

What are the available css frameworks? [closed]

I have been trying to find a nice css framework so I can put it as my main design style and re-use it in my web developments without having to think about the style that much. So far I have found ...
2
votes
1answer
233 views

Dealing with a huge top-level navigation menu requirement

What are ways to deal with a large number of top-level navigation items? I am working on a site that requires 50 items at the top-level navigation. The items are all at the same level: they cannot ...
0
votes
1answer
129 views

Shadow for medium sized text

there are many examples of text-shadow effects on the web but only for very large text or particular background/foreground colours. I've tried creating an engraved effect or a 3D effect (I really ...
2
votes
3answers
229 views

Clickable stickers sticking out of a notebook

I'm trying to make clickable buttons that look like they're stickers sticking out of a notebook. Here's how it looks like: What's the best way to do this? Should each of them be PNG images with ...
1
vote
4answers
1k views

How to create this 3-columns fluid layout?

I am trying to create a 3-columns fluid layout, as described by attached picture, but I cannot reach the desired results. Do you have some hints that can help me?
3
votes
2answers
709 views

Golden ratio, with or without padding/margin?

Lets say I have 1000 px wide 2 column layout with 100 px gutter space (margin) and 50px on the left and right.. How do I apply the golden ratio to this layout? Method One c1+c2=800px; c1/c2=1.618; ...
3
votes
2answers
338 views

How did they design the Flash logo?

I am just interested to know how was the Flash logo shown bellow designed? How can something similar can be created using GIMP? sorry I can't afford Photoshop. [edit] In addition to GIMP, is it ...
3
votes
4answers
758 views

A common reset for IE, Gecko and Webkit browsers

I am developing a website that emphasizes a lot on CSS. I wish to pre-inform everyone that I am not a professional with the task. The problem I face designing the UI is that Gecko and Webkit browsers ...
5
votes
2answers
132 views

Minor CSS issue

I am new to the designing/programming world so I am sure the issue is easy to solve. I am trying to add the moz-box-shadow effect to my header. But as soon as I add that component, the header which is ...
1
vote
3answers
1k views

Tools to get HTML/CSS easily from PSD?

I have the PSD designs for my website and now want to create the site using these designs. I am not very good with css though I know HTML, javascript well. Is there any tool, site, software that can ...
11
votes
2answers
3k views

Creating CSS sprites from Photoshop

I have a PSD with a web design. Every time I tweak the design, I need to manually copy different portions of the image, with different layer visibilities (for transparency) into CSS sprites. How ...