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
8 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
9 views

Inline CSS enlargement / magnification? [closed]

Is there any inline CSS code I can use to make content look bigger on small mobile phone type displays? Javascript is not an option. The pages(s) are only for displaying a couple of control buttons ...
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 ...
0
votes
0answers
20 views

CSS Fonts - How to view already generated font? [closed]

I have downloaded and installed these socialmedia icons but there isn't a linkedIn icon included, so i've started creating one. How can i find out the code for LinkedIn in the font, or even if there ...
0
votes
0answers
9 views

navigation vs content, div heights and margins [closed]

I'm trying to fit the navigation with the content . First I'm setting the navar height (10%), then I'm setting up the content top-margin to 10%, but it don't work this way. When the window gets ...
0
votes
1answer
14 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 ...
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
29 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
57 views

Inline CSS on Header Tag

Does putting inline CSS on a heading element such as <h1> and <h2> affect SEO? If so, how?
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 ...
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
0answers
47 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" /> ...
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
123 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 ...
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 ...
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 { ...
3
votes
1answer
30 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
1answer
41 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 ...
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?
3
votes
2answers
75 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
89 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?
2
votes
2answers
79 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
1answer
51 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 ...
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
16 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 ...
1
vote
1answer
126 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 ...
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
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 ...
1
vote
4answers
498 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
94 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 ...
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/ ...
0
votes
2answers
90 views

Ä Umlaut-dots too close to the letter in Firefox

In Mac-FF 41 (and 40) the Umlaut-dos of the letter Ä are rendered too close to the rest of the letter, as it shows in the picture below. In other Browsers however (Chrome, Safari) the type renders ...
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 ...
6
votes
1answer
138 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 ...
8
votes
1answer
96 views

Is there any good reason for two CSS files to @import each other?

I'm working on some critical style revisions for a client's WordPress site that was designed by another team. The CSS seems to be a tangled mess. One of the idiosyncrasies I've found is that the ...
0
votes
0answers
77 views

Does image dimensions outside image tag also slow page loading?

I am using height and width for images in css before img tag (css in same page header) so I think there is no need to set dimensions in img tag. But when I checked speed in different online tools, ...
0
votes
1answer
49 views

Do I really need to support older browsers?

When an automatic update hits Windows, it updates all software to the latest, stable version. When you update Linux, it does the same. Why should I worry about writing code for older browsers when ...
1
vote
3answers
350 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 ...
0
votes
1answer
30 views

My site breaks on specific resolutions

It is all started here : How Google decided how websites will look to my visitors? Google told me that my site looks bad for my visitors and "Barnettt" answered me that it is happening in specific ...
3
votes
2answers
215 views

Images as hyperlinks and SEO implications

I manage several websites, one of which is an e-commerce site with a lot of images. At the top of some product category pages, there are image links to specific products (think image banners). I am ...
0
votes
1answer
46 views

What technologies do i need to learn to make a blog? [closed]

I am making my first website which will be my personal blog. My main purpose to make this is to learn website development. I know a fair amount of HTML, CSS and JavaScript. I understand these are all ...
2
votes
1answer
66 views

How Google decided how websites will look to my visitors?

I have a small WordPress website, Google shows me a print screen of how the visitors of my site see it : And as you can see in the image on the right, it seems like all the thumbnails gone and the ...
2
votes
1answer
73 views

CSS overflow bug on Mobile [closed]

I'm using the Gridless CSS Framework's html/body tags as wrappers; which works great! I'm un-role'n my site; the role main attribute would span across the page on desktop/mobile. But the new heading ...
0
votes
1answer
131 views

Managing Web Templates using CMS such as Orchard [closed]

I want to build a new web site for a construction company. And i found many online web templates that can satisfy my Interface requirements such as these web templates:- ...
1
vote
1answer
83 views

Google says my website has render blocking css while it doesn't

Google says the mobile version of my website has render blocking css while my website has only one css file that is placed before the closing body tag. I even test putting the css after closing html ...