CSS, short for Cascading Style Sheets, is a language used to control the presentation (including colors, layout, and fonts) of HTML and XHTML documents.

learn more… | top users | synonyms (4)

0
votes
0answers
12 views

Html and css position relative problem [on hold]

Hello I have a site on the web called omicrome.com I am updating the site and I wanted to add coloured rectangles to the background so in the css I set the z-index to -1. This works and gets the ...
0
votes
0answers
4 views

Html and css rectangle not displaying correctly [migrated]

Hello I have a site where there is some text telling the user about the site. I want to draw a white rectangle behind the text to separate it from the background. I am able to draw the rectangle but ...
1
vote
1answer
37 views

Is there a performance difference between background-size:cover and background-size:100% auto?

I know what the difference is between background-size: cover and background-size: 100% auto. I'm curious if there is a performance difference between the two and which one would be preferred?
64
votes
5answers
19k views

How bad is it to use display: none in CSS?

I've heard many times that it's bad to use display: none for SEO reasons, as it could be an attempt to push in irrelevant popular keywords. A few questions: Is that still received wisdom? Does it ...
0
votes
1answer
15 views

Can CSS cause a hyperlink to become inactive? [closed]

Please excuse me if this is the wrong site to post this type of issue to. However, after examining all of the Stack Exchange websites, this looked like the best one to post my question to: I came ...
3
votes
1answer
32 views

How do browsers handle multiple font-faces, when their source is the same?

I know that using multiple different fonts with font-face has a considerable performance implication if the website is already resource extensive, particularly on mobile (although less so, now that ...
0
votes
0answers
3 views

iframe video not displaying unless page refreshed [migrated]

iframe within a css expand/collapse group will not display video on initial load; only after reload. Displays fine on it's own in a separate block. Any ideas? (this is a squarespace page, btw.) In ...
1
vote
1answer
127 views

Does changing strong element CSS styling affect SEO?

<strong> HTML elements have default black and bold CSS styling. I want my strong elements to have light blue background, have blue as font color and underline strokes. But does changing the ...
20
votes
4answers
11k views

Is there a way to compile LESS files to CSS (so that every browser doesn't have to)?

I'm considering using LESS but I cringe at the thought of a browser having JavaScript disabled and my CSS not being readable (and the site looking awful). Also, it offends the engineer in me to force ...
3
votes
1answer
36 views

Is scroll bar included in the browser viewport width?

Wondering for CSS purposes if the scroll bar is included in the viewport width? Specifically I'm thinking about calculating the sizes for img srcset. For example, would I need to account for it by ...
1
vote
1answer
33 views

Each of my media queries is getting a parse error when I try to validate css

I am trying to validate a css file. Every one of my media queries is getting a parse error. I have checked and I do not have any missing curly brackets, colons, or semi-colons. I also set the W3C ...
0
votes
4answers
58 views

Inline CSS on Header Tag

Does putting inline CSS on a heading element such as <h1> and <h2> affect SEO? If so, how?
1
vote
2answers
93 views

CSS float issue?

Hey all,     I'm having some trouble getting a float right on my website. I'm floating an image over to the right, and the text on the left wraps around the image... as long as the ...
1
vote
0answers
48 views

Can images be combined using the clip CSS Property while still maintaining image SEO and semantics?

I have two images in my web page. Actually there are 20 but I want to keep things simple: <div> <img src="apple.png" alt="Apple" /> <img src="orange.png" alt="Orange" /> ...
4
votes
1answer
49 views

Will underlying content (hidden by z-index until exposed by user action) be ignored by Google?

In my web app the application itself will take up most of the screen estate (the pink layer in the below picture), while the about page (the blue layer) is hidden below it, thanks to z-index. If the ...
-1
votes
1answer
19 views

What's bootstrap.css and why and how is it used [closed]

I've seen so many templates having this bootstrap.min.css file which also was like 125kbs. What is it used for?
1
vote
3answers
352 views

Googlebot couldn't get all resources for this page

When I fetch and render it is showing partial. It looks fine. The same way Google sees it is the same way visitors see it. The reason for this is that I've added BuySellaAd codes in a widget onto my ...
2
votes
1answer
303 views

Fixed background images not displaying correctly on any web browser

Screenshot for this question: I am using fixed position images as seen at css-tricks.com/examples/BlurryBackgroundEffect/ to create a glassy effect to a web project I'm working on. As you can see ...
39
votes
4answers
7k views

Why do big sites host their images/css on external domains?

Why do sites like Facebook, Twitter, and Google host their images and css on external domains such as: Facebook: static.ak.fbcdn.net Twitter: a0.twimg.com Google: ssl.gstatic.com Question(s): Is ...
1
vote
2answers
150 views

How to show only disqus thread-votes and nothing else

I want to show just the thread vote portion of the whole Disqus commenting system. How would I go about doing it? Here is an example of what I am asking for: Could I possibly iframed the rating ...
3
votes
1answer
21 views

Thoughts on situating a mobile-only conversion form?

I have a Drupal 7 site. In desktop display, the site contains a sidebar contact form and in most mobile displays, this form goes down below the webpages and buffering between them and the footer ...
2
votes
1answer
124 views

Does bootstrap hidden-sm effect SEO consequences

So hiding text can be seen by Google as a black hat SEO trick, that's what I have read on many articles out there. So when a user is viewing my website on their mobile, There are usually a few things ...
4
votes
1answer
108 views

SEO and the use of ellipsis CSS property

I have a Q&A service and in every question details page, there is a section named "related questions". Every question in there has the title and the initial lines of the answer. We are limiting ...
8
votes
7answers
1k views

Can anyone list some real examples of 'HTML5' being used in the wild?

I am using HTML5 in the same way everyone seems to be using it these days, meaning: HTML5 tags, Canvas / 3D / javascript and CSS3. I am struggling to find examples of sites that are using these ...
3
votes
2answers
785 views

Does Google care about code formatting?

TLDR; Does Google care how code is formatted? Background I work in an agency. One developer is trying to convince the other to put line-breaks between rules in his css file: .class { ...
0
votes
0answers
6 views

XML Schema for Cascading Stylesheet Expressions?

Considering that an XML schema - similar to an SGML or XML Document Type Definition or a Relax NG XML or Compact schema - that an XML schema defines a manner of a grammar for XML expressions, and in ...
0
votes
1answer
43 views

Can 'crumbs' in a long line of breadcrumbs (using Schema.org) be removed for smaller screen sizes?

Let's say I have a page with 5 breadcrumbs; on a desktop, this looks fine but when viewed on a phone, the crumbs wrap to the next line. If I'm wanting the crumbs to fit into one nice clean line, am I ...
3
votes
2answers
77 views

What units to use in responsive design?

So I am really at loss which units to adopt when developing responsive layouts. Some say use viewport units. Other people say use rem. Other say use media queries and pixel ratio. So what unit is the ...
3
votes
2answers
90 views

Can randomly named CSS classes hurt rankings?

My website uses random words for CSS classes. For example: gruig. Now I'm little scared that this might somehow lower our Google rankings. Will it?
0
votes
1answer
821 views

Chrome has recently started chopping the bottom of some titles, anyone know why? [closed]

The title is the entirety really. Chrome has started to chop the bottom off my titles (not noticed in on any paragraph text). I've tried the usual, incognito mode to disable and extensions, delete my ...
3
votes
2answers
6k views

Best and safest SEO way to hide h1 tags

I want to use images that I created in PS for page titles. Because they will be images they will not be picked up by Google, etc. What is the best practice for hiding the <h1>? I was planning on ...
1
vote
1answer
52 views

Hide text ONLY for screen readers

The WCAG says it can be done by aria-hidden tag, but I've read it's not working at many screen readers. Can't get how display:none can help to hide some text only for screen readers (=visible to ...
2
votes
2answers
82 views

Which web font supports all languages?

I have a site which has fonts of all languages but most of the fonts don't support most of the languages other than English. For example, check this URL: ...
1
vote
0answers
8 views

ASP.NET multilingual through cookie/URL - Google sees one version

Our website is multilingual and works through cookies/URL www.amlik.com/ar/ www.amlik.com/en/ The problem we are facing is Google sees only the arabic (default version of our site) even when ...
1
vote
1answer
25 views

First I'm told to avoid table for layout and now using floats is bad for mobile?

I ran my mobile home page through the website validator at: https://validator.w3.org/ and it complains that: The CSS style sheet contains rules referencing the position, display or float ...
0
votes
1answer
17 views

How to define the background color of this side menu? [closed]

I've added a side menu successfully but when i want to change the color of it it doesn't work. The mid of the menu is still another grey and i dont know what to do. Tried to add ...
2
votes
2answers
29 views

What consumes less resources on the client side, an animation with gif or CSS?

What is better for the client side, an animated gif or the same animation done as a sequence of images with CSS ?
0
votes
1answer
25 views

How to calculate in CSS? [closed]

I want to make CSS like this Width : 80%; Height : (width-30%); but I do not know, in order to measure height: width-30%. I've been using calc() but still can not
1
vote
2answers
69 views

Images and styles won't load when HTML is opened through the file system rather than through localhost webserver

I'm trying to translate a tutorial of a software. The tutorial is all in HTML, with CSS and some javascript. I'm noob in web development, so I'm a little lost. The problem is: I found the source-code ...
3
votes
5answers
165 views

designing web UI

I'm pretty comfortable with the backend side of web development (say, using java spring mvc, or grails), but I really don't know where to start when it comes to client side UI (as in designing pages ...
6
votes
1answer
139 views

Do loading screens positioned above site content harm SEO?

I use a white div covering all screen before the page loads on a website. Will this hurt my Google Search position? It's not like I'm hiding links on purpose, and I've seen loading screens on many ...
1
vote
4answers
507 views

For SEO of the company name, should we use a logo with alt text or a company name div replaced in CSS with an image?

Which of these alternatives would be the less negative to Google search engine? <h1> <a href="#" title="Company Name"> <img src="img/logo.png" alt="Logo" title="Company ...
1
vote
2answers
97 views

How to deny direct access to font files used in CSS?

I have a website that displays texts with unique, copyrighted fonts. I use a CSS file with "font-face" elements (see the example below) and I store the font files in a folder called "type". I would ...
3
votes
1answer
141 views

How does the Media Query apply to smartphone resolutions?

With the launch of new iPhone 6 Plus with a resolution of 1920x1080 px, it got me thinking how is this resolution different from the screen widths we UI developers define in our CSS in media-query ...
10
votes
4answers
8k views

iPad and iPhone browser rotating images on site?

I am experiencing an odd occurance on a site I'm building right now where images are displayed 90 degrees different from how they are supposed to, but while maintaining the normal dimensions of the ...
0
votes
0answers
47 views

If I used CSS to size an image, would google understand the new size?

Say I have this html code (replace x and y with actual numbers): <html> <head> <style> IMG {width: 100%;height: auto; max-width:xpx; max-height:ypx;} </style> ...
2
votes
1answer
112 views

Tradeoffs around using a query string vs embedding version number in the CSS/JS files [duplicate]

I was reading articles and forum posts about using version numbers in CSS/JS files. http://www.stevesouders.com/blog/2008/08/23/revving-filenames-dont-use-querystring/ ...
13
votes
8answers
33k views

Font displays differently in Firefox vs. Chrome

It seems that my menu bar is displayed with a different font stretch in Firefox than it is in Chrome. See the following: Here is the CSS applied to this element: font-variant: small-caps; ...
1
vote
2answers
493 views

How do I Add Expires headers for CSS file with ?ver=4.1

I'm optimizing my website with Gtmetrix and in Add Expires headers section it shows the below error- There are 49 static components without a far-future expiration date. ...
1
vote
1answer
83 views

Mobile Google Chrome Not Resizing Responsive Website

I am new to designing responsive websites which are done in pure PHP and CSS, and I am not using any CMS like wordpress. I am using @media screen and (max-width:....) for the responsive design only ...