2952 posts
  • 6 Years of Membership
  • Affiliate Level 5
  • Author Level 8
  • Bundle Boss
+12 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
  • 6 Years of Membership
  • Affiliate Level 5
  • Author Level 8
  • Bundle Boss
+12 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
  • 6 Years of Membership
  • Affiliate Level 5
  • Author Level 8
  • Bundle Boss
+12 more
DDStudios
says
4483 posts ThemeForest Senior Reviewer
  • Affiliate Level 1
  • Author Level 6
  • Collector Level 3
  • Envato Team
+14 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
  • 6 Years of Membership
  • Affiliate Level 5
  • Author Level 8
  • Bundle Boss
+12 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 :)

4483 posts ThemeForest Senior Reviewer
  • Affiliate Level 1
  • Author Level 6
  • Collector Level 3
  • Envato Team
+14 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
  • 5 Years of Membership
  • Australia
  • Beta Tester
  • Collector Level 1
+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
  • 6 Years of Membership
  • Affiliate Level 5
  • Author Level 8
  • Bundle Boss
+12 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 !

4483 posts ThemeForest Senior Reviewer
  • Affiliate Level 1
  • Author Level 6
  • Collector Level 3
  • Envato Team
+14 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