Questions tagged [css]

CSS, short for Cascading Style Sheets, is a language used to control the presentation of HTML and XHTML documents.

Filter by
Sorted by
Tagged with
1
vote
1answer
145 views

Best way to display failed login from a nav login

I want to do a login for users that is strictly in the nav. If the user hasn't logged in, they can always login in from the nav. One thing I have noticed is that websites like Facebook and GoodReads ...
0
votes
2answers
257 views

how better place back button?

Our main goal is, to keep the ability to go back SOMEWHERE but we don’t want it to be too prominent. Where should we put that button? This is the link to the live page where this button called 'Ürün ...
0
votes
1answer
145 views

What are the benefits and drawbacks of using 2 or more CSS Framework? [closed]

I have experience in Bootstrap, Foundation, and Sematic UI. On my next application, I am planning to use Bootstrap for Grid Foundation for Menu & Side nav Semantic UI for Forms, icons, etc. ...
0
votes
1answer
105 views

How can I design my form better? [closed]

I have a price calculation form which looks very basic. I want to make it look little better. Like the '+' and '-' button look like bootstrap button and having a shadow. I also want to have a subtle ...
2
votes
1answer
621 views

Standard numbers for responsive layout

What are the (standard) numbers to work with, when making css responsive layout? @media screen and (min-width: px) { /* Mobile */ } @media screen and (min-width: px) { /* Tablet */ } @media ...
2
votes
5answers
225 views

Solution to two merging backgrounds

The Item management is part of a dropdown menu and the Author is part of a heading list. But since both have the same black background, it looks like Item management and Author are part of the same ...
7
votes
1answer
4k views

Tooltip CSS cursor

I am at a bit of a loss as to what cursor I should be using for tooltips that have no click through behaviour. I have a hover only tooltip are I currently use the CSS cursor: cursor: pointer However ...
2
votes
2answers
1k views

Is there a pattern for an HTML select box that provides existing hardcoded values but also needs to be able to take custom input?

I have a menu of reference information, like below. download bmml source – Wireframes created with Balsamiq Mockups The above fields are progressively pre-populated by the system, and user has ...
0
votes
1answer
188 views

Tips for “better” white space

I am currently working on the front end of a key server. The problem that I am having, is that i have got many pages, which do not hold much information and I do not know, how I can fill out the white ...
0
votes
3answers
842 views

Use of Max-Width In Fluid (Or Responsive) Web Design

I see that a lot of fluid websites use a min-width and max-width property on their web pages designed mainly for desktop. When the browser width is less than min-width, content stops shrinking and the ...
0
votes
2answers
69 views

Exploratory Interface across Mobile Devices

I'm working on a site were the features are shown as exploratory items (http://codepen.io/sevenearths/pen/rWzgba). This all works well on computers where users can hover over elements and additional ...
15
votes
7answers
13k views

iPad/iPhone alternative for hover states

I've recently updated my personal portfolio with some CSS3 and jQuery magic. I'm extremely pleased with the results and yes, it's fully responsive. But i have an issue. I've structured my portfolio ...
6
votes
2answers
1k views

Accessibility color difference best practices

I was planning on using #663399 and #f8f8f8 as a foreground and background color. The Color Contrast Tool, like others, is passing the contrast ratio as described by WCAG, but is failing color ...
0
votes
1answer
95 views

Things I would need to learn [closed]

Hello everyone and thanks in advance for helping me out. I just graduated from a video game conception school and I want to get into UX for video game or mobile app. The issue is: I don't know where ...
1
vote
2answers
316 views

What is the best UI for dashboard?

I am currently working on a project which requires a user dashboard. I'm toying between two options. My main concern with a minimalistic layout is that it is a waste of clicks. I'm a huge fan of ...
3
votes
2answers
325 views

Responsive Web Design based on physical size?

The current practice of using media queries via pixel-thresholds is fine, but what if someone decided to use their 50-inch 4k tv as a vertical monitor and actually sit really close to it? I could see ...
4
votes
4answers
278 views

Advice on website design layout

I have a website that has a menu at the top. On some pages there is a sub menu that is at the left hand side, but this is only on some pages. How then would be best to design the page layout given ...
74
votes
7answers
88k views

Default cursor on mouse over of a button is not a hand pointer

Why is the default cursor an arrow when you hover over an HTML <button>? I always thought that arrows let you select stuff, but hands let you execute an action. Since buttons execute actions, ...
2
votes
0answers
171 views

I need horizontal scroll bar with fixed width and right side checkbox [closed]

I need horizontal scroll bar with fixed width and right side check box. Currently I truncate the text, but I need horizontal scroll without truncate. Refer my sample page is here:- https://jsfiddle....
0
votes
3answers
1k views

How to make a close button “X” stand out from a image [closed]

I have an image looks like satellite map where I want to put a close button at the top right corner. What I have now is just a span with "X". It's an 100% overlay on a popup so clicking outside ...
0
votes
2answers
209 views

Color scheme for 1-4 ratings

I am task with shading the table cells containing ratings: Good (1) , Better (2), Best (3), Gold (4) or blank (as in not rated). It is possible that in the future another rating would be added - ...
1
vote
1answer
48 views

Should I use labels for geographic locations?

I have a website similar to craigslist for online classified media. I redesigned a list of items now using semantic-ui and labels for the geography. Would it be better to use breadcrumbs e g Georgia &...
0
votes
3answers
182 views

How do I make extremely basic data look presentable? [closed]

I have a modal that is so boring and ugly I cannot stand to look at it. In a user table, the user can press a button to view all details about the user (the table only shows name, role, etc). This ...
9
votes
2answers
1k views

Anchor tag accessibility on SO

I noticed this question on SO Meta, and I was curious what the best solution would be. I understand the accessibility concerns, and I would like to see the need met, but I'm not terribly fond of text-...
37
votes
4answers
24k views

Is Helvetica considered a “web safe” font?

Should I consider the font Helvetica to be a web-safe font, i.e. is it a reliable source to set in my CSS that will be accessible on any device?
1
vote
1answer
801 views

Field allignment with error labels

I am looking for possible solutions that could be used to make our forms look better when displaying errors. Our application is using Government of Canada Intranet Theme (WET 4) with bootstrap. The ...
3
votes
2answers
1k views

UWP for web site development

I was reading about UWP (universal windows platform) design guidelines on MS website. This is mostly about applications, not websites. However, is there something similar from MS when I want my ...
2
votes
0answers
32 views

Looking for an effective way to allow people to put on a slide show of documents and videos [closed]

Currently we have this http://torontotigroup.byethost7.com/documents.html I'm looking for something that is easy to use, for both me and the reader, and works effectively on as many devices as ...
1
vote
1answer
111 views

Are there any practical reasons as to why one should show css outline on a focused radio button?

A while ago, I found a css stylesheet for checkboxes and radio buttons, which could use font-awesome icons as symbols. I had just used the checboxes until recently, but expanded my form to include ...
1
vote
1answer
55 views

Distinguishing spell check from link

I want to display misspelled words within text in HTML that are detected by a spell checker. I simply put the misspelled words in a <span> element, and made the color red, and the text-...
3
votes
3answers
110 views

Is it right to animate forms in corporate platforms? [closed]

I working on an internal user panel for a company that provide premium services. in their platform has lots of forms with too different inputs. It is so important to users to know where there are and ...
0
votes
1answer
108 views

How is the UI of DADA-DADA.net built? [closed]

DADA-DADA.net How is the interface of this site built ? What's going on here ? Any hints would be appreciated. Thanks.
5
votes
1answer
2k views

how to represent disabled cells into a table with alternate row color

I'm creating an editable html table with alternate row color with a focused row highlighting . When a cell is clicked, the user can modify its content. Considering all of these, I need to indicate ...
1
vote
1answer
2k views

Is the context-menu cursor a useful replacement for the pointer when opening a context-menu?

To connote that an element opens a menu and is not a link, we are using cursor: context-menu. See example. Our target browsers all support the cursor. I can't find any relevant discussion on the ...
6
votes
8answers
20k views

How wide should a responsive-designed website be?

Maybe this is a stupid question but I wonder if it changed. Websites used to be 960px wide so all screen resolution could easily see all the content. But with the new 'responsive-design' and html5 ...
4
votes
4answers
1k views

Why should “cancel” and “confirm” button have the same size?

A lot of UI Framework provide 2 different types of buttons: 1) The first one: a sort of confirmation button 2) The secondo one: used as a "cancel" button The UI of the two buttons could be different: ...
23
votes
7answers
31k views

What are the rules of thumb for margins in web design?

My web designer tells me that in a web page, the empty margins or padding should always be multiples of a standard. For example 6 px, 12px, 18px. This should produce nicely balanced lay-outs. I would ...
2
votes
1answer
562 views

How to handle text in limited space with multiple languages and long words

We have english and german versions of a few pages, and the issue I've come across is that often, there are german words that have many more characters than their english translation. Laying the pages ...
2
votes
4answers
199 views

Best way to ask the user which dictionary he wants to use

I'm making a javascript widget that will allow the user to see the translation of a specific word together with examples featuring that word, synonyms, etc. This how it works: On the desktop) The ...
18
votes
4answers
4k views

Why are CSS cursor types so rare on the web?

Coming across this handy CSS Cursor tool I wondered: why are the CSS cursor types other than default, pointer and text so rare on the web? Even most web applications don't go further than these three ...
7
votes
2answers
6k views

Need a font with unambiguous letters for commonly confused characters [closed]

Must-have A few stipulations for an unambiguous font: - It must be easily legible. - It must have a slashed zero (so as to distinguish it from capital O). - It must sufficiently differentiate ...
29
votes
7answers
35k views

Responsive Breakpoints?

Twitter Bootstrap uses these break points for responsive design: Large Display: 1200px Default: 980px Tablet: 768px Mobile: 480px A client said they are using 1280px for their Large Display ...
7
votes
2answers
964 views

Why should I use em, and not % for fonts?

If ems essentially give you a result that is a percentage of the base font, what advantage is there to using it, rather than % for font sizing? I have looked around, and haven't really seen anything ...
2
votes
3answers
70 views

Good UX for confirming and then selecting a value in a form

I'm creating an interface for users to create and define a hot drink. I have a check box for add milk and another for add sugar. If the user confirms this selection I would like to allow them to ...
0
votes
2answers
102 views

HTML Title Attribute Instead of The Tag Content [closed]

Considering accessibility, can I use: <a href="about.html" title="About"></a> without any content, instead of: <a href="about.html">About</a> Associated with this CSS rule: ...
1
vote
1answer
1k views

Print mode, will users always print at 8.5 x 11?

So we are setting up a printable coupon page (using a print media query in css) which gives you a good bit of flexibility but it got me wondering; how often are people printing pages outside of 8.5 x ...
0
votes
1answer
126 views

Best way to style an “output box”? [closed]

How would you stylize an "output box" where data is being written onto a dashboard-like screen? It is for an operator to be able to monitor incoming data. I want the user to be able to easily ...
4
votes
5answers
442 views

Are there good practices to verbally describe the animations in your site before coding starts?

Is there a process, tool, prefered method to describe css animations, forwards and backwards, before you start coding them? I lose a lot of time describing the animations and/or picking up feedback ...
2
votes
3answers
130 views

Should I use an Adaptive Design for my website?

My idea is to one page, but when you screen size is smaller than 'x', then you will not see the desktop content, only the mobile content. This will work something like this; http://jsfiddle.net/...
6
votes
3answers
1k views

How practical is the accessibility requirement to view pages with CSS disabled?

As a practical matter, aside from what Section 508 states about web documents being readable without relying on an external stylesheet, do vision-impaired users really try to browse the web with css ...