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.
0
votes
0answers
7 views
Make a container element with a CSS style rule so that it expands around its floated content [migrated]
I have to make a container element with a style rule so that it expands around its floated content. I've already coded the html part, but in the CSS I'm not sure what I'm supposed to do.
#container ...
0
votes
0answers
3 views
Is the CSS [attribute=“value”] Selector unnecessary? [migrated]
I'm taking one of the edX classes on CSS and they've included:
[class*='example'] { background-color: orange; }
in the CSS stylesheet. Not familiar with that type of an attribute, so I looked it up....
0
votes
2answers
23 views
Is it possible to download all website Elements from a CSS Stylesheet? [closed]
I have just been asked to look at a website and see if there are any ways to improve its Page Load speed.
I have identified that there are a lot of duplicate CSS Entries, across a lot of separate CSS ...
0
votes
0answers
7 views
Mobile usability issues reported by Google at Search Console [duplicate]
Our website is responsive but it is showing the below mobile usability issues at Google search console.
Content wider than scree
Clickable elements too close together
When tested using mobile ...
3
votes
0answers
22 views
How to make a site built with google.sites read right to left for Arabic language?
I have google.sites in Arabic, and I'd like to make it right to left so that combination of Arabic-English can be displayed correctly on each line. This can be achieved by adding direction="rtl" to ...
0
votes
1answer
28 views
Is “overflow hidden + javascript scrolling control” affect SEO
I have an html page with a css overflow:hidden affected to body
My <content> is at top:100% positioned in absolute.
When I scroll, a javascript code change the <content> top position to ...
1
vote
1answer
23 views
SEO impact of usage of many spacers/formatters/… class in HTML instead of in css static file
We're working on redesigning our full website, we have a critical impact on our business from SEO. We are trying to use a lot of formatters, spacers, etc classes from SASS like suggested by bootstrap. ...
2
votes
1answer
32 views
Loading multiple pictures as sprites?
I've read it's a good idea to combine images as sprites (and use background positioning) to have less dns lookups and therefore speed up your site. But it seems all the images are loading ...
2
votes
0answers
36 views
Mobile-Friendly errors from JS/CSS folders in Google Search Console [closed]
Google Search Console is warning me about Mobile Friendly errors. But all the errors are coming from the assets folder where I keep my CSS and JS files. Can anyone can help explain these errors?
1
vote
2answers
71 views
JavaScript and CSS cached and not updating not updating from WAMP server even though “view source” shows most recent file
I have a WAMP server with PHP 7.2.10. When I change a file, for example .css, the changes is not visible in browser. When I "view source" via my browser (ctrl+U) I get the updated latest version of ...
1
vote
2answers
41 views
Does having a <span> tag around a portion of a word hurt SEO?
If I do
<h1>H<span style="font-size: 12px;">ello</span>
W<span style="font-size: 12px;">orld</span></h1>
Will search engines read it as "Hello World"?
Will this ...
1
vote
1answer
51 views
GTmetrix complains of un-optimized images in responsive design
The website GTmetrix is giving me low score on "Optimize images" for the following reason:
On my main page I have 4 columns with images. Each column takes 25% of the screen resolution so on my ...
1
vote
0answers
19 views
Using web-fonts on Wordpress.org site [closed]
I am trying to use a font I found from the internet on my website, however after many attempts it just doesn't work and the words go back to the standart "Times New Roman" font.
I have successfully ...
4
votes
1answer
770 views
Google Mobile Usability says “Content wider than screen” even though I can't reproduce that locally and X overflow is set to hidden
Unable to fix error Google Mobile Usability > Content wider than screen in Google Search Console. I have try chrome mobile layout emulator from DevTools, set width to 320px but no horizontal scroll ...
3
votes
1answer
98 views
How to hide HTML tags from SEO spiders
I understand and know how hiding things from your website works and how the search engine spiders will still be able to ¨see¨ this hidden element and penalize your website for it.
Thing is, I did not ...
0
votes
2answers
54 views
Will random text and links hidden by CSS around our content to prevent it from being crawled and parsed prevent Google from indexing those pages?
I have a Q/A website which is lunched for about 3 months. I don't know why the single pages will not be indexed in the google. For example when I search for جهت مستفیض شدن از ماه محرم, I will see the ...
1
vote
0answers
26 views
Google Search Console fetch and render says CSS, fonts and images are “Temporarily unreachable” [duplicate]
I have requested that Google index (Fetch and render in Search Console) my website on 4th August 2018 but still it didn't get indexed and it is stating that some scripts, style sheets, fonts and ...
1
vote
2answers
64 views
SEO impact of changing versions (and names) of external CSS
A website of mine uses a WordPress plugin for CSS minification. The plugin regenerates the CSS file on every update to the style-sheet. When it does, the plugin also changes the version and hence name ...
3
votes
1answer
38 views
Problem with .htaccess for files having similar kind of names
I have a file with name lang.php and another file in the same folder with same lang_inst.php.
The .htaccess am using is:
RewriteEngine On
Options -Indexes
RewriteCond %{REQUEST_FILENAME} !-d
...
3
votes
0answers
45 views
What is the name for a paginated scrolling effect with distinct stopping points in the scroll?
For example:
http://deppo.tkdemos.com/portfolio/grid-references-in-the-latest-issue/
What is the name of the scrolling effect used on the link above? Where when you scroll or arrow down the page ...
1
vote
0answers
22 views
fonts.googleapis.com called before every heading - is this normal? [closed]
I'm seeing this behaviour in one of the websites I manage:
<link href="//fonts.googleapis.com/css?family=Abril%20Fatface:regular" rel="stylesheet" property="stylesheet" type="text/css" media="all"...
3
votes
1answer
51 views
Using mySql database data directly into generating articles for my website? (newbie, needs to know where to start))
Hi all I am fairly new to web development, I've made a couple of my own sites over the years with simple html tables and free webhosts.
This time, I have decided to try to host my own site using WAMP ...
1
vote
0answers
207 views
How to remove form autofocus on a Twitter Bootstrap form
I'm using Bootstrap on a site. Bootstrap is loading via a cdn. I can't edit the code directly. How can I remove the form auto focus? When I visit the page it automatically jumps down to the bottom of ...
0
votes
0answers
10 views
All webpages broken in Google Cache but not when Fetching/Rendering Pages in GSC [duplicate]
All pages of my website appear to be broken in Google's cache. Can't seem to figure out exactly why. I've read some threads about relative vs absolute stylesheet hrefs and I think mine are all ...
1
vote
1answer
24 views
Why is the Chrome Developer Tools interface cropping my page? [closed]
This doesn't seem to be a common problem as I haven't found anything related. Chrome(Chromium in my case) DevTools seems to be behaving strange for me. It is cropping the right side of my page. ...
1
vote
0answers
16 views
Weird response from website buttons [closed]
I'm building a website using html, css and JavaScript. I'm having issues with the buttons on my page, where I have to press them twice to activate them, after that they work fine. It appears that this ...
0
votes
1answer
20 views
How would a client edit the website? [closed]
I am wanting to start creating websites for clients but am wondering on somethings. This one I do not know how to put into Google to get the results I want so I am asking here. I do HTML/CSS site ...
0
votes
0answers
12 views
Hiding text with display:none - effects SEO? [duplicate]
I've build an FAQ page and to avoid clutter, by default - only the first answer is shown, users have to click on other questions to see more (toggle).
I've been told by our SEO person to not have any ...
0
votes
0answers
7 views
Are the names of CSS selectors picked up by Google or impact SEO in anyway? [duplicate]
I don't know if this is is relevant but are the name's of my CSS selectors relevant for SEO in any way? As far as I am aware they can be named anything and are only used by the developers.
Would ...
1
vote
1answer
23 views
Getting the same site to show with a different domain extension in Google
We have one site:
sitea.co.uk
We also own the domain:
sitea.com (redirects to sitea.co.uk)
We want US visitors to see sitea.com both in the browser and in Google when searching for our company ...
0
votes
1answer
17 views
CSS Selector Best Practice [closed]
When writing CSS, is there any reason to prefer shorter, more elegant selectors over longer, more comprehensible ones? I'm looking for technical, not personnel, reasons – processor hits and whatnot. ...
1
vote
0answers
128 views
How can I make my socket.id/nodejs server serve CSS files with the correct mime-type?
I'm using socket.io and https://socket.io/get-started/chat/ to produce a very basic chat server on a remote desktop running Debian. When I access the server's "main" page on port 3000, it fails to ...
2
votes
1answer
62 views
Will having a poor print page format hurt SEO?
I have searched to try and find out if there is any connection between the "print page" and SEO rankings and Google's indexing of the site.
To me, it seems like the websites which have messy layouts ...
0
votes
1answer
388 views
Will this hidden element be count as SEO Spamming? [closed]
As you know, search engine robots sometimes count invisible elements as SEO spam. I have a website that i want to improve SEO performance. I'm planning to make homapage as like below. Will this be ...
1
vote
1answer
26 views
Explain me some CSS [closed]
Newbie to CSS. I don't get why :before and :after are used.
Can I get some easy explanation,please?
0
votes
2answers
247 views
Responsive web design causes social media buttons to overlap the logo on smaller screens [closed]
I haven't developed a website in quite some time, and am currently working on one for a friend's small company. I put together a simple design, and have been able to get the content itself to be ...
1
vote
0answers
42 views
What is it called when an HTML block floats while scrolling down the content until something else takes its place?
Recently updated my blog and was looking for the improvements they have added. I noticed a floating section of text that stayed there until a part of description ended. (Similar to the timestamp on ...
3
votes
3answers
37 views
Page-specific skins in MediaWiki?
Is there a way to force a particular skin to be applied while displaying specific MediaWiki articles?
In my wiki many articles will have a "flip" version with alternative content (think "good" and "...
-1
votes
0answers
21 views
What are standard pixel widths a webpage would use for device detection? [duplicate]
What specific pixel width (or height) values should I use to distinguish between a mobile phone, a tablet, and a desktop using Media Query?
Are there more professional methods than just pixel width ...
2
votes
1answer
302 views
Does Google care about cached versions of site having Stylesheet and JavaScript files?
I would like to know if having Stylesheets and JavaScript files available for old, cached versions of a site benefits SEO in any way. Currently I'm adding a hash of the file contents to the file name, ...
3
votes
2answers
577 views
Is using the <pre> tag for ordinary text in a page likely to impact SEO?
When coding pages by hand, I sometimes want to skip having to write all those <p> tags and use:
<pre>
<h2>Heading written as usual is no problem within a pre</h2>
<i&...
11
votes
2answers
4k views
Should company name in logo be an image or text?
I'm putting a logo (comprising of an image and company name) on my website. I'm not sure whether to save the company name text as part of an image file, or to have it as actual text in the html and ...
6
votes
1answer
111 views
OpenType Variable Fonts: Supported Browsers
Variable fonts have been on the drawing board for sometime and Google just released Chrome 62 with support for these new fonts and looks fairly simple to use, e.g:
font-variation-settings: 'wght' ...
1
vote
0answers
159 views
Is hiding <img> tag or set it in noscript SEO friendly? [closed]
Is it possible to make img tag display:none and then add it with CSS background?
For example:
<div style="background-image:url('image.png')">
<img src="image.png" alt="description of ...
1
vote
3answers
484 views
CSS parallax issue within Twenty Seventeen WordPress Theme
I hope this is the right place for this. I tried WP Developers but question was considered off topic.
I’m using the Twenty Seventeen theme in WordPress (4.8.2) with a static front page with 4 ...
1
vote
1answer
61 views
3
votes
2answers
101 views
Can problems with inline styles in Google webcache text only view affect SEO?
I have a page that due to CMS requirements has an embedded background color style on an element that contains text <span style="background-color: #000">[text]</span>, the colour varies but ...
2
votes
2answers
394 views
Should I ignore W3 CSS Validation Service?
I just checked my site with W3 CSS Validation Service. It had more than 200 errors.
Then I checked many sites including Stack OverFlow. Here is the results of Stack OverFlow. SO also has 108 errors.
...
0
votes
1answer
79 views
How do I use bootstrap's Darkly theme without external references?
I have used the bootstrap Darkly theme found here in the past, and it has worked great. This time, I'm developing a website that will be displayed to users when they connect to a wireless network. ...
0
votes
1answer
35 views
AJAX compatibilty [closed]
In 2015 Google stopped supporting their AJAX for Adsense program, So I've researched and developed tons of AJAX content. I understand the flaws so I'm striving for backwards compatibility.
loadPage('...
