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)

11
votes
7answers
839 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
0answers
5 views

CSS changed when scrolling page with plugin jQuery Image & Content Scroller w/ Lightbox [migrated]

See http://taj-en.webshopapp.com/lookbook/ When scrolling down on the page, suddenly a large gray area appears blocking the entire page. I tried inspecting the page, but I can't find which element it ...
0
votes
0answers
5 views

IE vs.Chrome CSS priority [migrated]

When I apply the following css file to a page in IE: @import url("reset.css"); body { background-color:gray; background-image: url(“../images/bg-body.jpg”);} I get a background image. When I view ...
0
votes
1answer
38 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
111 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
9 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
23 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
36 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
29 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
317 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
76 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
22 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
247 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 ...
0
votes
1answer
37 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
32 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
22 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
385 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
59 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
65 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
44 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
367 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
47 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
30 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
33 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
49 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
49 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
105 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
63 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
14 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 ...
3
votes
1answer
380 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; } ...
5
votes
1answer
61 views

Which browsers do not support user-defined tags?

I recently added HTML5 <nav> and <footer> elements to a page, thinking that HTML5-capable browsers would use them for semantic things like navigation, while older browsers would see them ...
0
votes
1answer
33 views

Why would layout differ on first-load of a webpage?

Not entirely sure I understand what's going on, but would appreciate some pointers or things to try. (In Chrome/Mac...) In an incognito window, try loading http://ireland.media.info - and look at ...
1
vote
1answer
78 views

CSS Display Table, any SEO implications?

I want to use CSS display table in place of JS for vertical-alignment and equal heights of HTML elements, however I'm not sure if there are any SEO implications of this, will crawlers try and ...
4
votes
2answers
149 views

Cropping images & SEO

So I have a page with a bunch of images with largely varying sizes. Also the layout of the page is such that the images are all in the shape of square tiles, so just resizing will cause distorted ...
0
votes
1answer
76 views

When creating DOM elements with JQuery is it better practice to style them with JQuery or in the stylesheet [closed]

I am working on a code base and am using JQuery to add DOM elements.I want to know if it is considered better practice to style them with JQuery or just create them with JQuery then go to the style ...
3
votes
0answers
51 views

What is this modern look called and what is the template used for it? [closed]

I haven't been paying attention to modern websites for a while, but in the few years or so a bunch of websites with the same, very smooth, very sleek presentation format have appeared. Some examples: ...
0
votes
0answers
62 views

How to load the WordPress themes correctly in my local host?

I have a new customer that has send me a WordPress project. So to install the project it in my local machine, I have created a virtual host like the one below in my machine. So I can access like this ...
2
votes
1answer
104 views

Will using same colour H1 as background hurt SEO if I use background image?

Can it hurt SEO if H1 headings are the same colour as the standard body background colour, even if all H1 headings are placed in divs that have a contrasting background image? (So to be clear: the ...
2
votes
4answers
109 views

Splitting big CSS file into parts for quicker loading

So I have a relatively big CSS file. I thought about doing the following, splitting it to 3 parts: 1st part will have the main selectors that are needed to run on the main page that gets the biggest ...
1
vote
0answers
303 views

Vertically center h1 in div [closed]

I know there are various solutions posted for this issue here, but for the life of me I can't get any of them to work. For a responsive website I'm trying to center an h1 text in a div. Centering ...
4
votes
1answer
338 views

Is it necessary to specify content-type in http response header?

Except for the html document, currently all the files (css, javascript and images) served from my web server do not specify the content-type in the http response header. I happen to notice this as I ...
0
votes
1answer
24 views

Changed an unordered list from images links to CSS background text links - uncached versions are showing broken

We had unordered list for social media icons that had ahrefed images. We swapped them out for text links that used CSS background images. If a user just loads the page, they'll get the old version. ...
3
votes
3answers
807 views

How can you identify duplicate CSS rules?

I'm not talking about used/unused here. I have two stylesheets and some rules differ (either in selectors, rules or both) and some are exactly the same. So I'm looking for a way to extract and move ...
3
votes
1answer
380 views

How to check if linked JavaScript and CSS files are being used?

I've inherited a website that seems to import every JS and CSS framework my predecessor could think of. Is there an easy way to analyze the site and determine which ones are actually being used? Or ...
0
votes
1answer
69 views

What HTML and CSS markup is best for SEO for a list of questions (like on Stack Exchange sites)

On the StackOverflow a question block (in the q-list on the index page and so on) represented by the following html code: <div class="question-summary narrow tagged-interesting" ...
0
votes
1answer
64 views

Is possible create a Microblogging Service in HTML and CSS? [closed]

Is possible create a simple Microblogging Service in HTML and CSS with Login similar to Hatena Haiku? PS: is possible to host in Google Drive?
2
votes
1answer
86 views

Can Google see CSS transitions?

I heard that Google "rewards" you for styling the links differenty from other text that are not ought to be clicked. It makes sense I guess. But what if my links are black, like the rest of the page, ...
1
vote
2answers
63 views

The actual difference between styesheet in the header and a seperate file

I have always been taught to have all of the CSS in a separate file that is referenced from the head of the page. Reading this article, the author is talking about making the Guardian website ...