ADOBE DREAMWEAVER:

Dreamweaver Forum

Dreamweaver Tutorials

FAQ

Adobe Flash

Web Design

AP Divs... about to lose my last ounce of sanity

COW Forums : Adobe Dreamweaver

<< PREVIOUS • FAQ • VIEW ALL • PRINT • NEXT >>

•

AP Divs... about to lose my last ounce of sanity
by Tapiwa Dangarembizi on Jan 4, 2010 at 1:45:50 pm

I am trying to use AP Divs to designs my website and layout contect like images and menu bars. I designed my outlay in photoshop.

I then sliced my layout and saved just the images.

I want to use AP Divs (I know this is not the best practice but it's what I understand at the the moment)

The problem is that the AP Divs will throw my content all over the page as browser sizes shift.

I read somewhere that I can use a wrapper to contain my elements and this would keep the AP Divs under control and force then to flow with the rest of the document. How do I insert this wrapper. Do I have to use CSS or I can insert it direct into my HTML code view.

I am in the initial stages of my design so I am willing to accept instruction that assumes I am at the beggining. I know many will tell me it is easier to use normal divs but I have tried that and am finding it overly confusing.

Any help would be appreciated.

Return to posts index

•

Re: AP Divs... about to lose my last ounce of sanity
by Fernando Mol on Jan 4, 2010 at 4:02:47 pm

If you want to center your divs first you should design your site aligned to the top left of your page.

Then, you can create a "wrapper" div around all of your AP divs and with CSS assign a "relative" position to the wrapper and center it with "auto" margins.

The CSS for the wrapper should look like this (Note that the width should be the width of your content):

#wrapper {

position: relative;

width: 1024px;

margin-right: auto;

margin-left: auto;

}

You can find a Tutorial on how to center a "wrapper" div here.

I hope this helps

*Always share a link to your site and rate the posts. This is a free service for you and for us.

Return to posts index

•

Re: AP Divs... about to lose my last ounce of sanity
by Tapiwa Dangarembizi on Jan 4, 2010 at 5:24:27 pm

That is my code... what am I getting wrong?

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Untitled Document
<style type="text/css">

</head>

<body>

gstdgsdghshdsdshdhs

</body>

Return to posts index

•

Re: AP Divs... about to lose my last ounce of sanity
by Tapiwa Dangarembizi on Jan 4, 2010 at 6:28:34 pm

For some reason my previous post did not display correctly. Is there any reason why my apdivs are still playing about.

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
So Simple Designs
<style type="text/css">

</head>

<body>

gstdgsdghshdsdshdhs

</body>

Return to posts index

•

Re: AP Divs... about to lose my last ounce of sanity
by Fernando Mol on Jan 4, 2010 at 6:44:16 pm

When inserting code, remember to select it and press the CODE button on the post window.

It will be better if you share a link to your site.

*Always share a link to your site and rate the posts. This is a free service for you and for us.

Return to posts index

•

Re: AP Divs... about to lose my last ounce of sanity
by Tapiwa Dangarembizi on Jan 4, 2010 at 6:55:40 pm

http://wedding-cakes-nonokai.com/testingpage.html

i have not yet registered a domain for this particular site. I have just opened a page on an already online site. I hope you guys can help.

Return to posts index

•

Re: AP Divs... about to lose my last ounce of sanity
by Fernando Mol on Jan 4, 2010 at 7:00:59 pm

Left and top position of your apDiv1 should be 0 (it will be positioned on the top left corner)

You also are missing to add the "wrapper" div around your content:

<body>

<div id="wrapper">

<div id="apDiv1">

  <p>this content is in a div tag. the rest of the images are not available because i just pasted the code into a new page on another site I was doing. I hope you guys can still help by looking at the code.</p>

  <p>&nbsp;</p>

</div>



<div align="center">

  <table width="1108" border="0">

    <tr>

      <td width="1102"><img src="images/images/so simple so easy_01.jpg" width="1100" height="142" /><br />      <img src="images/images/so simple so easy_02.jpg" width="1100" height="56" /><br />      <img src="images/images/so simple so easy_3.jpg" width="1100" height="214" /><img src="images/images/so simple so easy_04.jpg" width="1100" height="40" /><img src="images/images/so simple so easy_05.jpg" width="1100" height="562" /><img src="images/images/so simple so easy_06.jpg" width="1100" height="86" /><br />

        <br />

        <br />      

      <br /></td>

    </tr>

  </table>

</div>

</div>

</body>

*Always share a link to your site and rate the posts. This is a free service for you and for us.

Return to posts index

•

Re: AP Divs... about to lose my last ounce of sanity
by Tapiwa Dangarembizi on Jan 6, 2010 at 9:58:27 pm

Thank you very much. I now understand how this works.

Return to posts index

<< PREVIOUS • VIEW ALL • PRINT • NEXT >>

FORUMS • TUTORIALS • MAGAZINE • STOCKYARD • VIDEOS • PODCASTS • EVENTS • SERVICES • NEWSLETTER • NEWS • BLOGS