|
|
|
|
||||||
![]() |
|
|
LinkBack | Outils de la discussion |
|
|
#1 |
|
Messages: n/a
Hébergeur: |
My site is perfectly centered in dreamweaver CS3, but when viewed by a browser, shows up to the left side. What can I do to fix this? I would appreciate any .
|
|
|
|
#2 |
|
Messages: n/a
Hébergeur: |
> My site is perfectly centered in dreamweaver CS3, but when viewed by a
> browser, shows up to the left side. What can I do to fix this? I would > appreciate any . We need to see the site, but most likely you need to float it right. |
|
|
|
#3 |
|
Messages: n/a
Hébergeur: |
Woudn't center anything. It would make it align right instead, you know?
-- Murray --- ICQ 71997575 Adobe Community Expert (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "Katsuey" <katsuey@removeitkatsuey.com> wrote in message news:fui0n9$cb5$1@forums.macromedia.com... >> My site is perfectly centered in dreamweaver CS3, but when viewed by a >> browser, shows up to the left side. What can I do to fix this? I would >> appreciate any . > > We need to see the site, but most likely you need to float it right. > |
|
|
|
#4 |
|
Messages: n/a
Hébergeur: |
If you need to see the site, the link to it is in my post.
|
|
|
|
#5 |
|
Messages: n/a
Hébergeur: |
Not for those of us from the NNTP side - can you paste it into a reply,
please? -- Murray --- ICQ 71997575 Adobe Community Expert (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "red71rum" <webforumsuser@macromedia.com> wrote in message news:fujen1$rpm$1@forums.macromedia.com... > If you need to see the site, the link to it is in my post. |
|
|
|
#6 |
|
Messages: n/a
Hébergeur: |
> Woudn't center anything. It would make it align right instead, you know?
I meant of course to float it right XX number of Pixels Murray, you know? |
|
|
|
#7 |
|
Messages: n/a
Hébergeur: |
That still would only "center" it on a given browser viewport width. And
how would you float it right XX pixels, anyhow? Centering would have nothing to do with floating. You center an element by giving it a fixed width, and auto left/right margins. There is no float involved. -- Murray --- ICQ 71997575 Adobe Community Expert (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "Katsuey" <katsuey@removeitkatsuey.com> wrote in message news:fum7qj$18t$1@forums.macromedia.com... >> Woudn't center anything. It would make it align right instead, you know? > > I meant of course to float it right XX number of Pixels Murray, > you know? > > |
|
|
|
#8 |
|
Messages: n/a
Hébergeur: |
I tried to open in th eopear browser but there is a message server not found.
|
|
|
|
#9 |
|
Messages: n/a
Hébergeur: |
My site is on the very slow school server it can be found here: www.owen-heuston.artapsu.com
|
|
|
|
#10 |
|
Messages: n/a
Hébergeur: |
That's because a) it's not centered, and b) you have used absolute
positioning as your primary layout methodology. Change this - </head> to this - <style type="text/css"> <!-- body { text-align:center; } #wrapper { text-align:left; width:760px; margin:0 auto osition:relative; }/* 760px will display on an 800px screen maximized browser window without */ /* horizontal scrollbars. */ --> </style> </head> change this - <body ...> to this - <body ...> <div id="wrapper"> and this - </body> to this - <!-- /wrapper --> </div> </body> and see if that s. (you will need to reposition ALL of your layers in DW once, and after that they will move along with the centering wrapper) -- Murray --- ICQ 71997575 Adobe Community Expert (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "red71rum" <webforumsuser@macromedia.com> wrote in message news:fvfbjs$bld$1@forums.macromedia.com... > My site is on the very slow school server it can be found here: > www.owen-heuston.artapsu.com |
|
|
|
#11 |
|
Messages: n/a
Hébergeur: |
Well my teacher in web design class told me to use the absolutes, whether it
was right or wrong. What should I have used instead? I input your code into my interests page. Anyway, now everything is over to the far right. I realize I have to move the layers and was doing that with the arrow key so to utilize more preccise movement. I am unable to center the layers in DW. For example, I moved my link bar over to the left in DW in an effort to center it and it still does not look correct to me because it has come over to the left but is still not centered in IE or FF(but is centered in the div wrapper , but looks centered when viewed in DW. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Owen Heuston - Home</title> <style type="text/css"> <!-- body { text-align:center; } #wrapper { text-align:left; width:760px; margin:0 auto osition:relative; }/* 760px will display on an 800px screen maximized browser window without */ /* horizontal scrollbars. */ --> </style> </head> <style type="text/css"> <!-- #apDiv1 { position:absolute; left:91px; top:176px; width:22px; height:23px; z-index:1; } #apDiv2 { position:absolute; left:205px; top:251px; width:255px; height:314px; z-index:2; } #apDiv3 { position:absolute; left:507px; top:299px; width:399px; height:307px; z-index:3; } #apDiv4 { position:absolute; left:967px; top:250px; width:231px; height:290px; z-index:4; } #apDiv5 { position:absolute; left:201px; top:2px; width:999px; height:18px; z-index:5; } #apDiv6 { position:absolute; left:200px; top:22px; width:1000px; height:169px; z-index:6; } #apDiv7 { position:absolute; left:202px; top:33px; width:82px; height:123px; z-index:7; } #apDiv8 { position:absolute; left:-1px; top:159px; width:1003px; height:34px; z-index:8; } body { background-color: #FFFFFF; } #apDiv9 { position:absolute; left:200px; top:113px; width:236px; height:46px; z-index:9; } #apDiv10 { position:absolute; left:74px; top:197px; width:1000px; height:251px; z-index:10; } --> </style> <link href="styles.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- #apDiv11 { position:absolute; left:201px; top:205px; width:513px; height:292px; z-index:10; } #apDiv12 { position:absolute; left:724px; top:205px; width:472px; height:295px; z-index:11; } #apDiv13 { position:absolute; left:487px; top:531px; width:244px; height:150px; z-index:12; } body,td,th { color: #FFFFFF; } h1 { color: #a7a37e; } --> </style> <script type="text/javascript"> <!-- //--> </script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="p7ssm/p7SSMscripts.js"></script> <link href="p7ssm/p7ssm_03.css" rel="stylesheet" type="text/css" media="all" /> </head> <body ...> <div id="wrapper"> <div id="apDiv5"></div> <div id="apDiv6"></div> <div id="apDiv8"><img src="assets/Links.jpg" alt="links" width="998" height="34" border="0" usemap="#Map"> <map name="Map"> <area shape="rect" coords="7,5,75,28" href="index.html"> <area shape="rect" coords="88,4,290,29" href="photography.html"> <area shape="rect" coords="296,2,437,30" href="interests.html"> <area shape="rect" coords="449,4,562,30" href="resume.html"> <area shape="rect" coords="579,4,703,28" href="Contact.html"> <area shape="rect" coords="715,4,787,30" href="Links.html"> </map></div> <div id="apDiv9"><img src="assets/expername.jpg" alt="name" width="236" height="46"></div> <div id="apDiv11"> <div align="left"> <h1>My interests</h1> </div> <div align="left"></div> <p align="left">I enjoy spending time outdoors with my family and dog, Leo. Most of the time I take pictures of them and nature. I like to travel.</p> <p align="left">In my spare time I go to the gym to workout. In the late evenings I sometimes play my Xbox 360. But mostly I spend time with my 1 year old daughter.</p> <p align="left"> </p> <p align="left" onMouseOver="P7_VScroller('apDiv5','Up',0,0,'Mediu m')"> </p> </div> <div id="apDiv12"> <div align="left"></div> <div id="p7ssm"> <div id="p7ssm_w1"> <div id="p7ssm_w2"> <div id="p7ssm_cf"> </div> <div id="p7ssm_loading"><img src="p7ssm/img/p7ssm_loading.gif" alt="" width="78" height="8" /></div> <div id="p7ssm_toolbar"> <div id="p7ssm_tools"> <table align="center" border="0" cellpadding="0" cellspacing="0" summary="Slideshow Toolbar"> <tr> <td><div id="p7ssm_nav_wrapper"><a id="p7SSMtnav" href="#" title="Menu"><em>Navigate</em></a> <div id="p7SSMwnav"> <div id="p7ssm_navList"> <ul> <li><a href="index.html">Home</a></li> <li><a href="resume.html">About Us</a></li> <li><a href="Contact.html">Contact Information</a></li> </ul> </div> </div> </div></td> <td><a href="#" title="Hide or Show Thumbnails" id="p7SSMthmb"><em>Hide Thumbs</em></a></td> <td><a href="#" id="p7ssm_first" title="First Image"><em>First</em></a></td> <td><a href="#" id="p7ssm_prev" title="Previous Image"><em>Previous</em></a></td> <td><a href="#" id="p7ssm_pp" class="p7ssm_pause" title="Pause"><em>Pause</em></a></td> <td><a href="#" id="p7ssm_next" title="Next Image"><em>Next</em></a></td> <td><a href="#" id="p7ssm_last" title="Last Image"><em>Last</em></a></td> <td><div id="p7ssm_slidechannel"> <div id="p7ssm_slider"><a href="#" id="p7ssm_slidebar" title="Speed:"><em>Set Speed</em></a></div> <div id="p7ssm_speed">Slideshow speed: 5  ;seconds</div> </div></td> <td><div id="p7ssm_counter"> </div></td> </tr> </table> </div> </div> <div id="p7SSMwhmb"> <div id="p7ssm_thumb_wrapper"> <div id="p7ssm_dragbar" title="Move"><span>Move</span></div> <div id="p7ssm_preview"> <table summary="Thumbnail Preview" align="center"> <tr> <td><img src="p7ssm_img_1/thumbs/22922459.Picture054_tmb.jpg" alt="22922459.Picture054" width="100" height="75" /></td> </tr> </table> </div> <div id="p7ssm_thumbs"> <div class="p7ssm_sectionTrigger"><a id="p7SSMtp_1" href="#">interests</a></div> <div id="p7SSMwp_1"> <div class="p7ssm_thumb_section"> <ul> <li><a href="p7ssm_img_1/fullsize/22922459.Picture054_fs.jpg"><img src="p7ssm_img_1/thumbs/22922459.Picture054_tmb.jpg" alt="22922459.Picture054"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7653_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7653_tmb.jpg" alt="DSC 7653"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_6844_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_6844_tmb.jpg" alt="DSC 6844"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7590_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7590_tmb.jpg" alt="DSC 7590"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7594_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7594_tmb.jpg" alt="DSC 7594"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7597_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7597_tmb.jpg" alt="DSC 7597"></a> <div class="p7ssm_fd">Ava and her best friend Leo</div> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7601_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7601_tmb.jpg" alt="DSC 7601"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7605_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7605_tmb.jpg" alt="DSC 7605"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7606_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7606_tmb.jpg" alt="DSC 7606"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7615_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7615_tmb.jpg" alt="DSC 7615"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7618_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7618_tmb.jpg" alt="DSC 7618"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7624_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7624_tmb.jpg" alt="DSC 7624"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7628_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7628_tmb.jpg" alt="DSC 7628"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7629_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7629_tmb.jpg" alt="DSC 7629"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7654_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7654_tmb.jpg" alt="DSC 7654"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7655_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7655_tmb.jpg" alt="DSC 7655"></a> </li> <li><a href="p7ssm_img_1/fullsize/64887632.Ly4zJNb1_fs.jpg"><img src="p7ssm_img_1/thumbs/64887632.Ly4zJNb1_tmb.jpg" alt="64887632.Ly4zJNb1"></a> </li> <li><a href="p7ssm_img_1/fullsize/63977311.Ll7HV9gn_fs.jpg"><img src="p7ssm_img_1/thumbs/63977311.Ll7HV9gn_tmb.jpg" alt="63977311.Ll7HV9gn"></a> </li> |
|
|
|
#12 |
|
Messages: n/a
Hébergeur: |
> whether it was right or wrong
It was wrong, and really indicates the lack of practical experience in your 'teacher'. > What should I have used instead? There is no reason to use positioning at all, in most cases - http://apptools.com/examples/pagelayout101.php Looking at your code posted below, I can see many errors. For example - </style> </head> <style type="text/css"> <!-- #apDiv1 { You have the bulk of your CSS style rules BELOW the closing </head> tag, a location in which they will be a) ignored by the browsers, and b) declared invalid code by the validators. Following that, you have - </script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="p7ssm/p7SSMscripts.js"></script> <link href="p7ssm/p7ssm_03.css" rel="stylesheet" type="text/css" media="all" /> </head> (a second closing </head> tag! You can only have one set of <html>/<head>/<body> tags on a page) Then you have - </head> <body ...> <div id="wrapper"> The ellipsis in the body tag was intended to refer to any other content that pre-existed there before you made my suggested modifications, i.e., It is not a literal tag attribute. If there were no pre-existing attributes in your body tag, then, you should have left it as just <body>. Your code *SHOULD* look like this if you would have followed my original suggested changes properly - <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Owen Heuston - Home</title> <style type="text/css"> <!-- body { text-align:center; } #wrapper { text-align:left; width:760px; margin:0 auto osition:relative; }/* 760px will display on an 800px screen maximized browser window without */ /* horizontal scrollbars. */ <style type="text/css"> <!-- #apDiv1 { position:absolute; left:91px; top:176px; width:22px; height:23px; z-index:1; } #apDiv2 { position:absolute; left:205px; top:251px; width:255px; height:314px; z-index:2; } #apDiv3 { position:absolute; left:507px; top:299px; width:399px; height:307px; z-index:3; } #apDiv4 { position:absolute; left:967px; top:250px; width:231px; height:290px; z-index:4; } #apDiv5 { position:absolute; left:201px; top:2px; width:999px; height:18px; z-index:5; } #apDiv6 { position:absolute; left:200px; top:22px; width:1000px; height:169px; z-index:6; } #apDiv7 { position:absolute; left:202px; top:33px; width:82px; height:123px; z-index:7; } #apDiv8 { position:absolute; left:-1px; top:159px; width:1003px; height:34px; z-index:8; } body { background-color: #FFFFFF; } #apDiv9 { position:absolute; left:200px; top:113px; width:236px; height:46px; z-index:9; } #apDiv10 { position:absolute; left:74px; top:197px; width:1000px; height:251px; z-index:10; } --> </style> <link href="styles.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- #apDiv11 { position:absolute; left:201px; top:205px; width:513px; height:292px; z-index:10; } #apDiv12 { position:absolute; left:724px; top:205px; width:472px; height:295px; z-index:11; } #apDiv13 { position:absolute; left:487px; top:531px; width:244px; height:150px; z-index:12; } body,td,th { color: #FFFFFF; } h1 { color: #a7a37e; } --> </style> <script type="text/javascript"> <!-- //--> </script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="p7ssm/p7SSMscripts.js"></script> <link href="p7ssm/p7ssm_03.css" rel="stylesheet" type="text/css" media="all" /> </head> <body> <div id="wrapper"> Try making that change and see what happens. Then preview the page, and increase the text size in the browser, and see what happens again.... -- Murray --- ICQ 71997575 Adobe Community Expert (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "red71rum" <webforumsuser@macromedia.com> wrote in message news:fvgfbr$hne$1@forums.macromedia.com... > Well my teacher in web design class told me to use the absolutes, whether > it > was right or wrong. What should I have used instead? I input your code > into > my interests page. Anyway, now everything is over to the far right. I > realize > I have to move the layers and was doing that with the arrow key so to > utilize > more preccise movement. I am unable to center the layers in DW. For > example, I > moved my link bar over to the left in DW in an effort to center it and it > still > does not look correct to me because it has come over to the left but is > still > not centered in IE or FF(but is centered in the div wrapper , but looks > centered when viewed in DW. > |
|
|
|
#13 |
|
Messages: n/a
Hébergeur: |
Murray,
I input the code and tried to do it correctly this time. The site is still not centered and the linkbar was off-center from the content even. I appreciate your and time by the way. Here is how I input the code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Owen Heuston - Home</title> <style type="text/css"> <!-- body { text-align:center; } #wrapper { text-align:left; width:760px; margin:0 auto osition:relative; }/* 760px will display on an 800px screen maximized browser window without */ /* horizontal scrollbars. */ <style type="text/css"> <!-- #apDiv1 { position:absolute; left:91px; top:176px; width:22px; height:23px; z-index:1; } #apDiv2 { position:absolute; left:205px; top:251px; width:255px; height:314px; z-index:2; } #apDiv3 { position:absolute; left:507px; top:299px; width:399px; height:307px; z-index:3; } #apDiv4 { position:absolute; left:967px; top:250px; width:231px; height:290px; z-index:4; } #apDiv5 { position:absolute; left:201px; top:2px; width:999px; height:18px; z-index:5; } #apDiv6 { position:absolute; left:200px; top:22px; width:1000px; height:169px; z-index:6; } #apDiv7 { position:absolute; left:202px; top:33px; width:82px; height:123px; z-index:7; } #apDiv8 { position:absolute; left:-1px; top:159px; width:1003px; height:34px; z-index:8; } body { background-color: #FFFFFF; } #apDiv9 { position:absolute; left:200px; top:113px; width:236px; height:46px; z-index:9; } #apDiv10 { position:absolute; left:74px; top:197px; width:1000px; height:251px; z-index:10; } --> </style> <link href="styles.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- #apDiv11 { position:absolute; left:201px; top:205px; width:513px; height:292px; z-index:10; } #apDiv12 { position:absolute; left:724px; top:205px; width:472px; height:295px; z-index:11; } #apDiv13 { position:absolute; left:487px; top:531px; width:244px; height:150px; z-index:12; } body,td,th { color: #FFFFFF; } h1 { color: #a7a37e; } --> </style> <script type="text/javascript"> <!-- //--> </script> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="p7ssm/p7SSMscripts.js"></script> <link href="p7ssm/p7ssm_03.css" rel="stylesheet" type="text/css" media="all" /> </head> <div id="apDiv5"></div> <div id="apDiv6"></div> <div id="apDiv8"><img src="assets/Links.jpg" alt="links" width="998" height="34" border="0" usemap="#Map"> <map name="Map"> <area shape="rect" coords="7,5,75,28" href="index.html"> <area shape="rect" coords="88,4,290,29" href="photography.html"> <area shape="rect" coords="296,2,437,30" href="interests.html"> <area shape="rect" coords="449,4,562,30" href="resume.html"> <area shape="rect" coords="579,4,703,28" href="Contact.html"> <area shape="rect" coords="715,4,787,30" href="Links.html"> </map></div> <div id="apDiv9"><img src="assets/expername.jpg" alt="name" width="236" height="46"></div> <div id="apDiv11"> <div align="left"> <h1>My interests</h1> </div> <div align="left"></div> <p align="left">I enjoy spending time outdoors with my family and dog, Leo. Most of the time I take pictures of them and nature. I like to travel.</p> <p align="left">In my spare time I go to the gym to workout. In the late evenings I sometimes play my Xbox 360. But mostly I spend time with my 1 year old daughter.</p> <p align="left"> </p> <p align="left" onMouseOver="P7_VScroller('apDiv5','Up',0,0,'Mediu m')"> </p> </div> <div id="apDiv12"> <div align="left"></div> <div id="p7ssm"> <div id="p7ssm_w1"> <div id="p7ssm_w2"> <div id="p7ssm_cf"> </div> <div id="p7ssm_loading"><img src="p7ssm/img/p7ssm_loading.gif" alt="" width="78" height="8" /></div> <div id="p7ssm_toolbar"> <div id="p7ssm_tools"> <table align="center" border="0" cellpadding="0" cellspacing="0" summary="Slideshow Toolbar"> <tr> <td><div id="p7ssm_nav_wrapper"><a id="p7SSMtnav" href="#" title="Menu"><em>Navigate</em></a> <div id="p7SSMwnav"> <div id="p7ssm_navList"> <ul> <li><a href="index.html">Home</a></li> <li><a href="resume.html">About Us</a></li> <li><a href="Contact.html">Contact Information</a></li> </ul> </div> </div> </div></td> <td><a href="#" title="Hide or Show Thumbnails" id="p7SSMthmb"><em>Hide Thumbs</em></a></td> <td><a href="#" id="p7ssm_first" title="First Image"><em>First</em></a></td> <td><a href="#" id="p7ssm_prev" title="Previous Image"><em>Previous</em></a></td> <td><a href="#" id="p7ssm_pp" class="p7ssm_pause" title="Pause"><em>Pause</em></a></td> <td><a href="#" id="p7ssm_next" title="Next Image"><em>Next</em></a></td> <td><a href="#" id="p7ssm_last" title="Last Image"><em>Last</em></a></td> <td><div id="p7ssm_slidechannel"> <div id="p7ssm_slider"><a href="#" id="p7ssm_slidebar" title="Speed:"><em>Set Speed</em></a></div> <div id="p7ssm_speed">Slideshow speed: 5  ;seconds</div> </div></td> <td><div id="p7ssm_counter"> </div></td> </tr> </table> </div> </div> <div id="p7SSMwhmb"> <div id="p7ssm_thumb_wrapper"> <div id="p7ssm_dragbar" title="Move"><span>Move</span></div> <div id="p7ssm_preview"> <table summary="Thumbnail Preview" align="center"> <tr> <td><img src="p7ssm_img_1/thumbs/22922459.Picture054_tmb.jpg" alt="22922459.Picture054" width="100" height="75" /></td> </tr> </table> </div> <div id="p7ssm_thumbs"> <div class="p7ssm_sectionTrigger"><a id="p7SSMtp_1" href="#">interests</a></div> <div id="p7SSMwp_1"> <div class="p7ssm_thumb_section"> <ul> <li><a href="p7ssm_img_1/fullsize/22922459.Picture054_fs.jpg"><img src="p7ssm_img_1/thumbs/22922459.Picture054_tmb.jpg" alt="22922459.Picture054"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7653_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7653_tmb.jpg" alt="DSC 7653"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_6844_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_6844_tmb.jpg" alt="DSC 6844"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7590_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7590_tmb.jpg" alt="DSC 7590"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7594_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7594_tmb.jpg" alt="DSC 7594"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7597_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7597_tmb.jpg" alt="DSC 7597"></a> <div class="p7ssm_fd">Ava and her best friend Leo</div> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7601_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7601_tmb.jpg" alt="DSC 7601"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7605_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7605_tmb.jpg" alt="DSC 7605"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7606_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7606_tmb.jpg" alt="DSC 7606"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7615_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7615_tmb.jpg" alt="DSC 7615"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7618_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7618_tmb.jpg" alt="DSC 7618"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7624_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7624_tmb.jpg" alt="DSC 7624"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7628_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7628_tmb.jpg" alt="DSC 7628"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7629_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7629_tmb.jpg" alt="DSC 7629"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7654_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7654_tmb.jpg" alt="DSC 7654"></a> </li> <li><a href="p7ssm_img_1/fullsize/DSC_7655_fs.jpg"><img src="p7ssm_img_1/thumbs/DSC_7655_tmb.jpg" alt="DSC 7655"></a> </li> <li><a href="p7ssm_img_1/fullsize/64887632.Ly4zJNb1_fs.jpg"><img src="p7ssm_img_1/thumbs/64887632.Ly4zJNb1_tmb.jpg" alt="64887632.Ly4zJNb1"></a> </li> <li><a href="p7ssm_img_1/fullsize/63977311.Ll7HV9gn_fs.jpg"><img src="p7ssm_img_1/thumbs/63977311.Ll7HV9gn_tmb.jpg" alt="63977311.Ll7HV9gn"></a> </li> <li><a href="p7ssm_img_1/fullsize/22776134.Picture039_fs.jpg"><img src="p7ssm_img_1/thumbs/22776134.Picture039_tmb.jpg" alt="22776134.Picture039"></a> </li> <li><a href="p7ssm_img_1/fullsize/93066466.5d0ZHBpA_fs.jpg"><img src="p7ssm_img_1/thumbs/93066466.5d0ZHBpA_tmb.jpg" alt="93066466.5d0ZHBpA"></a> </li> <li><a href="p7ssm_img_1/fullsize/93066478.pGsLq8qo_fs.jpg"><img src="p7ssm_img_1/thumbs/93066478.pGsLq8qo_tmb.jpg" alt="93066478.pGsLq8qo"></a> </li> <li><a href="p7ssm_img_1/f |
|
|
|
#14 |
|
Messages: n/a
Hébergeur: |
You're not so good with this code thing, and with following explicit
directions, I see! 8) Let me try again, only more slowly: Change this - </head> <div id="apDiv5"></div> <div id="apDiv6"></div> to this - </head> <body> <div id="wrapper"> <div id="apDiv5"></div> <div id="apDiv6"></div> Then you need to change this - </body> </html> to this - <!-- /wrapper --> </div> </body> </html> (I'm assuming you do NOT have these lines in your code - it's sooo voluminous that the webforum has truncated it as it passes from the webforum to the NNTP forum. If you DO have these last lines of code already on your page, then do not make this last change.) Now, you will need to reposition each of your layers in DW's design view so that they fit with the location of your page elements. Once you do that, everything will hang together. -- Murray --- ICQ 71997575 Adobe Community Expert (If you *MUST* email me, don't LAUGH when you do so!) ================== http://www.projectseven.com/go - DW FAQs, Tutorials & Resources http://www.dwfaq.com - DW FAQs, Tutorials & Resources ================== "red71rum" <webforumsuser@macromedia.com> wrote in message news:fvjb4c$h63$1@forums.macromedia.com... > Murray, > > I input the code and tried to do it correctly this time. The site is > still > not centered and the linkbar was off-center from the content even. I > appreciate your and time by the way. Here is how I input the code: > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> > <html xmlns="http://www.w3.org/1999/xhtml"> > <head> > <title>Owen Heuston - Home</title> > <style type="text/css"> > <!-- > body { text-align:center; } > #wrapper { text-align:left; width:760px; margin:0 > auto osition:relative; }> /* 760px will display on an 800px screen maximized browser window without > */ > /* horizontal scrollbars. */ > <style type="text/css"> > <!-- > #apDiv1 { > position:absolute; > left:91px; > top:176px; > width:22px; > height:23px; > z-index:1; > } > #apDiv2 { > position:absolute; > left:205px; > top:251px; > width:255px; > height:314px; > z-index:2; > } > #apDiv3 { > position:absolute; > left:507px; > top:299px; > width:399px; > height:307px; > z-index:3; > } > #apDiv4 { > position:absolute; > left:967px; > top:250px; > width:231px; > height:290px; > z-index:4; > } > #apDiv5 { > position:absolute; > left:201px; > top:2px; > width:999px; > height:18px; > z-index:5; > } > #apDiv6 { > position:absolute; > left:200px; > top:22px; > width:1000px; > height:169px; > z-index:6; > } > #apDiv7 { > position:absolute; > left:202px; > top:33px; > width:82px; > height:123px; > z-index:7; > } > #apDiv8 { > position:absolute; > left:-1px; > top:159px; > width:1003px; > height:34px; > z-index:8; > } > body { > background-color: #FFFFFF; > } > #apDiv9 { > position:absolute; > left:200px; > top:113px; > width:236px; > height:46px; > z-index:9; > } > #apDiv10 { > position:absolute; > left:74px; > top:197px; > width:1000px; > height:251px; > z-index:10; > } > --> > </style> > <link href="styles.css" rel="stylesheet" type="text/css" /> > <style type="text/css"> > <!-- > #apDiv11 { > position:absolute; > left:201px; > top:205px; > width:513px; > height:292px; > z-index:10; > } > #apDiv12 { > position:absolute; > left:724px; > top:205px; > width:472px; > height:295px; > z-index:11; > } > #apDiv13 { > position:absolute; > left:487px; > top:531px; > width:244px; > height:150px; > z-index:12; > } > body,td,th { > color: #FFFFFF; > } > h1 { > color: #a7a37e; > } > --> > </style> > <script type="text/javascript"> > <!-- > > //--> > </script> > <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> > <script type="text/javascript" src="p7ssm/p7SSMscripts.js"></script> > <link href="p7ssm/p7ssm_03.css" rel="stylesheet" type="text/css" > media="all" /> > </head> > > > <div id="apDiv5"></div> > <div id="apDiv6"></div> > <div id="apDiv8"><img src="assets/Links.jpg" alt="links" width="998" > height="34" border="0" usemap="#Map"> > <map name="Map"> > <area shape="rect" coords="7,5,75,28" href="index.html"> > <area shape="rect" coords="88,4,290,29" href="photography.html"> > <area shape="rect" coords="296,2,437,30" href="interests.html"> > <area shape="rect" coords="449,4,562,30" href="resume.html"> > <area shape="rect" coords="579,4,703,28" href="Contact.html"> > <area shape="rect" coords="715,4,787,30" href="Links.html"> > </map></div> > <div id="apDiv9"><img src="assets/expername.jpg" alt="name" width="236" > height="46"></div> > <div id="apDiv11"> > <div align="left"> > <h1>My interests</h1> > </div> > <div align="left"></div> > <p align="left">I enjoy spending time outdoors with my family and dog, > Leo. > Most of the time I take pictures of them and nature. I like to travel.</p> > <p align="left">In my spare time I go to the gym to workout. In the late > evenings I sometimes play my Xbox 360. But mostly I spend time with my 1 > year > old daughter.</p> > <p align="left"> </p> > <p align="left" > onMouseOver="P7_VScroller('apDiv5','Up',0,0,'Mediu m')"> </p> > </div> > <div id="apDiv12"> > <div align="left"></div> > <div id="p7ssm"> > <div id="p7ssm_w1"> > <div id="p7ssm_w2"> > <div id="p7ssm_cf"> </div> > <div id="p7ssm_loading"><img src="p7ssm/img/p7ssm_loading.gif" > alt="" > width="78" height="8" /></div> > <div id="p7ssm_toolbar"> > <div id="p7ssm_tools"> > <table align="center" border="0" cellpadding="0" > cellspacing="0" > summary="Slideshow Toolbar"> > <tr> > <td><div id="p7ssm_nav_wrapper"><a id="p7SSMtnav" href="#" > title="Menu"><em>Navigate</em></a> > <div id="p7SSMwnav"> > <div id="p7ssm_navList"> > <ul> > <li><a href="index.html">Home</a></li> > <li><a href="resume.html">About Us</a></li> > <li><a href="Contact.html">Contact > Information</a></li> > </ul> > </div> > </div> > </div></td> > <td><a href="#" title="Hide or Show Thumbnails" > id="p7SSMthmb"><em>Hide Thumbs</em></a></td> > <td><a href="#" id="p7ssm_first" title="First > Image"><em>First</em></a></td> > <td><a href="#" id="p7ssm_prev" title="Previous > Image"><em>Previous</em></a></td> > <td><a href="#" id="p7ssm_pp" class="p7ssm_pause" > title="Pause"><em>Pause</em></a></td> > <td><a href="#" id="p7ssm_next" title="Next > Image"><em>Next</em></a></td> > <td><a href="#" id="p7ssm_last" title="Last > Image"><em>Last</em></a></td> > <td><div id="p7ssm_slidechannel"> > <div id="p7ssm_slider"><a href="#" id="p7ssm_slidebar" > title="Speed:"><em>Set Speed</em></a></div> > <div > id="p7ssm_speed">Slideshow speed: 5  ;seconds</div> > </div></td> > <td><div id="p7ssm_counter"> </div></td> > </tr> > </table> > </div> > </div> > <div id="p7SSMwhmb"> > <div id="p7ssm_thumb_wrapper"> > <div id="p7ssm_dragbar" title="Move"><span>Move</span></div> > <div id="p7ssm_preview"> > <table summary="Thumbnail Preview" align="center"> > <tr> > <td><img > src="p7ssm_img_1/thumbs/22922459.Picture054_tmb.jpg" > alt="22922459.Picture054" > width="100" height="75" /></td> > </tr> > </table> > </div> > <div id="p7ssm_thumbs"> > <div class="p7ssm_sectionTrigger"><a id="p7SSMtp_1" > href="#">interests</a></div> > <div id="p7SSMwp_1"> > <div class="p7ssm_thumb_section"> > <ul> > <li><a > href="p7ssm_img_1/fullsize/22922459.Picture054_fs.jpg"><img > src="p7ssm_img_1/thumbs/22922459.Picture054_tmb.jpg" > alt="22922459.Picture054"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/DSC_7653_fs.jpg"><img > src="p7ssm_img_1/thumbs/DSC_7653_tmb.jpg" alt="DSC 7653"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/DSC_6844_fs.jpg"><img > src="p7ssm_img_1/thumbs/DSC_6844_tmb.jpg" alt="DSC 6844"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/DSC_7590_fs.jpg"><img > src="p7ssm_img_1/thumbs/DSC_7590_tmb.jpg" alt="DSC 7590"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/DSC_7594_fs.jpg"><img > src="p7ssm_img_1/thumbs/DSC_7594_tmb.jpg" alt="DSC 7594"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/DSC_7597_fs.jpg"><img > src="p7ssm_img_1/thumbs/DSC_7597_tmb.jpg" alt="DSC 7597"></a> > <div class="p7ssm_fd">Ava and her best friend > Leo</div> > </li> > <li><a > href="p7ssm_img_1/fullsize/DSC_7601_fs.jpg"><img > src="p7ssm_img_1/thumbs/DSC_7601_tmb.jpg" alt="DSC 7601"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/DSC_7605_fs.jpg"><img > src="p7ssm_img_1/thumbs/DSC_7605_tmb.jpg" alt="DSC 7605"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/DSC_7606_fs.jpg"><img > src="p7ssm_img_1/thumbs/DSC_7606_tmb.jpg" alt="DSC 7606"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/DSC_7615_fs.jpg"><img > src="p7ssm_img_1/thumbs/DSC_7615_tmb.jpg" alt="DSC 7615"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/DSC_7618_fs.jpg"><img > src="p7ssm_img_1/thumbs/DSC_7618_tmb.jpg" alt="DSC 7618"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/DSC_7624_fs.jpg"><img > src="p7ssm_img_1/thumbs/DSC_7624_tmb.jpg" alt="DSC 7624"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/DSC_7628_fs.jpg"><img > src="p7ssm_img_1/thumbs/DSC_7628_tmb.jpg" alt="DSC 7628"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/DSC_7629_fs.jpg"><img > src="p7ssm_img_1/thumbs/DSC_7629_tmb.jpg" alt="DSC 7629"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/DSC_7654_fs.jpg"><img > src="p7ssm_img_1/thumbs/DSC_7654_tmb.jpg" alt="DSC 7654"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/DSC_7655_fs.jpg"><img > src="p7ssm_img_1/thumbs/DSC_7655_tmb.jpg" alt="DSC 7655"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/64887632.Ly4zJNb1_fs.jpg"><img > src="p7ssm_img_1/thumbs/64887632.Ly4zJNb1_tmb.jpg" > alt="64887632.Ly4zJNb1"></a> > </li> > <li><a > href="p7ssm_img_1/fullsize/63977311.Ll7HV9gn_fs.jpg"><img > src="p7ssm_img_1/thumbs/63977311.Ll7HV9gn_tmb.jpg" > alt="63977311.Ll7HV9gn"></a> > </li> > <li><a > href="p7ssm_img_1/fullsize/22776134.Picture039_fs.jpg"><img > src="p7ssm_img_1/thumbs/22776134.Picture039_tmb.jpg" > alt="22776134.Picture039"></a> </li> > <li><a > href="p7ssm_img_1/fullsize/93066466.5d0ZHBpA_fs.jpg"><img > src="p7ssm_img_1/thumbs/93066466.5d0ZHBpA_tmb.jpg" > alt="93066466.5d0ZHBpA"></a> > </li> > <li><a > href="p7ssm_img_1/fullsize/93066478.pGsLq8qo_fs.jpg"><img > src="p7ssm_img_1/thumbs/93066478.pGsLq8qo_tmb.jpg" > alt="93066478.pGsLq8qo"></a> > </li> > <li><a > href="p7ssm_img_1/f |
|
![]() |
| Outils de la discussion | |
|
|