1,105,290 Community Members

Webpage Markup Help

Member Avatar
ashley.lawson.71
Newbie Poster
1 post since Dec 2012
Reputation Points: 0 [?]
Q&As Helped to Solve: 0 [?]
Skill Endorsements: 0 [?]
 
0
 

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
Member Avatar
JorgeM
IT Addict
6,381 posts since Dec 2011
Reputation Points: 567 [?]
Q&As Helped to Solve: 953 [?]
Skill Endorsements: 172 [?]
Moderator
Featured
Sponsor
 
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>
Member Avatar
EvolutionFallen
Posting Pro
504 posts since Aug 2009
Reputation Points: 107 [?]
Q&As Helped to Solve: 108 [?]
Skill Endorsements: 8 [?]
 
0
 

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
You
This article has been dead for over three months: Start a new discussion instead
Post:
Start New Discussion
Tags Related to this Article