css

Resources to develop web front-end skills (CSS, etc)

I would like to develop solid web development skills. I have some back-end knowledge (my weapon of choice is RoR), but I am absolutely terrible with HTML, CSS, Javascript, all the front-end / user interface stuff. Do you know any good resources to develop HTMl/CSS skills? Javascript is more of a programming language, so I don't think it...

Sprite height limitation for CSS images?

I'm making a sprite and its reaching about 4000px in height. Is there a general size for maximum sprite height that is used within the graphics design community? ...

Downsides to Hiding Flash under Overlaying DIVs

Does anyone know of any harm in hiding flash elements that collide with an overlaying DIV? By hiding I mean setting the css visibility to hidden. I understand that it requires a DOM traversal to look for objects and embeds which causes some overhead, but are there any other reasons why people don't do this? This is for sites that don't...

Trying to remove hex codes from regular expression results

Hey guys! My first question here at so! To the point; I'm pretty newbish when it comes to regular expressions. To learn it a bit better and create something I can actually use, I'm trying to create a regexp that will find all the CSS tags in a CSS file. So far, I'm using: [#.]([a-zA-Z0-9_\-])* Which is working pretty fine and finds...

Strange CSS float issue

I am designing a website and I am trying to have one header with two smaller headers floating next to it, one under each other. I tried doing it here, about halfway down where it says "About" and "what your saying." The about section appears correct because the smaller width pushes the next line down. BUT, on the right I cant get the te...

CSS Div with Overflow in a Variable Width Container

I am trying to display code on my site, but the container it is in is 90%, and thus when the code is more that the page can fit, it extends off the the right. I wanted to have it overflow inside a div very much like github. Thank you :) ...

xHTML/CSS: How to make inner div get 100% width - margins

I have 2 nested divs and outer one has width:100% <div id="#outer" style="width:100%; border:1px"> <div id="#inner" style="width:100%; border:1px; margin:4px"> something inside ... </div> </div> But in this case inner div exceeds width of outer by 8px (margins). How to make inner div to get width of outer div minus 8px margin?...

Is there a reason why inner padding adds to the size of an element?

I was very surprised when I found that a <div> with a size of - say - 200px becomes 220px wide if you give it 10px padding. It just makes no sense to me, the external size should not change when an internal setting does. It forces you to adjust the size every time you tweak the padding. Am I doing something wrong, or is there a reason f...

How to give different style, color to dotted border of links ?

How to give different style, color to dotted border of keyboard navigation? Style should appear only if user use keyboard to navigate not on mouse over and :active. And style should work in all mainstream browsers with valid css. ...

Select first list in table - CSS first-child?

Hi, maybe I'm barking up the wrong tree. I'm have a table with 6 columns, each with an ordered list in. I want them all to have a border except for the first list. The site is in development here Basically though the html is <tr> <td> <ol> <li>hello</li> </ol> </td> <td> <ol> <li>hello</li> </ol> </td> <td> ...

Do we need to check our sites on Firefox 3.5 and 3.6 both for compatibility?

Do we need to check our sites on Firefox 3.5 and 3.6 both for XHTML CSS layout and sIFR and j query/javascript code compatibility? If my xhtml and css is valid. If i upgrade my 3.5 to 3.6 then will i have to check site with 3.5 also. or both will render in same way. if 3.6 render differently then i would not upgrade because 3.6 has...

What's the point of 960 Gridder or any grid framework for that matter?

What's the point of 960 Gridder? http://gridder.andreehansson.se/ Is it just useful for laying out websites? I'm not too clear on why exactly these grid frameworks are so beneficial... ...

fixing a jquery horizontal scroller (simple)

hi, I know there are some really pretty carousels out there, but I wanted a very specific one that mimics most flash carousels you see. Here is what is looks like: valums.com/wp-content/uploads/2009/02/menu/final.htm And here is the article: valums.com/scroll-menu-jquery/ Now, if you see my(Gideon) comment on the bottom, theres just ...

CSS that only applies to Chrome?

This is my site: http://portable-ebook-reader.net The search bar at the top is made up of two background images. One is for where you'd type in the search phrase, the second is the actual button to search. My problem is that in Chrome the search button image is 2px too HIGH. But it looks perfect in IE and FF. And if I modify the CSS...

xHTML/CSS: How to make inner div get 100% width minus another div width

I have 2 nested divs inside outer one, which has width:100%. Both nested divs should be in one line and first should get it size from it's contents: <div id="#outer" style="width:100%; border:1px"> <div id="#inner1" style="border:1px; display:inline"> inner div 1. Some text... </div> <div id="#inner2" style="width:100%????; bo...

Can I make a table line with rounded corners ?

I've been using HTML and CSS to style my resume, but I'm having difficulties styling a <tr> element. Does this not work inside a table ? -moz-border-radius: 5x; -webkit-border-radius: 5px; ...

Div above div positioning using CSS

I have this code that I don't really understand why it works: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <style type="text/css"> #divWraper { position: relat...

problem with image scaling in safari for fluid design

I'm trying to make a fluid website where you can see the website full screen on different size monitors, for images I'm using height:100% and Width:100%, everything looks ok in firefox,IE8 but in Safari and Google chrome the image gets distorted,does anyone know why this happens? thanks <div id="main_wrapper"> <img id="main_bg" src="...

<h1>, <h2>, <h3>... tags, inline within paragraphs (<p>)

Hi, I'm trying to have <hx> tags inside paragraphs, like: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pulvinar tincidunt neque, at blandit leo mattis vitae. Cras <h2>placerat</h2> justo vel risus porta cursus. Nullam eget sem nibh. Sed <h3>mattis</h3> facilisis rhoncus. Morbi sit amet nisl lectus.</p> But I alw...

Scalable Background HTML CSS Javascript

Hi there, Does anyone know of a way to have a background image scale to the dimensions of the browser window it is in? I know CSS3 allows for background width, but I need something more compatible. Many thanks, Elliott ...