Tagged Questions

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)

3
votes
0answers
9 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 ...
0
votes
0answers
17 views

i have a problem with understanding how the script works [on hold]

What's up guys I'm a new Website Developer and I'm creating a learning website that contains Tutorials. An example of the tutorials I do have problems on how I can Managed to Record the Text Step by ...
1
vote
0answers
15 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 ...
0
votes
0answers
4 views

CSS in placeholder on all pages, except but one: howto? [migrated]

Hi we have many pages where we wan to set the CSS .cms-index-noroute .col-main .std {font-weight: bold} .cms-index-list .col-main .std {font-weight: bold} .cms-index-view .col-main .std {font-weight: ...
0
votes
1answer
25 views

What is the name of this type of website? [closed]

I'm not sure what stack exchange site I am supposed to ask this question in, but I will ask it here anyways. This site has a particular style that I want to create on my own using HTML5, CSS3 and ...
11
votes
3answers
1k views

Robots.txt - CSS allow or disallow

Are CSS and templates allowed in robots.txt? Should it cause any problems? In Joomla, CSS and templates are disallowed in the robots.txt. Please help me find a solution to whether or not put ...
0
votes
0answers
13 views

Does display:none on images have SEO impact? [duplicate]

I am using wookmark.js in order to load a Masonry styled grid in my website. As they recommend, I am using display:none CSS property to hide images until loading (detected by imagesLoaded) and then ...
1
vote
1answer
45 views

Can Google crawlers/googlebot read CSS content in before and after elements?

I have a div and I am placing some text in it via content in :before and :after. Can Google crawlers read this? Example: div:after { content: 'This is from CSS'; display:block; } Working ...
4
votes
1answer
57 views

How does “background: url(image.ext)” work from an SEO standpoint?

Forgive me if this has been asked, all I found was SEO: h1 with text vs. h1 with bg image and hidden text which wasn't the same question. Will search engines pick up and index (in their image ...
0
votes
1answer
15 views

CSS formatting output differs among Chrome, Firefox and Opera when viewed as source

This question relates to the way CSS looks when you view it as source in a web browser. I like to format the css for my website in such a way that you can scan the whole css file quickly and spend a ...
1
vote
0answers
52 views

ExpiresByType not working for PNG images when set in .htaccess for a WordPress site

In my website I have the expires headers settings reported below. When I use Google's PageSpeed Insights test I get the message: XYZ.png expire headers not set, which I'm getting for all the PNG files ...
2
votes
2answers
99 views

How are hexadecimal color codes added together to produce a color in HTML?

I know that web colors use RGB color model in which red, green, and blue colors are ADDED together in various ways to reproduce a broad array of colors. Now, suppose I have a color: #800080 (which is ...
0
votes
2answers
40 views

Will inserting dummy hidden text via CSS for layout purposes harm SEO?

I have a website with a rather complicated input form, which can vary a lot (it has different fields depending on what the user has entered until now). When I was making the CSS, I noticed that there ...
8
votes
1answer
169 views

Improve web site performance via parallel CSS downloads?

I was optimizing the page load time of a website. One of the ways was by combining multiple HTTP requests for CSS into one combined HTTP request. But one of the reviewers asked an interesting ...
1
vote
0answers
61 views

Is it possible to blur the content under my navigation bar? [closed]

I need as clean code as I can get to get to an effect I have tried to achieve, to no avail: http://logandark.net/images/blur.png I am trying to ask the questions the best I can because I have been ...
3
votes
1answer
80 views

Tips for developing a responsive website [closed]

I'm having problems trying to figure out a good workflow when designing a responsive website. I've tried a few approaches, nowadays what I'm doing is: Do all html and css work with the window ...
1
vote
2answers
39 views

Position of the Tags and Content of Pages removing the CSS Style

Hi there guys at Pro Webmasters! Have a little question (Maybe for a newbie) ... So here it goes: When I choose to see a mobile page of my website with the "Web developer" Plug of Chrome I notice ...
1
vote
1answer
75 views

As per SEO can we use 'CSS Ellipsis' to cut link title?

Few anchor URL are very big in my page, So can I use 'CSS Ellipsis' to hide/cut this? text-overflow: ellipsis; width: 200px; white-space: nowrap; overflow: hidden; Ex Name: Institute of ...
0
votes
0answers
11 views

Make Offscreen Sliding Content Without Hurting SEO [duplicate]

On my website I have content which is positioned off the screen, and then slides in when you click a button. For example, when you click the news button, content slides in with news. It didn't occur ...
0
votes
1answer
83 views

Changing CSS styling for static HTML site with only FTP access

A client has an older static HTML site which I would like to port over to WordPress, but I have been informed that this can be very time consuming re 50 pages. I have FTP access for various reasons ...
13
votes
7answers
1k views

Should I split a large CSS media queries file into separate files for each screen size?

I am working on a responsive design website to deliver content for all screen sizes. I have media queries for 5 different "steps", and the CSS file is around 30 Kb. Would it be better to split this ...
0
votes
1answer
154 views

SEO-friendly Responsive Design, swap navigation UL for Select?

I am designing the menu for a web site, and I was hoping to find an SEO-Friendly way to implement the Responsive Design used here: Ask4Sam.net- Responsive Design Example As you can see, for large ...
5
votes
3answers
129 views

How to make content load faster for mobile on a responsive design site?

So, I have a responsive design site. Studies say that for mobile devices we need to show a bit less content (graphics and such), and that we need to make sites load quicker for mobiles. If I set some ...
0
votes
0answers
11 views

Does Visibility:Hiden and Display:None Affect SEO [duplicate]

If I had some text that initially had the CSS property visiblity:hidden or display:none Would that effect how much the content is weighted by search engines? Could using one of those properties ...
1
vote
2answers
35 views

Global UTF-encoding, the right way

I'm curious, as to what is the right way to have UTF-8 encoding on all web files All my files (incl. CSS and JS) are made and saved in UTF-8 encoding In PHP, I set the char-set on top of the main ...
1
vote
2answers
43 views

should I learn html/css before php even for using database? [closed]

I saw lots of question about this topic and all of them were talking if someone want to use php for "building web pages", should learn html first or not. and most of them said yes, because most of ...
0
votes
0answers
3 views

Will I get penalised by google for overflow hidden? [duplicate]

I have 2 divs next to each other, div A and div B. Div A displays a whole wordpress post and div B displays about 15 excerpts of posts with the same tag. To get this looking nice I set the hight of ...
1
vote
1answer
42 views

How to edit thousands of html pages at once? [closed]

I need to edit thousands of pages for a website with dynamic content added manually by the owner throughout 3 years, it has thousands of pages and I'm sure there is a better way to edit them without ...
2
votes
1answer
336 views

Using <strong> for introductory paragraph to a post - a bad idea?

I have a news website and on most posts the first paragraph is in bold. Currently the authors are just using <strong> to bold the paragraph, would it be better from an SEO point of view to ...
1
vote
2answers
78 views

CSS color marked as invalid by code inspector

On this page, there is a "read more..." link towards the end of the page, enclosed in <span id="s-hpi"></span> There is CSS: #s-hpi { color: 0000FF; cursor: hand; } but Chrome code ...
0
votes
1answer
24 views

How do I generate this layout? [closed]

I want to create a template like the below image. The yellow block displays a transparent background colour over the top of the header block. How can I do this using HTML & CSS? Thanks.
3
votes
3answers
281 views

Redirection to load a CSS file

I have in a remote server with this index.html that I can not modify: <link rel="stylesheet" type="text/css" href="styles.css" /> But my styles.css file is not at the web root, that is ...
1
vote
1answer
49 views

How does licensing affect my website?

I like to use prebuilt CSS/JS such as Foundation and PureCSS and I'm curious as to how I should go about displaying the licensing information, as well as how the license will affect the code that I ...
0
votes
0answers
45 views

How to inspect code in case of Arabic language?

In case of English, I am able to view by inspect element directly. I want to do the same for Arabic. Using body{direction:rtl} only flips some views but it does not apply body.rtl specific CSS ...
2
votes
0answers
34 views

How do you add scroll bars when window's width is reduced [closed]

I have completed a login webpage, which gets distorted when the browser is narrow. I added min-width property to my body tag, but this does not help. How can I keep all the contents fixed when the ...
3
votes
3answers
414 views

Basic semantic rules of CSS (and HTML), right or wrong?

Here is the summary I've recently learnt from discussions on this site (and similar) of 4 basic rules, so please correct me if I'm wrong or misunderstood something: a) Don't use IDs in CSS (or use it ...
0
votes
1answer
121 views

How to add custom CSS for Addthis and validate on W3C validator?

I have Addthis code on the very bottom of the page HTML code, and then, after it I have CSS file with some custom decorations of Addthis widget. Everything looks like this: <script ...
2
votes
2answers
72 views

Need help with first website ever! [closed]

This is the first website i am making with HTML and CSS. Truly i am learning as I go but I need some questions answered before I write to much incorrect code. First a a little intro about the design ...
0
votes
2answers
54 views

Dynamically load CSS

I'm using LESS for creating CSS and I'm considering using something like grunt-render on the server side in order to only load the CSS / JS that is needed for that page. My goal is to reduce overhead ...
11
votes
5answers
2k views

Is it OK to use jQuery for responsive web design?

I have been tasked to update a site to make it responsive and appear correctly on smart phones. Unfortunately, the site in its current form isn't very easy to work with - I can't just change the CSS. ...
3
votes
3answers
380 views

How to reuse font families in CSS for quicker CSS loading

Let's say I use different fonts on my page, let's say I use 3 different fonts in 10-20 different CSS rules and in each of them I must use the following and similar: font-family:"Lucida Sans Unicode", ...
1
vote
3answers
51 views

external CSS file or CSS added to head via code?

I am building a website that uses a custom CMS. I am seriously considering not using external style sheets and adding all of the required CSS to the head of the pages that as needed (using PHP and ...
1
vote
2answers
31 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 ...
1
vote
1answer
35 views

Can I add microdata on generated content from CSS?

If I generate content with CSS can I still apply microdata to it in the HTML? Will Schema or RDFa accept an alt or title tag as a value. h1:after,h2:after,h3:after,h4:after,h5:after,h6:after ...
0
votes
1answer
77 views

Does CSS formatting of <h1>, <h2> tags have effect on search ranking? [duplicate]

I have a web page where I made some style into <h1>, <h2> tags, will it make some effect on my SEO ranking?
1
vote
1answer
133 views

From SEO point of view is hiding H1 in this case bad for indexing?

I'm having to use a 3rd party CMS and I cannot change the contents of the h3 (or the h3 itself) I've not had too much dealing with "cufon" - presume its an old fashioned way of using a specific font. ...
1
vote
2answers
123 views

Google Page Speed's “above the fold” CSS tuning

Putting all 15kb CSS file inline on 100 pages of the site is not smart I think. How do I pick which CSS classes and IDs from CSS file to put inline (and leave other ones on external CSS file) to a ...
1
vote
2answers
65 views

Difference between “:” and “=” in HTML and CSS?

I am very new to HTML and CSS but while learning I ran into something that I was curious about. How come when you want to style or change font size etc. you use :. Example: style="color: red; ...
0
votes
0answers
15 views

SEO for Backlinks Using JavaScript on a Third-Party site [duplicate]

We are currently implementing a widget that companies can put on their website. We give the publisher a script tag with the source pointing to a javascript file hosted on a CDN with the code they need ...
4
votes
1answer
527 views

Hiding Menu Item with CSS - will Google penalise my site?

I want to hide some sub menu items, using the CSS class, and assign it to the specific menu item. For example the class is no display: /* Hide menu items */ .nodisplay { display:none !important; } ...