yinzdo
-
Can't Figure out how to Round Navigation Edges
#nav-wrap a { box-sizing: border-box; } #nav-wrap li:first-child a { border-radius: 5px 0 0 5px; } #nav-wrap li:last-child a { border-radius: 0 5px 5px 0; } The first rule should fix your border and padding issue. See Chris' post on …
-
Annoying issue with IE / Opacity settings - probably a simple fix...
You can use IE conditional comments to target specific versions of IE, and load a separate IE stylesheet only when that condition is met. But better yet, consider Paul Irish's approach which is used in the HTML5 boilerplate, where IE condition…
-
What is this thing called and how to implement it?
I've seen it referred to as 'sticky header' and I think @Schmotty has it right. As suggested, remember to set your body margin-top or padding-top equal to the height of the header. This will offset the body content so that it sits rig…
-
Wordpress PHP question?
You want to pass 'category_name' as a parameter when querying your posts. This will return posts for that category only. See the Codex for a full explanation: http://codex.wordpress.org/Function_Reference/query_posts#All_Posts_in_a_Catego…
-
Horizontal scrolling inside
@Meta_Ing much more elegant your way :)
-
Horizontal scrolling inside
Surround the ordered list with a wrapper: 1 1 1 Remove overflow: auto from the ordered list and add it to the wrapper. Make sure the wrapper has a fixed width: .wrapper { overflow: auto; width: 30px; } ol { width: 30px; } li …
-
Full Page Background + Pattern
The first one didn't work because you should have bg_image.jpg applied to the html and pattern.png applied to the body. You did the reverse. The body renders above the html element in the stack order, so flipping it would allow the pattern to b…
-
Put navigation to the bottom
I'm not sure I completely understand what you're trying to do, but you could absolutely position a wrapper div with width: 100%. Your navigation could then be centered inside the wrapper. .wrapper { background: blue; height: 40px; …
-
Full Page Background + Pattern
Solution Adjust your background-size as follows: body { background-size: auto, cover; } Explanation You have two background-images. You have background-size set to cover. This means both background images will attempt to cover the page, which …
-
header not full width (it must) Please
Solution #header1 { z-index: 11; } Explanation There is a wrapper #header1, and it is stretching the full 100% width with a white background as intended. The problem is that ul.slides has a z-index of 10, which means it (and the giant image in…