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
1answer
42 views

Tips for developing a responsive website [on hold]

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
0answers
16 views

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

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 ...
0
votes
0answers
8 views

How can I ensure that first part is always visible in the browser.-.* [on hold]

I have a blog web page like shown below. How can I ensure that first part is always visible in the browser. I mean I want to automatically center blog in the web page even if its browser size is ...
1
vote
3answers
32 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 ...
40
votes
7answers
6k views

Why should we use tags like p, span, hx tags when we can use CSS instead?

Why should we use tags like p, span, hx tags when we can use CSS instead? Is it important from an SEO point of view?
0
votes
0answers
17 views

Navigation ul li with images [closed]

I have this: http://jsfiddle.net/40y622e6/ and are trying to get this result: I have tried to add a heigh to the li elements and deleted the padding but the elements are not moving down. Does ...
0
votes
0answers
14 views

Clickable object inside <svg> [closed]

I have created this svg color picker : http://jsfiddle.net/5wmfnmm6/ I want that each color can be clicked and if each of them clicked, it will rotate the selected image to the top while the rest of ...
0
votes
0answers
19 views

Can I have a <table> display as a non-rectangle? [closed]

A paragraph of text is not always a rectangular block on the page; if you float in image around a paragraph, the paragraph of text will display with some rows of text being say 40% width, and the rows ...
0
votes
0answers
11 views

How do you make 5 images: 2 columns, 2 columns, 1 column, centered and responsive? [closed]

I'm trying to create a page with 5 images that maintain the structure until under 360px where it goes into single column evenly spaced. Wondering what the best solution would be to this? I've tried ...
0
votes
0answers
1 views

Aligning images with text [migrated]

I'm having trouble aligning an image with text. I want my image on the left, and the text inline on the right, centered vertically to the image. <div class="container"> <span ...
0
votes
0answers
9 views

CSS triangle shape with a curved corner [migrated]

When I write this CSS to a create a triangle shape, it works as below with sharp edges: .triangle { border-left: 70px solid transparent; border-bottom: 70px solid #f4a234; float: left; ...
1
vote
0answers
15 views

While loop causing website to vanish [migrated]

http://pastebin.com/V0tUrzwV Why doesn't this code work? If I do it maunally without database. You know, just thinking you're PHP and creating the code in HTML and CSS, it works. But as soon as you ...
0
votes
0answers
6 views

Z-index (CSS) affecting links behavior [migrated]

i have a problem with links in a footer who's z-index is set to -1. i can change their style via the 'a'-tag in css but they don't behave like links anymore. here's the the html and css code: HTML ...
1
vote
1answer
52 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
67 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 ...
16
votes
4answers
9k views

Is there a way to compile LESS files to CSS (so that every browser doesn't have to)?

I'm considering using LESS but I cringe at the thought of a browser having JavaScript disabled and my CSS not being readable (and the site looking awful). Also, it offends the engineer in me to force ...
0
votes
2answers
156 views

PSD to CSS Service [closed]

Does any one here recommend online services where I can have my PSD (or other image format) design sent and they give me the HTML+CSS of it? I saw a few of those on the internet, but I am looking for ...
0
votes
1answer
82 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 ...
12
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 ...
33
votes
5answers
3k views

Why aren't we supposed to use <table> in a design?

What are some clear and logical reasons for why we shouldn't be designing websites with tables? Where are the benefits, what has been driving this idea in the industry? When is it okay to use a table? ...
1
vote
5answers
777 views

Book recommend: Start learning web design with css with basic HTML knowledge

I've already known some HTML, tables, link, image,...etc but just at a basic level. Now I want to learn how to build a layout for a website and design also. I want to start building a layout right a ...
5
votes
3answers
116 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 ...
4
votes
7answers
503 views

What are the best ways to implement cross browser css? [closed]

What are the best ways to implement cross browser css? Rule: one approach for an answer.
4
votes
2answers
2k views

Does Google cache stylesheets?

Hey guys, we all know that Google caches the HTML of pages, but does it cache the corresponding CSS as well? I ask because a site I used to have and have since closed down is still in the cache and ...
5
votes
2answers
3k views

Clearing cache with CloudFlare?

Is it possible to clear or avoid CloudFlare cache while doing development? I'm developing a site that has caching on several levels - WordPress supercache, the caching done by the browser, and ...
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
1answer
45 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 ...
1
vote
2answers
27 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
40 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
34 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 ...
4
votes
2answers
161 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 ...
2
votes
1answer
320 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
258 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
2answers
250 views

image behind adsense

i want to have an image behind my google adsense just like the below image but when i tried the following css L{ background: transparent url("http://www.triphp.com/images/adback.png") repeat-x ...
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 ...
3
votes
5answers
2k views

Alt text vs CSS sprites (SEO vs speed)

I'm reworking our site to reduce HTTP requests and blocking requests by concatenating JS, css, gzipping, loading all JS via LABjs and using CSS sprites for images that were loaded individually via ...
2
votes
0answers
27 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 ...
0
votes
0answers
37 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 ...
3
votes
3answers
397 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
85 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 ...
1
vote
3answers
20k views

How to create an overlay div using CSS only (no Javascript)?

I'm trying to figure out how to create a div that overlays the page, staying in one place when the page scrolls, such as used in this article: Top 5 Botched PC Game Launches. (You will see a bar at ...
3
votes
7answers
19k views

How to make background image black and white?

Are there any filters that would make background image black and white? I have an image set as the background image using CSS, but now I need to apply a filter so that an image is shown in black and ...
2
votes
2answers
67 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 ...
6
votes
2answers
2k views

Convert Microsoft Word documents (.doc/x) into HTML files

Does anybody knows of a good application to get it done quickly and efficiently ? I bought Word Cleaner but the results are merely sufficient and I need to go over all the generated html files to ...
0
votes
2answers
46 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. ...