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)

2
votes
2answers
285 views

Layout Columns - Equal Height

I remember first starting out using tables for layouts and learned that I should not be doing that. I am working on a new site and can not seem to do equal height columns without using tables. Here is ...
0
votes
0answers
8 views

Making a static website responsive question [on hold]

Just learned the basics of HTML and CSS and would like to code together a site. In the end I would like the site to be responsive but I have a question. Do I code using "relative units" right off the ...
0
votes
0answers
9 views

Show picture when hovering over DropDownList items ASP.NET [on hold]

I am currently learning ASP.NET, and I would like to associate a picture with every item from an asp:DropDownList. I am using C# as the programming language, and an ASP.NET WebForm. Example of what I ...
0
votes
0answers
7 views

Problem with css margin property [closed]

I want to change the distance through some objects (change CSS margin property) but I can't do it. Anyone can help me? Here is the fiddle: https://jsfiddle.net/geonovators/7b9onj3f/2/ Thanks
3
votes
2answers
69 views

How much recyling CSS makes my website faster?

I'll give you two examples to clarify what I'm trying to say. Example 1: p { font-family: Arial; } #id1 { font-family: Arial; } .class1 { font-family: Arial; } #id2 { font-family: Arial; } ....
0
votes
0answers
2 views

Put all libraries (bootstrap…) in one file at the end of development [migrated]

One of my coworkers puts all the css files in o one lib.css in the end of the project. I hate it because when i need to change something its just bad the see which scribt is involved (i see its in lib....
0
votes
0answers
7 views

@media queries and regular css interactions [migrated]

I have a page with a side panel that has a position:fixed on my page. In the css, the following @media query to hide the panel if the screen width is below 1580px (which is most screens). @media ...
0
votes
0answers
9 views

css - Retargeting tags are showing up as broken images on Google Chrome [migrated]

I have several retargeting tags on the footer of my WordPress site and I believe they are the reason why I'm seeing two broken image icons below my footer. Here is a screenshot: Oddly, this only ...
1
vote
1answer
85 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
0answers
39 views

Why would my website suddenly require absolute URLs for CSS?

So for months on this site I've had paths to my CSS files that look like: /css/syles.css and they've worked fine. Today I updated the file and saw my changes weren't being reflected in the browser....
2
votes
0answers
28 views

Is px a good unit to use in css? [closed]

When styling a website we have to deal with screen sizes and we normally size elements using px unit. I use bootstrap and there as well we have media queries to control at what screen size we should ...
11
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
1answer
22 views

Printable characters between two links. How to legally hide so my page still appears correctly?

Once again, I'm trying to follow standards... Here's another issue. On one page of my site, I have a grid of clickable images. In HTML code, the grid is partly as follows, and the images are ...
0
votes
0answers
10 views

Displaying one version of webpage in SERP's based on screen resolution

For each page on my site with a mobile equivalent, I use the following HTML tag on the desktop version: <link rel="alternate" href="(mobile)" media="only screen and (max-width:500px)"> and I ...
1
vote
0answers
5 views

Using Easy Google Fonts to override theme header: How can I find the right selector?

I'm using the theme "Healing Touch" for WordPress and I cannot find the selector to use with Google fonts that will let me change the font face for the title in the header section. I've looked at ...
2
votes
2answers
57 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?
1
vote
3answers
83 views

Parts number and Google Site Search

I am using Google Site Search on our site and am looking for a way to get our parts number to show on the results page when searched. For example, if a user searches E23-457-123 or E45-65-322 or E11-...
10
votes
2answers
12k views

How to mimic <pre> with <div>

I am publishing python code on a website (that is CMS). I have a python script which reads any python script and makes a syntax-colored HTML out of it. Then I copy/paste this HTML into the CMS editing ...
1
vote
3answers
58 views

Does styling links in the same way as non-clickable text affect seo?

I have a web design where a elements looks exactly like p elements. Pages may have many links so I want the links to look similar to normal text for readability reasons. Does this affect SEO in any ...
1
vote
3answers
91 views

Is it better for SEO to use margin or padding around images?

I'm trying to style the distance of text around images and I've experimented with margin and padding. For testing purposes I tried 100px around images and what I have seen is that with padding the ...
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
19 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
42 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 ...
1
vote
1answer
146 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
45 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
48 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
74 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
55 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
56 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
406 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
304 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
8k 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
152 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
23 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 (that'...
2
votes
1answer
201 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
122 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
2k 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
790 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 { width:100%...
0
votes
0answers
7 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
77 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
135 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
91 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
828 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 ...
1
vote
1answer
526 views

HTML Template Designs - Alternatives to Theme Forest

I'm looking to build a new corporate website using a ready made HTML theme so that I can focus on the business logic rather than on the presentation. Any recommendations for websites similar and ...
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
58 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
175 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: http://skywap.in/video/download/KYniUCGPGLs/--...