CSS (Cascading Style Sheets) is a declarative language used to code style sheets which determine the visual appearance of text and images, as well as form and interface elements in documents created with markup languages like HTML and XHTML.
2
votes
3answers
112 views
Is there a visual web editor based on bootstrap?
Bootstrap is a great framework, and I want know if there is a tool that gives you the possibility of dragging html components, re-sizing and moving them, changing colours, all while generating the ...
2
votes
1answer
71 views
What's the meaning of saying CSS sprites are “for graphics that are just single blocks”?
I was reading this to understand sprites
http://css-tricks.com/css-sprites/
The author says "Sprites are for graphics that are just single blocks. " What does this mean? One thing I have read is to ...
0
votes
1answer
25 views
Cannot Get graphic file to appear with alpha channel
I'm importing a quicktime movie file and can not get it to play on the timeline. It has a preview that works (shows up in the source) ... but not on the time line. Any suggestions? The file worked the ...
2
votes
2answers
68 views
How to make a “highlighter” effect for text background in CSS?
How would I go about highlighting an inline part of a paragraph decorated with a "highlighted" effect as if it were marked by a real highlighter on paper.
<p> The dog <em>jumped ...
0
votes
2answers
57 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: ...
2
votes
3answers
113 views
How to design a modern/slightly futuristic-looking application
I was hoping to get some advice from some more experienced UI developers. I have been presented with a unique challenge by my customer, and I feel like I am failing.
Specifically, they want a UI that ...
-5
votes
1answer
79 views
How to make a site attractive? [closed]
What are the basics of an attractive web design? What should I be looking for and what sources should I use to educate myself on the matter?
0
votes
3answers
50 views
What is a difference in Css frameworks vs preprocessors
I am somewhat confused as a graphic designer. What is that distinguish them.
I know what both provide to some extent. Like I read about LESS and liked it.
I guess i want to know what is a difference ...
-1
votes
1answer
46 views
Right css code to align(center) the div tag? [closed]
I googled this question and searched for an hour, every one specify their own likes, but i want to know the correct code to align the div in center position.
13
votes
10answers
1k views
What real advantages do web templates such as Bootstrap or HTML5 boilerplate have for a designer?
Note, this is about design much more than development.
I build sites from scratch with completely hand written CSS and HTML.
I've known about pre-build css templates such as Bootstrap or HTML5 ...
3
votes
2answers
80 views
Text wrapping fill-last-line-first
I have a peculiar design for a web page that I have to implement from an already made design, and some of the text wrappings are filled bottom-up (in my case it's for bottom-left aligned thin text ...
-3
votes
1answer
197 views
How to create a vertically asymmetrical grid in Photoshop
I'm working on a site. The width will be fixed, but the length will vary.
What would be the best way to create a grid like the following in Photoshop?:
1
vote
1answer
59 views
Where can I find a good repository of semi-transparent tiles for web?
I have been looking frequently for a site, a service that provides a repository of semi-transparent tiling backgrounds. I've found some grain generators, but I would like some more things that I could ...
1
vote
2answers
68 views
How can you get decorative dots or dashes between links in the sitemap hierarchy, using either CSS or images?
In the footer of my clients site, I want to give the users total clarity about where things are on the website so that they can quickly navigate there.
So I will implement what looks like a nested ...
2
votes
2answers
71 views
Layout with Tables - Hierarchy
In this fiddle there's a markup and style I'm doing for a website:
http://jsfiddle.net/UvJmP/
I am trying to represent data in this way:
D2's table data is contained in D1
D3's table data is ...
1
vote
1answer
62 views
In Dreamweaver (or HMTL and CSS in general) how can you style the ® Registered logo to be smaller and floating upwards?
On the web, using ® will make the Registered logo almost as big as the rest of the text. How can you modify the size of it to match how it would appear in print?
2
votes
4answers
87 views
Positioning a DIV before the previous DIV [closed]
I'm not savvy when it comes to HTML/CSS.
I use Typepad for my blog, and that limits me a lot.
There are four divs.
<div id="container-inner">
<div id="nav"></div>
<div ...
4
votes
1answer
43 views
Are custom graphics/images a necessity for professional looking web design?
I learned css snd html, thinking that making a site that looks good and professional would be a simple matter of basic layout and some fiddling with colours/text.
However on beginning the css portion ...
1
vote
3answers
138 views
How to extract the black and white components of an image to superimpose it over colored backgrounds
Say I want to create a glowing button for a website. I would like to have the possibility to dynamically change the color of that button by changing the color of it's background.
For this I need to ...
1
vote
2answers
161 views
How to recreate this background in photoshop for use in a mobile app? [duplicate]
Possible Duplicate:
How do so many app menus get that finished textured look?
I'm still a beginner, but I really like this texture and have been trying for hours to recreate it.
Question: ...
1
vote
3answers
162 views
How do so many app menus get that finished textured look?
I don't know how to describe it but how do you create that nice textured look with css?
Seen in the background:
Also seen a bit on the left hand dark navigation of:
Thanks for your help
...
-2
votes
3answers
123 views
What is that flash can do but css3 cant do [closed]
I am not asking to prove what is better, and since this is a forum for graphic Designers..i would like to have a list of limits and possibilities. For example, in flash if i wanted to make the whole ...
1
vote
2answers
203 views
How to get arced drop shadows with center glow effect in Photoshop?
I was just browsing the plugins.joshlobe.com and the thing that caught my eye was interesting use of drop shadows. I am talking about the drop shadow in the linked image with a center glow kind of ...
0
votes
1answer
475 views
How to reduce a .ttf file?
I have a Chinese font file, the size of the file is 7.693 MB. Due to the size of the ttf file, the site loads only slowly. Is there any way to reduce the size of the .ttf font?
Thanks.
0
votes
1answer
382 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 ...
-1
votes
1answer
40 views
How to change the background? [closed]
I have a site with simple background-color (white) i would like to change the background like this
new background
How to do it?
Thanks.
9
votes
3answers
236 views
Should underline clash with text descenders?
CSS3’s text-decoration module includes a text-underline-position property, which specifies whether the underline should be positioned below the whole text:
         Â
or just below baseline, letting ...
3
votes
2answers
848 views
How to control word-spacing in justified text with CSS?
I have 2 blocks of text that are pretty small (just under a paragraph each) and they really look better justified but the problem is that text-align: justify; sometimes adds really large spaces and ...
4
votes
1answer
75 views
How do you build a webpage with a main text body and 2 columns underneath? [closed]
I have a body of text that I am trying to layout in a visually pleasing way but I can not figure it out. The goal is to have this layout (see psuedocode):
<container>
<main />
...
3
votes
2answers
342 views
How can I slice parallelogram shapes to HTML/CSS?
I have to slice website design to HTML/CSS. Main navigation menu looks like below:
I am beginner webdeveloper and I don't know how to slice this design into compatible and cross-browser code. How ...
0
votes
3answers
98 views
Table having columns and rows exceeding the size page [closed]
I need to display data table which numbers of columns and rows could be quite changeable.
I was thinking to have an horizontal scroll, but maybe this is not a good solution.
Each cell should be also ...
1
vote
2answers
588 views
How do I use a custom font in an SVG image on my site?
I created a custom Facebook icon using Inkscape and saved it as an svg. It uses the same font as the title of my page, which uses the font "ubuntutitling-bold-webfont", which I have referenced as a ...
4
votes
1answer
399 views
Museo Font get distorted in browser
I am facing some problems with font rendering in different browsers.
I tried to add a custom font and font get distorted in browser like firefox, chrome, IE
...
2
votes
2answers
365 views
Why does Google want a vertical scrollbar on search page when it's not necessary
On Google's search page there is a visible vertical scroll bar even when it is not necessary. This can be avoided by deleting the following style from body selector
overflow-y: scroll;
When this ...
1
vote
2answers
317 views
How to create buttons with editable text that are re sizable (to accommodate longer/shorter text) on all browsers [closed]
I often find that I need to change the text on buttons.
I'd like to create some CSS based editable buttons with mouse over effects.
And the whole button should be clickable (not just the text).
I ...
1
vote
2answers
305 views
CSS LetterPress Effect
I can't seem to get the color values/names correct so that I can get a Letter Press Effect on the text
To create the appearance of text that has been stamped, choose a text colour that is darker ...
0
votes
2answers
154 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
2answers
103 views
Advice on typography and background image
I have a blog and i would like to ask anyone CSS savvy for advice on some changes.
http://fornuftfu.se/category/blogg/
Better Typography for the blog articles
Is the design too dull? Would a ...
1
vote
3answers
142 views
Element naming conventions / inspiration [closed]
I work in front end markup so I'm constantly templating site. Does anyone know of good resources to learn some good conventions or inspiration for element names? I like names that relate to print ...
1
vote
1answer
96 views
Creating a new stage in Adobe Edge Preview 0.10.0.134.17040
I recently started working with Adobe Edge, and need to create an additional stage for a more complex animation. How can this be done?
3
votes
1answer
699 views
Gradient Banding in Chrome
I've been trying use linear-gradient CSS to avoid using an image for a gradient but unfortunately it renders poorly in Chrome with visible banding.
I've created a codepen example to illustrate the ...
1
vote
2answers
137 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
150 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
938 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 ...
1
vote
2answers
181 views
Fireworks slices for Dreamweaver
I am designing a website and am planning on slicing up my template in Fireworks and then exporting it to Dreamweaver. When this is done it does of course go into a table. I have a title and nav bar ...
1
vote
1answer
91 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
102 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.
...
4
votes
4answers
157 views
Creating a generic display that looks appealing with a wide variety of images
I feel like this looks ugly. The box shadow above the image blends really well with some images - generally with images that have a lot of color or are white - but with others it looks horrible.
...
0
votes
1answer
202 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] ...
1
vote
3answers
693 views
Photoshop kern and css kern ratio?
I am trying to determine the how much line spacing to set for the amount of kern used in photoshop. I can eye-ball the spacing but does anyone know the exact ratio between the two. ex. Set text kern ...
