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.
630
questions
-1
votes
0answers
16 views
My custom Font-Awesome icon is not showing in IE (but fine in all other browsers) - Why? [migrated]
I'm using this Font-Awesome fork: https://github.com/bhjortsberg/Font-Awesome to display the Steemit icon. I see it on Chrome, Firefox, Edge and Brave but not on IE11.
Here is my code:
<head&...
1
vote
1answer
34 views
Problem with padding on Firefox and Chrome
I am trying to make a responsive website (Desktop, Tablet, and Smartphone), and I would like to show it in different browsers.
This is how I built my links with nav-element on my html site:
<nav ...
0
votes
0answers
9 views
Need help aligning this input “text” with an image aligned to the right and center [migrated]
<!DOCTYPE html>
<html>
<head>
</head>
header
{
background: ;
height:53px;
}
nav { display:inline-block; float:right; background:; }
</style>
</head>
<...
1
vote
0answers
19 views
Background Color - breakpoint for mobile [closed]
Trying to help for a page - https://example.com/. If I scale my desktop browser - smaller like I'm trying to view as a tablet/phone ..the header has a red background...
How can I make the full ...
5
votes
3answers
63 views
Does rendered HTML from an angular app need to be styled and pretty when shown just to search engine bots?
I have an angular app, and while google does index those now, many other sites do not.
I have built some middleware that intercepts requests from crawlers and serves static HTML pages that those ...
2
votes
2answers
24 views
How does google treat h1-3's that are styled to be smaller than a lower class of heading?
For example:
You have you h1
<h1>Epic SEO Keywords</h1>
then right below
<h2 class="Massive text">Enjoy the future of you, visualise your dreams</h2>
Will Google render ...
2
votes
1answer
64 views
How can I combining many external Javascript scripts into one?
I check my website using gtmetrix and my website is recommended for fewer HTTP requests and reduce DNS lookups. So I must to combining combining many external Javascript scripts into one
In my layout ...
2
votes
1answer
95 views
AdSense units don't respect CSS margin rules
I just noticed that on sites with "auto ads" enabled, auto-placed AdSense units don't follow CSS rules regarding margin or padding in mobile view. They display across the entire viewport instead of ...
0
votes
3answers
50 views
Where do I put my static HTML and CSS files when migrating my site from Joomla?
I previously made a website with the Joomla CMS. Once it was online, I started over from scratch to re-do my website using only handwritten HTML/CSS (and a little of JavaScript). My question is:
How ...
0
votes
0answers
10 views
Processing iframes reliably when webserver can only handle one request at a time
I'm trying to serve HTML from a web server made in MS-DOS that is capable of processing one web request at a time.
I made some HTML in which two iframes must be loaded.
I use iframes because ...
1
vote
0answers
12 views
How to fix Mobile Usability Issues (page resources are not loaded) in Google Search Console
Our website is responsive but it is showing the below mobile usability issues at Google search console.
1. Content wider than screen
2. Clickable elements too close together
3. Text too small to read
...
-1
votes
1answer
26 views
How do I keep a raw HTML version of my website alongside one with CSS styles and classes applied [closed]
I am in the process of making a simple website with informational content and I am interested in keeping a raw html version of my website (that is without any divs or other things that are used to ...
1
vote
0answers
21 views
Selecting a forms “select” option based on referring URL [closed]
I have a seemingly simple question that I can’t find an answer for.
Scenario:
I am developing a ”single-page” website based on a HTML5 UP! template that shows/hides content after clicking a button ...
0
votes
1answer
54 views
MediaWiki destroys CSS aesthetics for <code> tag
In MediaWiki:Common.css I gave these essential directives:
code {
display: block;
}
then I created an article with this content:
<code>
<x>
<y>
<z></z>
...
0
votes
2answers
75 views
Is it bad for SEO to use CSS to hide the H1 tag for mobile visitors?
I have a slider which is hidden by 'display:none' when viewed on mobile phones. This slider contains our H1 tag. Is this bad practise? The H1 tag itself is not hidden, but the div containing the ...
0
votes
1answer
61 views
Have you ever worked with a vertical viewport as webmasters? Or only with horizontal one?
Have you ever worked with a vertical viewport as webmasters? Or only with horizontal one?
All CSS literature I ever read is on (horizontal) viewport;
as in @media screen and (min-width: 959px).
To me ...
0
votes
0answers
7 views
What is the mobile media query for “Gmail App on iPhone 8 or X”
I am trying to finish this email in mailchimp. Everything works fine except for the "Gmail App on iPhone 8 or X".
Question: What is a working mobile media query for "Gmail App on iPhone 8 or X?"
It ...
0
votes
1answer
48 views
MediaWiki: How to delete the about page?
in a MediaWiki project I don't need the automatically created About webpage because in this case the homepage already covers the about details of the project.
I can delete any webpage but for some ...
0
votes
0answers
13 views
What lengths do I need to go to avoid display:none [duplicate]
So after almost a decade, I'm totally revamping my company website, largely to make it mobile friendly. The responsiveness I've added works great, except for the header, for which I use text so Google ...
0
votes
1answer
72 views
Trying to determine why same font on two sites renders differently
Issue
Two web sites have the same font, set up with the same typography. Yet they render differently.
Background
I need to replicate the typography from site #1 ("Sample Site") to site #2 ("Client ...
1
vote
1answer
51 views
Custom font not loading
I am looking to use the old "phone book" font for a project I'm working on currently,
I have the fonts and was able to set up a stylesheet for them:
http://interlinked.cf/css/bellgothic.css
@font-...
0
votes
1answer
785 views
Does Google index/crawl display:none divs? [duplicate]
My website has a message on the index file and it will be shown on a special condition. When I search for my site via keywords, google search shows the message.
My code looks like as below
<div ...
0
votes
2answers
29 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
21 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 ...
4
votes
0answers
44 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
2answers
188 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
33 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
87 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
76 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?
2
votes
3answers
873 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
67 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
104 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
20 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 ...
5
votes
1answer
3k 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
141 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
66 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
34 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
81 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
39 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
52 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
23 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
53 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
316 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 ...
1
vote
1answer
26 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
22 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 ...
1
vote
1answer
24 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
159 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
80 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 ...
