Creative COW SIGN IN :: SPONSORS :: ADVERTISING :: ABOUT US :: CONTACT US
Creative COW's LinkedIn GroupCreative COW's Facebook PageCreative COW on TwitterCreative COW's Google+ PageCreative COW on YouTube
ADOBE DREAMWEAVER:HomeDreamweaver ForumDreamweaver TutorialsFAQAdobe FlashWeb Design

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

COW Forums : Adobe Dreamweaver

<< PREVIOUS   •   FAQ   •   VIEW ALL   •   PRINT   •   NEXT >>
Share on Facebook
Tapiwa DangarembiziAP Divs... about to lose my last ounce of sanity
by 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
Reply   Like  

Fernando MolRe: AP Divs... about to lose my last ounce of sanity
by 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
Reply   Like  

Tapiwa DangarembiziRe: AP Divs... about to lose my last ounce of sanity
by 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
Reply   Like  


Tapiwa DangarembiziRe: AP Divs... about to lose my last ounce of sanity
by 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
Reply   Like  

Fernando MolRe: AP Divs... about to lose my last ounce of sanity
by 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
Reply   Like  

Tapiwa DangarembiziRe: AP Divs... about to lose my last ounce of sanity
by 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
Reply   Like  


cowcowcowcowcow
Fernando MolRe: AP Divs... about to lose my last ounce of sanity
by 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
Reply   Like  
+1

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

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



Return to posts index
Reply   Like  

<< PREVIOUS   •   VIEW ALL   •   PRINT   •   NEXT >>
Share on Facebook


FORUMSTUTORIALSMAGAZINESTOCKYARDVIDEOSPODCASTSEVENTSSERVICESNEWSLETTERNEWSBLOGS

Creative COW LinkedIn Group Creative COW Facebook Page Creative COW on Twitter
© 2013 CreativeCOW.net All rights are reserved. - Privacy Policy

[Top]