AP Divs and Centered a Layouts

•

What is DaniWeb IT Discussion Community?

You're currently browsing the Site Layout and Usability section within the Web Development category of DaniWeb, a massive community of 374,010 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 2,880 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our Site Layout and Usability advertiser:

Thread Tools Display Modes

Views: 1254 | Replies: 2

•

Join Date: May 2008

Location: San Diego

Posts: 1

Reputation: SouthBay619 is an unknown quantity at this point

Rep Power: 0

Solved Threads: 0

SouthBay619 SouthBay619 is offline

Offline

Newbie Poster

AP Divs and Centered a Layouts

May 7th, 2008

Okay, I have a basic question regarding website layouts. I have a webpage that I originally created in photoshop, sliced up the image, exported to HTML, and then opened in dreamweaver to add functionality.

I created a rollover navigation menu in dreamweaver however the only way that I knew how to place it was with an ap div. This works perfectly as long as my site is left justified... you know where this one is going... I need to center it.

Does anyone have any quick tricks to center the entire site?

I understand the concept of CSS however I am not a pro so I cannot build the entire site from CSS. Does anyone know of a work arounds to get around this? Any help you can provide would be GREATLY appreciated. Thanks in advance!

Just incase you want to view the code it is at: http://www.wendellrichardson.com/ . Thanks again!

Last edited by SouthBay619 : May 7th, 2008 at 11:43 pm. Reason: updated

•

Join Date: Jan 2008

Location: Bali - Indonesia

Posts: 61

Reputation: rudevils is an unknown quantity at this point

Rep Power: 1

Solved Threads: 7

rudevils

Offline

Junior Poster in Training

Re: AP Divs and Centered a Layouts

May 9th, 2008

i usually use photoshop for my designs, you must rearrange your design in dreamweaver ( don't use export result ) about rollover navigation, you can create it in dreamweaver too.
Basically you just make the design in photoshop and arrange your layout in dreamweaver.

If love is blind, why there's a bikini ??

Post your article at Bali Side Notes share your knowledge

•

Join Date: May 2008

Posts: 14

Reputation: jhaycutexp is an unknown quantity at this point

Rep Power: 1

Solved Threads: 2

jhaycutexp jhaycutexp is offline

Offline

Newbie Poster

Re: AP Divs and Centered a Layouts

May 17th, 2008

ok.. thats just pretty easy ..

first wrap you're apDiv1 and your table in new apDIV.. let's just say..

#container{}

so your markup should look like this

Help with Code Tags

(Toggle Plain Text)

<div id="container">
    <div id ="apDiv1"></div>
    <div>
             <table>
             </table>
    </div>
</div><!--endofcontainer-->

then add the styles

#container{text-align:center;<---this is for ie centering bug...
width:x <----set the width of your design... for example 800px;
margin:auto; <--this is centering for your apDIV
}

finally just add this to your css..

body{margin:0;
padding;0;
}

this should center you layout..

is this your first time?? your layout can be in all divs.. why use tables inside a div??

anyways, your site not mine.. just helpin out through your problem... ^__^

hope this solve your problem...