nano

Hey Guys, I have a CSS question, think I'm in the middle of a brain freeze so any help would be appreciated. I have knocked up a jsFiddle link, which can be found here: http://jsfiddle.net/cwvK9/4/ Basically the div with class 'author', I want to bring up and the paragraph text wrap around it. I didn't really want to compromise the mark-up, so wondered what the best way via CSS would be - probably something really straight forward! An example can be seen here: http://i.imgur.com/GPjTy.png I need to provide IE7+ support. Thanks!

Hey Guys, I am building a parallax website where different elements move on scroll. It's different to the traditional 'changing background position' style, as there are multiple individual elements that I want to move. Here is what I have so far: var parallax = { init: function(){ parallax.scroll('.cc',0.95); }, scroll: function(el,speed){ var $window = $(window); $(el).each(function(){ var $this=$(this),top=$this.position().top,offset=$this.offset().top; $window.bind('scroll', function() { var scrollTop=$window.scrollTop(); if ((scrollTop + $window.height()) >= (offset) && ((offset + $this.height()) > scrollTop)) { // el is in-view pos = ;// how to set 'pos' variable?! $this.css({"top": pos}); // set new position } }); }); } }; $(document).ready(parallax.init()); The issue I am having is I can't come up with the logic required to work out the 'pos' variable, the new position. My head now hurts trying to work it out so if anyone has any ideas, they would be greatly appreciated! Cheers

As above, hex value is a colour so no need for repeat or position. Simply set the background colour on each element/column.

Without seeing the whole of the code it's hard to see what the issue is, however it could be because you have a space when setting the id on bg (between id and =).

If you are simply setting the background colour of an element then there is no need for setting position or repeat. Just simply set the colour: background-color:#fff;

As you are floating items within the navigation, the browser can't work out the height of the container. The following fix should help: .nav{overflow:hidden;}

If you don't mind using a JavaScript you could give CSS3 PIE a go: http://css3pie.com/

Actually that is not true - the doctype is fully backwards compatible back to IE6. It will make sure quirks mode isn't rendered and modern browsers will specifically know it's HTML5. It is only the elements such as nav, aside, article etc that IE has a trouble with, which is why a JavaScript HTML5 Shiv exists.

Just to second other peoples thoughts - the marquee is crazy, I would drop it The dashboard is really nice, simple and straight to the point. Great start

Do you have any code snippets that can shed some light on the issue? It's hard to fully understand the issue with out seeing a demo or some code

Hi, Position isn't actually needed with what you are trying to do. Take a step back, remove all the positions and see how it looks, then rather then apply positions, see if you can achieve what you want by adding different values. For example, set the image to display:block; add a margin and then see how it looks. I don't fully understand what you are trying to achieve but positions are one of those things that should only really be used when you really need to, which is very little in most cases! Good luck

Yeah the 2nd table was kind of floating as it wasn't within it's own row and table cell. That said, is there a reason you are using tables and the font tag? It's not very semantic and won't help with SEO or accessibility. Try using a proper semantic structure such as paragraphs, ordered lists etc. Also move all inline styles and fonts into your external stylesheet

HTML5 doctype is understood by all browsers and it's the minimum that you can get away with so there is no reason you can't use it from the off. For example check Google's source. No need to go for strict or loose unless you have the validation requirements.

I guess it all depends on where the error message is happening. Is it happening at the end of a body of text? Then you could use a paragraph tag. If its happening above an input, then I would use an inline element like strong, em, span etc. Good luck

Ultimately your error message will be a line of text and proper semantics would make it be a paragraph. You could use em inside a paragraph to stress the emphasis of the message but definitely a paragraph would be a win for me!