Questions about cascading style sheets, commonly refered to as CSS. Ask anything related to implementing styles, effects or graphic-design-specific tasks. For questions about implementing structural elements or anything completely unrelated to the aesthetic look, please go to Stack Overflow.

learn more… | top users | synonyms

0
votes
1answer
270 views

Make image vertically seamless?

Any idea how make this image vertical seamless..I tried lot in ps..but no result.. or..tell me..where can I found this type of images(one side designed and seamless)?
0
votes
1answer
2k views

How can I use CSS to make something look “pushed”?

I'm building a new website in Dreamweaver CS5 and I've made a default spry menu bar. Now I want that the menu bar has an 3D look. When you click the button on the menu bar, I would like an effect that ...
0
votes
1answer
240 views

How can I achieve a better 3D lifting effect of a logo for a website?

This is my current approach, only the shadow moves. http://tinkerbin.com/uekpe227 This is a second approach, both the shadow and the letters move. http://tinkerbin.com/LjiGDKa7 And in the last ...
0
votes
1answer
104 views

PSD to HTML/CSS ON PHP/MYSQL SCRIPT

I have an auction script that uses PHP/MYSQL. I'm not satisfied with the look and feel but like the the overall function. I was planning on having a graphic designer come up with PSD files to give the ...
0
votes
1answer
148 views

How does color affect kerning and leading in CSS?

I received permission to make some changes to the company's website. All I've done so far is change Font Color and Background Color. Doing so though made drastic changes in leading (line-height) and ...
0
votes
1answer
45 views

Possible to create 3d rotating foods?

I've been looking around but it's very tough to find information on how to create 3D rotating objects on the web. I am interested in creating 3D rotating pieces of food like fruits, etc. What is the ...
0
votes
2answers
147 views

In an HTML element, is margin-bottom measured from the baseline?

I'm doing an internal style guide for a big company and want to make sure I get the spacing perfect. If I add margin-bottom to a text element, does it measure from the baseline of the text or the ...
0
votes
2answers
282 views

PSD to HTML&CSS - my margins are wrong

I am having trouble with replicating exact margins from the PSD in CSS. Whenever I measure a margin with a select tool I get, for example, 32px. Then I put this in my CSS code: div { margin-top:32px; ...
0
votes
1answer
4k views

Centering text vertically with CSS

How can I vertically center text in an element? For example, from this: to this: I know I can specify the height property on the text and then use position: absolute; top: 0; bottom: 0; ...
0
votes
3answers
158 views

What should be included in a PSD to convert it into HTML?CSS code

I'm working for the first time on "PSD to HTML" job for a client(i usually do logos and banner work). As this is my first time, i'm quite confused about "What should exactly be in the PSD file". ...
0
votes
2answers
1k 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. ...
0
votes
2answers
76 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 ...
0
votes
1answer
104 views

How to create a pattern border around webpage, squarespace

I'm trying to create a specific border around a squarespace page so that is responsive (i don't want to add an image as it wouldn't adapt to other devices) This is what I am hoping for: I currently ...
0
votes
1answer
56 views

What are the best tools/processes for web design refinements / adding polish? [closed]

I'm working on a particular part of a web page right now and have a mocked-up design to work from. I've always been able to get everything blocked out in HTML and roughly looking how I like in CSS no ...
0
votes
2answers
576 views

Using Opacity of a Div without affecting The color of the Paragraph inside the Div

I have created a div with background color black, and written a p inside it with white. When I am using opacity in the div, the color of the p is also getting changed into gray. Is there any way to ...
0
votes
1answer
458 views

How does “background:cover” CSS property works? [closed]

I'm currently "fighting" with an issue with parts of a website that I need to be fully covered by a picture. Thus, I tried the background:cover CSS property. Well, to be complete, I didn't actually ...
0
votes
1answer
817 views

How to support the font ITC Avant Garde or replacement for web?

I'm coding the redesign (css+html) for a webapp in India where my artist designied a mockup for me to code. I now wonder how I can adjust a font "ITC Avant Garde" to make it look as close to the ...
0
votes
1answer
168 views

What is a technical way to describe this style of website?

I want to look up tutotirals for a few things but dont even know what to search for. What is the correct way to describe the following? The bar that is collected by the top of the screen and follows ...
0
votes
1answer
6k views

Does Firefox support .ttc fonts? [closed]

I have the following css: @font-face { font-family: 'font name'; src: url('../font/fontname.ttc'); } In Chrome it is working but in the firefox the font style doesn't apply, font get too bold not ...
0
votes
2answers
282 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
1answer
20 views

Tips for designing governmental internal systems

I have been asked to design a template for an internal use to register and document equipment for a government sector. The system will be used locally by employees only in the sector and will not be ...
0
votes
2answers
136 views

How to measure distance between text and element in Photoshop

I find measuring the distance between an element and text rather complicated. Cause I need to first know the biggest letter and measure the distance from that to the element. Then substract the ...
0
votes
2answers
53 views

Improving webpage appearance

I have built out a donate page for our website. The buttons are somewhat similar to the LiveStrong donate buttons. Something about the page looks cheap and unappealing. I have some ideas, but I am ...
0
votes
1answer
59 views

Is this possible with html & css [closed]

can this be done? If so what way would you take to accomplish it.
0
votes
1answer
716 views

How to crop a round image with transparent background?

I am currently working on a site. I want to create custom radio buttons. The background of the website is an image. So I want the radio button to seamlessly integrate with this background image. I ...
0
votes
2answers
152 views

How to make vector templates from CSS frameworks?

I am planning in creating a Illustrator/Sketch vector based template for the CSS framework UiKit. And I wonder how to do that. My first thought was to print to PDF and dissect it from there, but then ...
0
votes
1answer
53 views

A weird issue on a page I'm designing [closed]

I've designing a page for a site of mine, but I'm getting a strange issue with the following code. <section id="struttura" class="inner"> <div class="content"> .... </div> ...
0
votes
1answer
82 views

WCAG luminance contrasts - current practice, what is it?

I tried to ask this question in another group, but got a hint this group might be more appropriate. I just wrote a little tool to check luminance contrast (WCAG) on a web page. Testing this I was ...
0
votes
1answer
194 views

Photoshop to CSS, just got Retina [duplicate]

I just got a new Macbook Pro with Retina and I'm confused about how to attack my PSD's. If I'm designing a site which has 14px font size, should I be settings it to 28px in Photoshop to get what it ...
0
votes
1answer
191 views

sprite css not hovering correctly

I have a sprite that add a couple of images added. I'm not sure if it is the case of the positioning of the actually images in the sprite or just a case of inexperience on my part. If you go to the ...
0
votes
1answer
130 views

How to access the system color scheme from CSS? [closed]

I would like for the content of a Web page to follow the color scheme of the user's system. For example, if they are using a GTK- or QT-based Web browser, the background of the Web site would match ...
0
votes
1answer
752 views

Examples of block-layout UI design?

By block-layout, I mean style like these: Medium,Readwrite,Kicktarter There aren't too many on gallery sites(for example, Flat UI Design). Most of them are for product promotion, making a big ...
0
votes
2answers
3k views

How Can I create a irregular shape in CSS without an image? [closed]

I would like to create a irregular shape in CSS like one below . I want to avoid putting image as background completely . Please help me in this regard..Thanks Bijeesh
0
votes
1answer
139 views

Graphic/web design approach to deal between UI design and front-end development

I have to search for a UI designer/front end developer to build my website out of a set of wireframes. I noticed this process is very fragmented due to complexity. What would be the best approach? ...
0
votes
3answers
328 views

Svg transparencies don't work as CSS background

I made a translucent svg. It was a 50% opacity round metal texture. When I put it above any other color it makes it look like real metal. It was made using Illustrator and had 2 of its effects: ...
0
votes
2answers
250 views

How can I improve my website design? [closed]

I'm launching a company and currently working on the website. Here is the link: http://goo.gl/HKbIK As I'm not a professional webdesigner your comments / feedback / suggestions of improvements would ...
0
votes
1answer
504 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
2k 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 ...
0
votes
1answer
280 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] ...
0
votes
1answer
349 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 ...
0
votes
1answer
17 views

Use premade list of css classes in inspector or firebug [on hold]

Is there a way to import list of all available css classes/styles in inspector or firebug so i have them ready for testing on various part of the website ? For example i have around 50 different ...
0
votes
0answers
19 views

Illustrator front-end reference [on hold]

I have received an Illustrator template of an website. I need to create the website based on that template. I am a little confused on doing that though. The illustrator file, has specific padding, ...
0
votes
2answers
36 views

Applying Different Colors To Images Via CSS [on hold]

I have the following image: If I wanted to change this image so that I could apply different color via CSS properties what would I need to change in the image/how would i go about doing it?
0
votes
2answers
47 views

Retina to actual pixels

Im currently designing an app and exporting images for the developers. I am struggling to know that if i create an icon that on my retina screen shows at say 40px X 100px, when i export, should i ...
0
votes
0answers
25 views

Using a Imbedded Japanese Font

Ohiyo. Im trying to get a imbedded Japanese font to display in ja on a website via CSS. The font is already imbedded in the css file, but it still comes out in english. Is there something I'm ...
0
votes
0answers
12 views

PSD/Sketch to HTML? + bootstrap [need guidance] [duplicate]

I'm a graphic designer and found love on web designing. I've been designing web, making mock ups for almost 2 years now, I really love web designing. But I have to admit, I still wonder how to ...
0
votes
0answers
96 views

SVG showing as blank in html

I have the following SVG file , saved as XML , looks as follows: <?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build ...
0
votes
0answers
136 views

Extract from Photoshop (psd) to Dreamweaver: Positions of Elements

Let's say I want to import the document created with Adobe Photoshop CS6 (.psd file) to Adobe Dreamweaver CS6. In Dreamweaver, there is a tool which let's to copy CSS styles. However, it copies just ...
0
votes
0answers
35 views

add large dimension sprite sheet in css using step

I have the flash animation and i want to add those animation in website.i have sprite sheet of those animation as png but it have very large dimension width:52000px.How i can make it better.
0
votes
2answers
163 views

How can I condense a Source Sans Pro font so the characters almost touch when 30px size?

I have a web site that is using the Adobe Source Sans Pro font. On the website I would like to create a logo using this or a similar font but I would like to have it so there is almost no spacing ...