Podcast #128: We chat with Kent C Dodds about why he loves React and discuss what life was like in the dark days before Git. Listen now.

Questions tagged [css]

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

Filter by
Sorted by
Tagged with
0
votes
2answers
658 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
2k 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
535 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
128 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 ...
1
vote
1answer
118 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
60 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
2k 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
34 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 ...
5
votes
2answers
2k 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
50 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
72 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
83 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
413 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:- http://www.templatemonster....
1
vote
1answer
21 views

Google speed Insights displays CSS modifications but not when accessing the page

I made some CSS changes to my website but they aren't displayed when I access the website. What's weird is that when I run a Google Speed Insights test, the screenshot displayed of the website has the ...
1
vote
1answer
111 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 ...
0
votes
1answer
114 views

hide text between normal text without bad effect on search engine [duplicate]

I need put some hidden text between my normal text. I do it like this: <p> some text <span class="hide"> hidden text </span> some text </p> .hide{display:none} But I ...
1
vote
2answers
481 views

website Font Embedding, which way would be the best for cross browser capability?

Sometimes clients of mine request a specific font to be used in their website. I try and embed it using CSS @font face, but It is not very cross browser friendly. Sometimes I use Google fonts but they ...
1
vote
1answer
3k views

Is there a single set of Media queries for all the devices? [closed]

I am using different media queries for each type of resolution, is there a better way of doing this?
3
votes
2answers
767 views

Two duplicated <h1> tags and one hidden

Is that bad for SEO? <h1 class="responsive-hidden">This is my title</h1> <h1 class="hidden responsive-show">This is my title</h1>
0
votes
1answer
51 views

What is the difference between Flat Style design and a Metro UI? [closed]

When I look at the two they look the same, only there's not that many named "Metro." Is three a difference other than the name that Microsoft came up with?
0
votes
2answers
34 views

Graphic-only header - CSS and readability/SEO

I know it's not ideal, but if there's a 100% bitmap graphic header (with a text title rendered in the bitmap), the old way of making sure that there was a text counterpart to the graphic was to offset ...
7
votes
2answers
1k views

Is it possible to make an XML sitemap pretty enough to show to users?

I wouldn't mind showing my XML sitemap to users if there were a way to make it human usable as opposed to just machine readable. Is it possible to: Choose the colors and layout Make the locations ...
0
votes
1answer
24 views

Images are blurry in one category and not the other [closed]

You can see what I mean if you check out the site: http://healthitlink-e8865038.cloudapp.net All the images in the Apple/iOS category are blurry but if you click over to page 5 you'll see the ...
3
votes
2answers
789 views

Internal server error when using base64 encoded icon on the home page

I have an "index.html" (or .php - it makes no difference) file in the root / of my hosting space. That "index.html" file has this line of code in it: <link rel="icon" href="data:image/png;base64,...
0
votes
2answers
2k views

Why isn't the HTML break tag acceptable anymore for top and bottom margins?

I'm starting to think I'm making less with adsense now because of insufficient margins. I tried with CSS margins with using the margin and padding properties of applicable elements, but then I noticed ...
1
vote
1answer
41 views

Is Image Spriting for Articles Images a good solution?

I am starting an online portal and I calculated that I need about 102 Images (based on the amount of articles), the problem is I want to keep the whole page below 800KB (Including all assets). I want ...
4
votes
1answer
839 views

Using display:none legitimately. Still a SEO risk?

My webpage has a certain text on the footer, about 2 paragraphs. However, it is only relevant to pages and not posts. I would like to hide it on posts. If i do this using CSS display:none will I get ...
3
votes
1answer
1k views

How do you get CodePen to display the results? [closed]

I created a CodePen to compare it with jsfiddle. I added the html and the css. But...what now? How do I get it to show the results? In jsfiddle you select "Run" and, when satisfied, "Update". But ...
1
vote
0answers
20 views

A CMS for a beginner developer [duplicate]

I am a beginner developer who knows HTML, CSS and lately have entered in web development world with learning some beginning php scripts. I just want to know is there a clean CMS that allows me to ...
1
vote
2answers
126 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 ...
0
votes
1answer
27 views

Does putting everything in one SASS file violate the style guides?

I'm not a fan of having a lot of files in my project. I use vim and it's a lot easier to have all my stuff in one place rather than jumping between files. However as I understand, it is preferred to ...
4
votes
7answers
23k views

How can I determine the background color of a site?

How can I determine the background color of a site (so I can use that color in Photoshop)? I looked at the source code, but I don't know code well enough to figure out what's what...
1
vote
2answers
93 views

How does copying website pages and content but changing CSS affect SEO?

I have a media site that has thin content, I'd like to copy the pages to various domains I own. On the sites that will be receiving the duplicate content the CSS will be changed in various ways from ...
1
vote
1answer
194 views

How to link to Avatar image in BlueSpice MediaWiki of fixed size?

The BlueSpice MediaWiki adds a profile picture that a user can set for themselves or take an automatically generated one. These images are visible on pages to see who has edited or viewed a page ...
2
votes
3answers
646 views

How do I enable compression to reduce the file transfer size on GoDaddy?

I have hosted one of my website on godaddy.com. How do I enable compression to reduce the file transfer size? I need to compress the .css and .js files. I tried the following but it doesn't work : ...
3
votes
1answer
233 views

How can I customize the Apache licence for my template design?

I have a template with the following license: /*! * name of original creator - name of theme (originalcreator.com) * Code licensed under the Apache License v2.0. * For details, see http://www....
0
votes
1answer
85 views

Google and display:none for multilanguage content

I know that there are a couple of question about the effect of using display:none on the Google ranking, but none of those answered my specific question, so hear me out please. I'm currently working ...
-1
votes
2answers
2k views

Hiding H1 from user but making it visible to search engines? [duplicate]

I have h1 tag in a page. I do not want to display it to user but want to make sure that its content will be used for SEO. What is recommended way of achieving it these days. I can think of: in css: ...
1
vote
1answer
97 views

Issue linking Code Prettify alternate CSS file

I have installed the full Google Code Prettify prettify-4-Mar-2013.tar.bz2 found here and hosting my own JavaScript/CSS works fine with the templates provided: <head> <title>Google ...
1
vote
2answers
3k 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. css/front.css?ver=4.1 ...
1
vote
2answers
5k views

How to change the background color of searchbox for Google CSE?

How can I change the background color for search box of google custom search? It is white by default, I want to set it to gray, so that it looks like this example. The V1 CSS code for the search ...
1
vote
1answer
2k views

Maximum size of inline css or when to use link tags with src to a css file

I read Googles Optimize CSS Delivery article but I still don't know how much I can put in an inline style block. Google recommends using inline css when the content is small and for big files they ...
2
votes
2answers
662 views

SEO penalty by hiding text for sighted people but not for screenreaders

Let’s say I have this setup: HTML: <a href="#" class="menu_links"><span class="hidetext">Graphic </span>Design</a> CSS: .hidetext { height: 1px; width: 1px; position: ...
1
vote
1answer
108 views

Why would the Better Wordpress Minify plugin cause alignment issues when activated?

I just installed the Better Wordpress Minify plugin to speed up a Wordpress site. The plugin is causing a couple very small alignment issues, but I can't seem to get the plugin settings adjusted to ...
2
votes
1answer
436 views

Google's cache is not using my custom font

When I check my site’s cache view on Google Search, I see Google does not use my custom font, it always replaces mine with Arial. Because of font widths, my whole design is changing. I have these ...
1
vote
1answer
92 views

How to properly specify font size and face in a classified Ads HTML template?

How to properly specify font size and face in a classified Ads HTML template without html, body and head tags (these tags will be cutted), when template will be put in iframe on page? The classifieds ...
1
vote
1answer
82 views

When a mod_rewrite redirect is in place, do absent <img>s still cost more server time than present <img>s?

I have a series of webpages in which the <html> refers to: <img src="img1.png" [...] /> <img src="img2.png" [...] /> <img src="img3.png" [...] /> After I realised that ...
1
vote
1answer
302 views

Blogger's embedded CSS and JavaScript

I'm trying to host a blog on Blogger with a custom domain. It's all good except the annoyance of many workplaces blocking the Blogger website using web-filters, including mine. This is causing the ...
4
votes
1answer
3k views

How to override LESS colour variables without creating a new skin in MediaWiki?

I have a default MediaWiki install using the Vector skin. I would like to change the colours, but I want to keep maintenance to a minimum so I don't want to duplicate the skin (because I will have to ...
2
votes
0answers
21 views

Does hiding some content with CSS hurt SEO when “Read more” is used to show the rest? [duplicate]

I have content that is hidden by these css height: 220px; overflow: hidden; which content height is problably about 1000px, so no display: none is used on the page. I hide it because below that are ...