2952 posts
    Has been part of the Envato Community for over 5 years Has referred 200+ members Has sold $125,000+ on Envato Market Had an item featured in an Envato Bundle
+10 more
DDStudios says
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 ?

2952 posts
    Has been part of the Envato Community for over 5 years Has referred 200+ members Has sold $125,000+ on Envato Market Had an item featured in an Envato Bundle
+10 more
DDStudios says
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 ! :)

2952 posts
    Has been part of the Envato Community for over 5 years Has referred 200+ members Has sold $125,000+ on Envato Market Had an item featured in an Envato Bundle
+10 more
DDStudios says
4323 posts ThemeForest Reviewer
    Has referred 1+ members Has sold $40,000+ on Envato Market Has collected 50+ items on Envato Market Member of the Envato Team
+12 more
Ivor Envato team says
Here’s how I did it : http://www.ddwebstudios.com/tf/ambition

Great work :)

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

2952 posts
    Has been part of the Envato Community for over 5 years Has referred 200+ members Has sold $125,000+ on Envato Market Had an item featured in an Envato Bundle
+10 more
DDStudios says
Here’s how I did it : http://www.ddwebstudios.com/tf/ambition

Great work :)

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

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 :)

4323 posts ThemeForest Reviewer
    Has referred 1+ members Has sold $40,000+ on Envato Market Has collected 50+ items on Envato Market Member of the Envato Team
+12 more
Ivor Envato team says
Here’s how I did it : http://www.ddwebstudios.com/tf/ambition

Great work :)

EDIT : Beautiful – http://grab.by/tqT :P
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! :

78 posts
    Has been part of the Envato Community for over 4 years Located in Australia Has been a beta tester for an Envato feature Has collected 1+ items on Envato Market
+1 more
fredwu says
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. :)

2952 posts
    Has been part of the Envato Community for over 5 years Has referred 200+ members Has sold $125,000+ on Envato Market Had an item featured in an Envato Bundle
+10 more
DDStudios says
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 !

4323 posts ThemeForest Reviewer
    Has referred 1+ members Has sold $40,000+ on Envato Market Has collected 50+ items on Envato Market Member of the Envato Team
+12 more
Ivor Envato team says
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! :)

by
by
by
by
by
by