Why does my template created page jump out of sync?
Hi there
I'm relatively new at this, having read classroom in a book on Dreamweaver CS6 I thought I'd attempt my own website.
I't's relatively simple and contains only 4 pages derived from a template.
3 of the pages look fine and jumping from one to another everything is precisely registered.
1 page however refuses to play ball and is horizontally out of register with the other 3 pages- it moves about 3 mm to the left
I've isolated this as being down to the text in the main editable region. If I remove a paragraph (it doesn't matter which one) it returns to being in register with the other pages.
When creating the template itself I did leave a lesser amount of text in situ in the editable region so that I could simply cut and paste over it, I also did this for the heading which seems to work fine.
Below is the problem page code About Graphic Communication and a welcome page code which is fine
Also attached link to site which is being hosted externally (set up by someone who knows what they are doing)
Contact Details
Any help would be gratefully received
Many thanks
<!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"><!-- InstanceBegin template="Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>About Graphic Communication</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
background-color: #000;
text-align: center;
margin: 0px;
padding: 0px;
color: #EEE;
#wrapper {
text-align: left;
width: 760px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
#logo {
height: 130px;
width: 200px;
float: left;
#header {
height: 130px;
width: 560px;
float: right;
text-align: left;
padding-top: 0px;
margin-top: 0px;
#content {
margin-top: 30px;
padding-top: 15px;
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #BBB;
font-weight: lighter;
#footer {
margin-top: 50px;
margin-bottom: 12px;
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 55px;
color: #999;
background-color: #AAAAAA
background-color: #333;
p {
padding-left: 55px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: lighter;
padding-right: 40px;
#footerNav {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 50px;
padding-left: 55px;
color: #999;
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<div id="wrapper">
<div id="logo"><img src="Images/Logo%20200x130px.jpg" width="200" height="130" alt="logo200x130" /></div>
<!-- InstanceBeginEditable name="heading" -->
<div id="header">
<p> </p>
<h1>About Graphic Communication</h1>
</div>
<!-- InstanceEndEditable -->
<div id="picture"></div>
<!-- InstanceBeginEditable name="main image" --><img src="Images/cavepainting.jpg" width="760" height="250" alt="cave painting of early communication" /><!-- InstanceEndEditable -->
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html">HOME</a> </li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="portfoliopage.html">PORTFOLIO</a> </li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
<!-- InstanceBeginEditable name="content" -->
<div id="content">
<p>As far back as I can remember, I’ve always been inspired to draw and paint, so a career in art and design was always on the cards.</p>
<p>After 4 years studying graphic design to degree standard at Cornwall College, I graduated as a diploma member of the Society of Industrial Artists and Designers in 1982.</p>
<p>Over the years, I’ve worked in Audio Visual, Packaging and POS, Cosmetics and Beauty Products, Engineering, Christian Publicity and the Pharmaceutical Industry, to name but a few. Starting out with paste-up artwork on drawing boards, hand drawn marker visuals, and long hours in darkrooms, time has seen many changes with equipment and working methods. However, though the tools have changed, my aim has always remained the same — to produce effective, relevant, graphic communication.</p>
<p>Graphic communication is everything — it has always been. From the very first marks we humans ever made representing our ideas and experiences, to today’s fast changing digital world, and beyond, it’s the culmination of an inventive ideas process that effectively communicates our intent and values to others.</p>
<p>For the designer, it means a partnership between the client's aims and the designer’s creativity, defining a common vision and honing all the possibilities of outcome into a single bespoke solution that’s distinctly right for your business, not someone else’s.</p>
<p>Good design simply means great graphic communication.</p>
</div>
<!-- InstanceEndEditable -->
<div id="footer">© Kevin Raddy 2014</div>
<div id="pictureborder1"></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
<!-- InstanceEnd --></html>
<!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"><!-- InstanceBegin template="/Templates/index.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Welcome to Graphic Communication</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
background-color: #000;
text-align: center;
margin: 0px;
padding: 0px;
color: #EEE;
#wrapper {
text-align: left;
width: 760px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
#logo {
height: 130px;
width: 200px;
float: left;
#header {
height: 130px;
width: 560px;
float: right;
text-align: left;
padding-top: 0px;
margin-top: 0px;
#content {
margin-top: 30px;
padding-top: 15px;
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #BBB;
font-weight: lighter;
#footer {
margin-top: 50px;
margin-bottom: 12px;
clear: both;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
padding-left: 55px;
color: #999;
background-color: #AAAAAA
background-color: #333;
p {
padding-left: 55px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: lighter;
padding-right: 40px;
#footerNav {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 50px;
padding-left: 55px;
color: #999;
-->
</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body>
<div id="wrapper">
<div id="logo"><img src="Images/Logo%20200x130px.jpg" width="200" height="130" alt="logo200x130" /></div>
<!-- InstanceBeginEditable name="heading" -->
<div id="header">
<p> </p>
<h1>Welcome to Graphic Communication</h1>
</div>
<!-- InstanceEndEditable -->
<div id="picture"></div>
<!-- InstanceBeginEditable name="main image" --><img src="Images/Voyager 26 web.jpg" width="760" height="250" alt="Voyager spacecraft" /><!-- InstanceEndEditable -->
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html">HOME</a> </li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="portfoliopage.html">PORTFOLIO</a> </li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
<!-- InstanceBeginEditable name="content" -->
<div id="content">
<p>Welcome to Graphic Communication, the website of freelance graphic designer Kevin Raddy. With over 20 years design for print experience, I offer a friendly, professional, design and artwork service at competitive prices.</p>
<p>Whatever your design need, my aim is to make a difference to your business through creative and effective use of graphic design. I’ll strive not only meet your expectations, but through creativity, inspiration and communication, exceed them—that’s good for your business and unsurprisingly, it’s also good for mine. </p>
<p>Whether you are looking for a new logo, branded stationery, leaflets, a corporate brochure or any type of design for print project, Graphic Communication prides itself on delivering on time—on budget solutions, aimed at total customer satisfaction.</p>
<p> </p>
</div>
<!-- InstanceEndEditable -->
<div id="footer">© Kevin Raddy 2014</div>
<div id="pictureborder1"></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
<!-- InstanceEnd --></html>
Normally you would have an external style sheet for your site. Each page would be linked to that style sheet.
In your case, you have placed the style rules in the document, which is Ok except when it comes to maintenance.
To answer your question, place the code just above the body style rules as in
html {
overflow-y:scroll;
body {
background-color: #000;
text-align: center;
margin: 0px;
padding: 0px;
color: #EEE;
If you do have plans to use an external style sheet, the rule for the html will not adversely affect other pages.
Similar Messages
-
Why does my IPAD 1, kick me out of a web page/site and return me to my home page?
Why does my IPAD 1, kick me out of a web page/site and return me to my home page?
Probably a glitch in Safari.
Quit Safari - double tap the Home button to reveal the multi-tasking window at the bottom. Swipe sideqays until you see the Safari icon. Tpa-and-hold until the red circle/hwite bar appears, then tap that to close Safari. You might do that with all the icons to be sure.
Tap the Home button to close multi-tasking.
Restart the device (hold Home and Sleep for around 10 seconds untl the Apple logo appears).
Fingers crosed, that'll fix it -
Why does mail keep creating a new junk mail folder?
Why does mail keep creating a new junk mail folder at the bottom of my folders. This is in addition to the standard junk mail folder.
Hi Michael
Welcome to the forum.
Do you have Stuffit installed and are saving to the desktop?
Because in that case it is Stuffit decompressing the Pages document's package.
Just save to your document folder.
Peter -
Why does my form data gets cleared out when clicking on the back button.
Can someone explain why does my form selections get cleared out when clicking on the back button.
I have a JSP page that displays a form with some selections and text boxes. I populate the page and submit the request. The action on the submit call another jsp page, which processes the data and displays the results via a <jsp:include> statement which calls the results page. When clicking on the back button from the results page, it returns me to the form page, but the selections are cleared out.
1. Is there something in my calling of the pages that causes this behavior and can I prevent it?
I notice that the behavior is different when using the IE 6.0 version Netscape 7.1. IE clears the page Netscape 7.1 retains the settings.
If I cannot prevent this behavior does that mean I will have to save the state of the form data. And if I have to save the form data, what would be the easiest method of doing this. I'm a beginner to JSP and Java, but have some ASP experience. I don't understand why the back button in a JSP request clears the form data but a regular HTML page does not can someone explain?
THANKS.the browser doesn't have to remember what you submitted and fill that back in.
you can't prevent it unless you can ensure a new request to the server in which you can fill the default values in there. -
Why does my apple tv keep dropping out of home sharing.
why does my apple tv keep dropping out of home sharing.
I use homeplug powerline adapters to create my home Lan. I've never had any problem with my ATV 2.
This isn't ideal either, I would rather have shielded CAT7 cables reach all the way to my modem.
Either way, wired solutions are more reliable and have a higher potential speed as wireless uses pulsed electromagnetic radiation as a means for transportation in stead of copper or fiber optic cables
The World Health Organization's IARC has recently classified radio frequency electromagnetic fields as possibly level 2 carcinogenic to humans, concluding:
"the evidence, while still accumulating, is strong enough to support a conclusion and the 2B classification. The conclusion means that there could be some risk, and therefore we need to keep a close watch for a link between cell phones and cancer risk." -
Why does my wi-fi keep dropping out with Lion ?
Why does my wi-fi keep dropping out since I purchased Lion?
Why does my wi-fi preference keep getting lost every time my computer goes into sleep mode?
Is there any way of killing the Lion and getting Snow Leopard back.
Signed,
Tim (Had a flawless computer until I purchased Lion!) Lyke
< Edited by Host >I use homeplug powerline adapters to create my home Lan. I've never had any problem with my ATV 2.
This isn't ideal either, I would rather have shielded CAT7 cables reach all the way to my modem.
Either way, wired solutions are more reliable and have a higher potential speed as wireless uses pulsed electromagnetic radiation as a means for transportation in stead of copper or fiber optic cables
The World Health Organization's IARC has recently classified radio frequency electromagnetic fields as possibly level 2 carcinogenic to humans, concluding:
"the evidence, while still accumulating, is strong enough to support a conclusion and the 2B classification. The conclusion means that there could be some risk, and therefore we need to keep a close watch for a link between cell phones and cancer risk." -
Why does my E72 create a PDP context without my pe...
Why does my E72 create a PDP context without my permission and send data to 131.228.18.5 ?
No apps are running.
Connection set to "when needed"
I haven't installed any new apps.
Email not configured.Host name of 131.228.18.5 is em1x-5.lhr.messaging.nokia.com
Do you have email accounts set up to synchronise automatically or via OVI mail or Nokia messaging?
How did you find yout the IP-address of the destination?
I never managed to find that out unless i sniffed network traffic over the WLAN. -
Why does my Adobe Reader installation time out?
Why does my Adobe Reader installation time out at 64 percent on Windows XP?
I am currently running version 9.5.2.
Does anyone have a solution please.Hi,
This "timeout at 64%" issue has been reported more than a few times here.
You can try direct download from
http://get.adobe.com/reader/enterprise/
If you can dedicate some time and help to investigate the issue, here is what I would ask:
Before trying the link I have provided, can you please enable verbose MSI logging and try to install Reader the way you did originally - I assume that you used Adobe.com, right?
If it fails again at 64%, please find the latest MSIxxxxx.log file in the Temp folder and send it to me.
To enable Windows Installer logging
http://support.microsoft.com/kb/223300
...open the registry with Regedit.exe and create the following path and keys:
HKEY_LOCAL_MACHINE\Software\Policies\Microsoft\Windows\Installer
Reg_SZ: Logging
Value: voicewarmupx
The Temp folder on Windows XP is
C:\Documents and Settings\[YourUserName]\Local Settings\Temp -
What is application memory and why does my macbook pro keep running out of it?
what is application memory and why does my macbook pro keep running out of it?
There is excessive swapping of data between physical memory (that is, the memory chips on the logic board) and virtual memory (one or more files on the startup volume.) That activity is relatively slow and causes the whole system to be less responsive. It can happen for two reasons:
A long-running process with a memory leak (a kind of bug)
Not enough memory for your usage pattern
Please note that if the cause is a memory leak, installing more memory will not help. That's likely if you already have more than 4 GB of memory. Tracking down a memory leak can be difficult, and it may come down to a process of elimination.
These instructions are for OS X 10.9 and later. Some details may be slightly different for earlier versions of OS X.
When you notice the swap activity, open the Activity Monitor application and select All Processes from the View menu, if it's not already selected. Select the Memory tab. Click the heading of the Real Mem column in the process table twice to sort the table with the highest value at the top. If you don't see that column, select
View ▹ Columns ▹ Real Memory
from the menu bar.
If one process (excluding "kernel_task") is using much more memory than all the others, that could be an indication of a leak. A better indication would be a process that continually grabs more and more real memory over time without ever releasing it. Here is an example of how it's done.
The processes named "Safari Web Content" render web pages for Safari. They use a lot of memory and may leak if certain Safari extensions or third-party web plugins are installed. Consider them prime suspects.
Another process often implicated in memory leaks is "inkjet4" or "inkjet8," which is a component of the HP printing software. If it's present, force-quit the process in Activity Monitor to solve the problem temporarily. Empty the print queues in the Printers & Scanners preference pane (which has a slightly different name in each recent version of OS X.) If you don't use an HP printer, reset the printing system. Otherwise, if the problem is recurrent, update the software (which may not help) or contact HP support.
"Wired" memory should be a small part of the total. That memory is not swapped, but it makes less physical memory available which may then result in swapping. If you have a lot of wired memory, that's usually an indication of a memory leak in a third-party program that modifies the operating system at a low level. Ask for guidance in that case.
If you don't have an obvious memory leak, your options are to install more memory (if possible) or to run fewer programs simultaneously.
The next suggestion is only for users familiar with the shell. For a more precise, but potentially misleading, test, run the following command:
sudo leaks -nocontext -nostacks process | grep total
where process is the name of a process you suspect of leaking memory. Almost every process will leak some memory; the question is how much, and especially how much the leak increases with time. I can’t be more specific. See the leaks(1) man page and the Apple developer documentation for details. -
Why does my ipad keep throwing me out of games and apps?
Why does my ipad keep throwing me out of games and apps?
Try reset iPad
Hold down the Sleep/Wake button and the Home button at the same time for at least ten seconds, until the Apple logo appears
Note: Data will not be affected. -
Why does my airport express keep cutting out?
Why does my airport express keep cutting out?
I have a 1st gen Airport Express and use it to stream music from my PC, iPhone 4, iPad and iPod Touch. My Airport Express is connected to a Teac UD-H01 DAC via an optical cable which is connected to an amp and speakers. I had no problems at all with this set up until I upgraded the Airport Express firmware to 7.6.3. The sound then started to drop out frequently. To cut a long story short after various testing, the problem had to be the Airport Express. I called Apple support but they were not much help and couldn't fix the problem and said they would speak to engineering and phone back. While I was waiting I decided to have another go to find the problem and opened the airport utility and saw that there was an option to downgrade the firmware. At this point I realised that the problems started about the same time that I upgraded the firmware to 7.6.3 but didn't think at the time that Apple would release a firmware that didn't work. Anyway I downgraded to 7.6.1 and hey presto, everything worked again. A couple of days ago I noticed that firmware 7.6.4 was available and thought I'd give it a go, not good - same problem as 7.6.3. I've downgraded to 7.6.1 again and all is well. Hope this helps.
-
Why Does The AUR Site Log Me Out So Quickly?
Why does the AUR website log users out so quickly? It is highly annoying.
Paul and Simo, I think. Or maybe its Simo and Paul. AUR bug tracker is a good thing for contacting them...
check this bug:
http://bugs.archlinux.org/index.php?id=3059&do=details
Dusty -
Why does one of site pages show up as index in my reports?
Why does one of site pages show up as index in my reports?
Hi morganagordon,
Kindly share the URL of your site.
Also, check the Page Properties of the pages in your Muse file for the page name, page title and file name of the pages.
To check the same, you will need to open the file with Muse, go to the Plan view, right on each page thumbnail, select "Page Properties" and select the Options tab.
Regards
Sonam -
Why does safari display empty page when localhost service are requested using https?
Why does safari display empty page when localhost service are requested using https and port 37542 (https://localhost:37542/), but displays page properly when regular port is used (https://localhost/).
Both links return the same json response and work properly in other browsers. Certificate for localhost service was installed to the storage.Problem solved.
I added headers for localhost service response and page displayed normally. -
Why does the fire fox page change, sometimes it is just an orange fire fox button on the top left that opens a panel with all the things listed in it and then it sometimes has a bar across the top that says File, Edit, View, History, bookmarks, tools, Help? I barely get used to using one type of set up and then it changes to the other without me doing anything??
[[Menu bar is missing]] and [[Preferences are not saved]] may help to you
Maybe you are looking for
-
Error in connecting Oracle Database from JAVA application!!!
Hi, I am trying to connect to the Oracle11g database server from the client machine using JAVA eclipse. I have installed the oracle client in the client machine. Once i try to execute the below code it was throwing below error: public class Dbconnect
-
My built in iSight only works with photobooth
the built in camera only works wiith the application photobooth. it wont work with aim, yahoo messenger, not even chatroulette. anyone know how to fix it? i have an 2010 iMac
-
I'm from Brazil, I have an iphone 3gs that does not turn over, would you change in any app store or any authorized?
-
Locating audio tracks when Importing OMF
I have just imported an OMF from another Logic session. All my audio tracks are in the media folder and all the audio regions are in the session page in their correct places. But the audio isn't synced up to the regions, is there any way of not doing
-
TA27400 iTunes: Multiple temp files after iTunes Match subscription
Since I subscribed the iTunes Match service I have a very annoying issue: a lot of temp files on my iTunes folder. My library is pretty big (24989 songs) and my temp file iTunes Music Library.xml is 42mb. Well, I never counted how many but I think th