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

4391 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 5 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 !

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

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by