How would you do it ?

There’s no need of absolute positioning.

I will use some absolute positionning on the laptop to push it up

What would you do then ?

DDstudios,

take a look at the last (?) video tutorial that Jeffrey did on a PSD to HTML project?

in that project, there was a iphone image that was absolutely positioned and then I believe he used margin to move the following content down.

Al

link: CLICK ON THIS

Yeah this is what I wanted to do , thanks !

Here’s how I did it : http://www.ddwebstudios.com/tf/ambition

Here’s how I did it : http://www.ddwebstudios.com/tf/ambition

Great work

EDIT : Beautiful – http://grab.by/tqT (Firebug)

Here’s how I did it : http://www.ddwebstudios.com/tf/ambition

Great work

EDIT : Beautiful – http://grab.by/tqT

Thanks Ivor ! I am not a pro with CSS yet so sometime there is some thing I can’t achieve , like the menu lol ! Thanks to you now I know how

Here’s how I did it : http://www.ddwebstudios.com/tf/ambition

Great work

EDIT : Beautiful – http://grab.by/tqT

Thanks Ivor ! I am not a pro with CSS yet so sometime there is some thing I can’t achieve , like the menu lol ! Thanks to you now I know how

Anytime buddy! :

Here’s how I did it : http://www.ddwebstudios.com/tf/ambition

A couple of issues:

- You’re not using image sprites.

- Your HTML is not semantic. For example, when CSS is disabled, the brand (where the logo is) cannot be seen, it should have been a level 1 heading.

- “sign up” and “quick tour” buttons are part of function, not content, therefore need to use image backgrounds instead of images.

- The form (“quick contact”) fields have no matching labels.

- The “send” button should act like a button, not a link. i.e. use ‘display: block’ on the a tag.

- Any reason why you use jQuery 1.2.1 packed instead of jQuery 1.3.x minified? 1.2 is outdated, is slower, and packed files sometimes don’t work very well in IE.

- CSS id/class names should be describing contents, not structure. Avoiding using structural references such as “left” and “right”.

- You reply too much on ‘overflow: hidden’.

Let me know if you need more help to address these issues.

Here’s how I did it : http://www.ddwebstudios.com/tf/ambition

A couple of issues:

- You’re not using image sprites.

- Your HTML is not semantic. For example, when CSS is disabled, the brand (where the logo is) cannot be seen, it should have been a level 1 heading.

- “sign up” and “quick tour” buttons are part of function, not content, therefore need to use image backgrounds instead of images.

- The form (“quick contact”) fields have no matching labels.

- The “send” button should act like a button, not a link. i.e. use ‘display: block’ on the a tag.

- Any reason why you use jQuery 1.2.1 packed instead of jQuery 1.3.x minified? 1.2 is outdated, is slower, and packed files sometimes don’t work very well in IE.

- CSS id/class names should be describing contents, not structure. Avoiding using structural references such as “left” and “right”.

- You reply too much on ‘overflow: hidden’.

Let me know if you need more help to address these issues.

Thanks Fred ! But I’m not done yet with that page But it’s a good list lol , I’m sure I would have miss some of the thing you enumerate

Thanks !

Here’s how I did it : http://www.ddwebstudios.com/tf/ambition

A couple of issues:

- You’re not using image sprites.

- Your HTML is not semantic. For example, when CSS is disabled, the brand (where the logo is) cannot be seen, it should have been a level 1 heading.

- “sign up” and “quick tour” buttons are part of function, not content, therefore need to use image backgrounds instead of images.

- The form (“quick contact”) fields have no matching labels.

- The “send” button should act like a button, not a link. i.e. use ‘display: block’ on the a tag.

- Any reason why you use jQuery 1.2.1 packed instead of jQuery 1.3.x minified? 1.2 is outdated, is slower, and packed files sometimes don’t work very well in IE.

- CSS id/class names should be describing contents, not structure. Avoiding using structural references such as “left” and “right”.

- You reply too much on ‘overflow: hidden’.

Let me know if you need more help to address these issues.

I’m sure I can pick up some tips here!