We're a community of 1.1M IT Pros here for help, advice, solutions, professional growth and fun. Join us!
1,080,650 Members — Technology Publication meets Social Media
Username:
Password:
Lost login information?
Start New Discussion Reply to this Discussion

Webpage Markup Help

I have designed a website for a client and now I need to place it into Dreamwaver. The issue I am having is I'm not quite sure how to slice the designed layout. Can someone please tell me the best way to set up divs to make this website work?

I have attached what the website looks like. The gray box is for content.index

Attachments index.jpg 242.59KB
3
Contributors
2
Replies
20 Hours
Discussion Span
6 Months Ago
Last Updated
3
Views
ashley.lawson.71
Newbie Poster
1 post since Dec 2012
Reputation Points: 0
Solved Threads: 0
Skill Endorsements: 0

If you want to center a main div, that is a good start. I would suggest that you give it a try. It is going to be unlikely for someone on this forum to produce the structure for you. You are free to start and if you run into issues, post the relevant code and question for assistance.

<style>
#wrapper {
width:1000px;
margin: 0 auto;
}

<div id="wrapper>
  <!-- content -->
</div>
JorgeM
Industrious Poster
4,178 posts since Dec 2011
Reputation Points: 297
Solved Threads: 570
Skill Endorsements: 119

No offense intended, but people get paid to turn images/PSDs into HTML. Like JorgeM said, I'd be surprised if anyone would just convert the image to HTML for you. You're far more likely to get help if you build it yourself, then ask for tips to tweak things here and there. Here's a breakdown of what you should be looking at structuring:

  1. You need a container to make the overall box separate from the blue background
  2. You need an element to contain the logo
  3. You need an element to contain the navigation bar
  4. You need a container for the main content
  5. You need a containr/element for the footer text
EvolutionFallen
Posting Pro in Training
416 posts since Aug 2009
Reputation Points: 95
Solved Threads: 87
Skill Endorsements: 7

This article has been dead for over three months: Start a new discussion instead

Post: Markdown Syntax: Formatting Help
 
You
 
© 2013 DaniWeb® LLC
Page generated in 0.0596 seconds using 2.67MB